/*
 Theme Name:   McKee Construction Theme
 Theme URI:    http://www.elegantthemes.com/gallery/divi/
 Description:  Child theme for Divi by Elegant Themes. Includes header.php for Google Tag Manager code placement.
 Author:       Raborn Media
 Author URI:   https://rabornmedia.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, full-page, responsive-layout, accessibility-ready
 Text Domain:  Divi-child
*/

/* general utility flex rules */

body {
  background-color: #fff9ef;
}

.align-row, .align-row-reverse {
  display: flex;
  align-items: center;
}

@media (max-width: 980px) {
  .align-row {
    flex-direction: column;
    justify-content: center;
  }
  .align-row-reverse {
    flex-direction: column-reverse;
	  justify-content: center;
  }
}

/*Menu*/
ul#mobile_menu1 {
    top: 145px;
}

/* headers */

.header h1 {
    display: flex;
    flex-direction: row;
}

.header h1:after {
    content: "";
    color: #D5762D;
    flex: 1 1;
    border-bottom: 2px solid;
    margin: auto;
    margin-left: 30px;
}

/* Flip Cards */
.flipcard-container {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}

@media (min-width:981px){
.flip-box-row {
  background-color: transparent;
  width: 230px;
  height: 350px;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
 
.flip-box-column {
  position: relative;
  width:100%;
  height: 100%;
  -webkit-transition: transform 0.8s;
  transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.flip-box-row:hover .flip-box-column {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
 
.flip-box-front, .flip-box-back{
  position: absolute;
   width:100%;
  height: 100%;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 
.flip-box-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

.flip-box-back .et_pb_blurb_description {
  margin-top: 20px;
}

.flip-box-back .et_pb_blurb_description a {
  font-weight: 700;
    text-decoration: none;
    color: #fff9ef;
    background: #d5762d;
    padding: 10px 15px;
    border-radius: 100px;
}

.flip-box-back .et_pb_blurb_description a:hover {
    background: #cf592a;
}


/* slides */

.et_pb_slides .et_pb_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.et_pb_slides .et_pb_slider_container_inner {
    width: 50%;
}

ul.proccess-nav {
  list-style: none;
  padding: 0;
}

.et_pb_promo_description {
    width: 50%;
    float: right;
}

.process-slider-two .et_pb_promo_description {
    width: 50%;
    float: left !important;
}

.proccess-nav li {
  width: 100% !important;
  float: left;
  padding: 5px;
  text-align: center;
  display: block;
  position: relative;
  cursor: pointer;
}
.proccess-nav li .number-wrapper,
.proccess-nav li .title {
  width: 100%;
  display: block;
}

.proccess-nav-two li {
  width:  20% !important;
}

.proccess-nav li .number-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  background-color: transparent;
  border-radius: 30px;
  margin: 0 auto;
  background-size: contain;
  display: flex;
  align-items: center;
}

.number {
  font-size: 15px;
  color: #557889  !important;
  font-family: 'Bai Jamjuree',Helvetica,Arial,Lucida,sans-serif;
}

.proccess-nav li .number {
  position: relative;
  z-index: 2;
  padding: 0;
  display: block;
  width: 100%;
}

@media (max-width: 980px) {
  .et_pb_promo_description {
      width: 100%;
  }
}

@media (min-width: 480px) {
    .proccess-nav li .number {
        padding: 10px;
    }
}

@media (max-width: 980px) {
  .slick-two .slick-track {
    display: flex !important;
    flex-direction: column !important;
	align-items: center;
  }
	.proccess-nav-two li {
    	width: 100% !important;
		text-align: left;
	}
}


.proccess-nav li:last-child:before {
  display: none;
}

.proccess-nav li.slick-current .number-wrapper {
 background: #D5762D !important;
}

.proccess-nav li.slick-current .number {
 color: #fff9ef !important;
}

/* forms */

.contact-us form#gform_1 {
    padding: 0;
}

form#gform_1 {
    padding: 0 75px;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 150px !important;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: transparent;
    padding: 2px;
    color: #54524e;
    border: none;
    border-bottom: 2px solid #D5762D;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #54524e;
  opacity: 1; /* Firefox */
  text-transform: uppercase;
  font-weight: bold;
}

input[type=submit], input::file-selector-button  {
  background-color: #D5762D;
  border: none;
  color: #fff9ef;
  padding: 10px 15px;
  text-transform: uppercase;
}

input[type=submit]:hover, input::file-selector-button :hover{
  background-color: #b25d1d;
  border: none;
  color: #fff9ef;
  padding: 10px 15px;
  text-transform: uppercase;
}

/*portfolio*/
span.number:focus, span.number:focus-visible {
    border: 2px solid grey;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    color: #666;
    padding: 10px 20px;
    border: 0;
    display: block;
    height: auto;
    overflow: hidden;
    margin: -1px -1px 0 0;
    background-color: transparent;
    font-size: 15px;
    font-weight: bold;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #d5762d;
    background-color: transparent;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #666;
    background-color: #EFE8DC;
}