/*
Theme Name: Divi Child By Jason Swain
Theme URI: http://divimagine.com/
Description: A Custom Child Theme For Divi
Author: Jason Swain
Author URI: http://divimagine.com/
Template: Divi
Version: Updated for Divi 3
*/

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

#top-header {display: none;}
#footer-bottom {
	height: 50px !important;
	}

/**

#main-header {display:none;}

**/

/**

#footer-bottom {display: none;}
#main-footer {display: none;}

**/

/** 

#page-container { 
	padding-top:0px !important; 
	margin-top:-1px !important 
}
#main-content .container {
    padding-top: 58px !important;
}

**/


/** Logo Overlap CSS **/

.et_fixed_nav #logo {
    max-height: 100px;
}

.et-fixed-header #logo {
    max-height: 100px;
}

@media only screen and ( max-width: 1025px ){
#logo {
    display: inline-block;
    float: none;
    max-height: 50px;
	max-width: 120px;
    margin-top: 1px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 100000 !important;
}
}

@media only screen and ( min-width: 1026px ){
#logo {
    display: inline-block;
    float: none;
    max-height: 100px;
	max-width: 240px;
    margin-top: 1px;
    margin-left: -100px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 100000 !important;
}
}


/** Custom Button Styles for Booking Plugin **/

.mphb_sc_search-submit-button-wrapper input[type="submit"]{
background-color:#357939;
padding:20px 30px;
color:#000;
}


/** Mobile Menu Fixed on Scroll **/
    @media only screen and (max-width : 980px) {
        .et_fixed_nav #main-header {
        position: fixed !important;
        top: 0 !important;
    }
}

/** Alter Hamburger Color **/

span.mobile_menu_bar:before {
    color: #357939 !important;
}



/** Align Hamburger Right on Mobiles **/
@media only screen and ( max-width: 980px ) {
    #main-header .container { 
        width:100%;
        box-sizing:border-box;
        padding-right:30px;
        padding-left:30px;
    }
}

/** Alter Mobile Dropdown Menu **/
.et_mobile_menu li a {
color: #000000;
background: #939393 !important;
}

/** ! SLEEKER MOBILE MENU SETTINGS ! **/

.et_mobile_menu {
border:0px #fff;/*Change this*/
width:125%;
margin-left: -12.5%;
}

.et_mobile_menu li a,
.et_mobile_menu .menu-item-has-children > a {
width: 49%;
float: left;
background:#939393;/*Change this*/
margin-bottom:5px;
margin-right:1%;
color:#fff;/*Change this*/
text-align: center;
}

#mobile_menu .current_page_item a {
background: #357939 !important;/*Change this*/
color: #fff;/*Change this*/
}


/** Change Hamburger to 'X' when menu opened **/
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/** Alter Toggle Icon **/
.toggle_custom_3.et_pb_toggle {
    border: none;
    transition: 0.2s
}

.toggle_custom_3.et_pb_toggle_open{
	padding-top: 8px !important;
	padding-bottom: 16px !important;
    border-bottom: 2px solid #42c3ce !important;
    border-top: 2px solid #42c3ce !important;
    }

.toggle_custom_3 .et_pb_toggle_title:before {
    font-size: 25px !important ;
    content: ";" !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.toggle_custom_3.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #42c3ce;
    -ms-transform: rotate(540deg);
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
}

/** Top Menu Growing Line **/

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #191919; /*** COLOR OF THE LINE ***/
 height: 1px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}


/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

h6 {
font-family: 'Rock Salt', cursive;
}

/*-----Scrolling Image Carousel by Jason Swain-----*/

/*Stops the browser creating a horizontal scrollbar*/

.ds-carousel-section {
 overflow: hidden;
}


/*Sets the width of the image modules and floats them so they are next to each other*/

.ds-carousel-logo {
 width: 20%;
 float: left;
}


/*Sets the position and visibility of the rows*/

.ds-image-carousel {
 float: left;
 position: absolute;
 padding: 0;
 opacity: 0;
 z-index: 0;
}


/*Position, visibility and animation settings for the first row*/

.ds-image-carousel-first {
 position: relative;
 z-index: 1;
 -webkit-animation: first 15s 1 linear forwards;
 animation: first 15s 1 linear forwards;
}


/*Animation settings for the rest of the rows*/

.ds-image-carousel-second,
.ds-image-carousel-third {
 -webkit-animation: rest 30s infinite linear;
 animation: rest 30s infinite linear;
}


/*Animation delay for the third row*/

.ds-image-carousel-third {
 -webkit-animation-delay: 15s;
 animation-delay: 15s;
}


/*Animation for the continuous scrolling effect*/


/*First row - this only plays once*/

@-webkit-keyframes first {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 z-index: 1;
 }
 99.99% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 z-index: 1;
 }
 100% {
 opacity: 0;
 z-index: 0;
 }
}

@keyframes first {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 z-index: 1;
 }
 99.99% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 z-index: 1;
 }
 100% {
 opacity: 0;
 z-index: 0;
 }
}


/*All other rows - these play continuously*/

@-webkit-keyframes rest {
 0.01% {
 opacity: 0;
 z-index: 0;
 }
 0.011% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 1;
 z-index: 1;
 }
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 }
}

@keyframes rest {
 0.01% {
 opacity: 0;
 z-index: 0;
 }
 0.011% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 1;
 z-index: 1;
 }
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 }
}


/*Pause all animation on hover*/

.ds-carousel-section:hover .ds-image-carousel {
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
}

/*---End Scrolling Image Carousel by Jason Swain---*/



/** -------ANCHOR LAYOUT CSS-------- **/

/**

/* HERO SECTION */
#hero .header-content img {
  max-width: 400px;
  margin-bottom: 30px;
}
@media screen and (max-width: 980px) {
  #hero .et_pb_fullwidth_header_subhead {
      max-width: 300px;
      margin: -10px auto 10px;
  }
  body #page-container .et_pb_button {
      letter-spacing: 2px !important;
  }
  #hero .header-content img {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #hero h1 {
      letter-spacing: 4px;
  }
  body #page-container .et_pb_button, body #page-container .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button {
      border-width: 7px !important;
  }
  #hero .header-content img {
    max-width: 240px;
  }
}
@media screen and (max-width : 980px) {
  #hero .header-content img {
    max-width: 180px;
  }
}



/* MENU */
#anchorMenuHolder {
  text-align: right;
}
#anchorMenu {
  padding-top: 60px;
}
#anchorMenu ul {
  padding-left: 0;
  list-style-type: none;
}
#anchorMenu li {
  display: inline-block;
  padding: 0 15px;
}
#anchorMenu li a {
  color: #fff;
  font-family: Raleway;
  font-weight: 700;
  letter-spacing: 8px;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#anchorMenu li a:hover {
  color: rgba(255,255,255,.5);
}
#anchorMenu .widget_nav_menu {
  width: 96% !important;
}
@media screen and (max-width : 980px) {
  #anchorMenuHolder .et_pb_row {
    /*margin: 0 3% 15px 3%;*/
    padding: 2% 0 0;
  }
  #anchorMenuHolder .et_pb_column_1_3 {
    width: 25% !important;
  }
  #anchorMenuHolder .et_pb_column_2_3 {
    width: 75% !important;
  }
  #anchorMenu .widget_nav_menu {
    width: 96% !important;
  }
}
@media screen and (max-width : 767px) {
  #anchorLogo {
    text-align: center;
    margin: 15px auto 0 !important;
  }
  #anchorMenu {
    text-align: center;
    padding-top: 20px;
  }
  #anchorMenuHolder .et_pb_row {
    margin: 0 !important;
    padding: 2% 0 !important;
  }
  #anchorMenuHolder .et_pb_column_1_3 {
    width: 100% !important;
    float: none;
  }
  #anchorMenuHolder .et_pb_column_2_3 {
    width: 100% !important;
    float: none;
  }
  #anchorMenu .widget_nav_menu {
    width: auto !important;
    float: none;
    text-align: center;
  }
}
@media screen and (max-width : 600px) {
  #anchorMenu li {
    display: block;
  }
}



/** SPLIT SECTION **/
@media screen and (max-width: 980px) {
    .splitSection .splitImage {
        height: 500px;
    }
}
@media screen and (max-width: 767px) {
    .splitSection .splitImage {
        height: 300px;
    }
}



/* SERVICES SECTION */
#services .et-pb-icon-circle {
    padding: 40px;
}



/* WORK */
#anchorWork .et_pb_blurb_content {
  max-width: none;
}



/* NEWSLETTER SIGNUP */
.newsletterSignup .et_pb_contact_form {
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    left: 5%;
}
.newsletterSignup input[type="text"] {
    border: 1px solid rgba(255, 255, 255, .6);
    color: #fff;
    border-radius: 3px;
    font-weight: 500 !important;
}
.newsletterSignup .et_contact_bottom_container {
    float: left;
    margin-top: 0;
}
.newsletterSignup button[type="submit"] {
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #1C2228 !important;
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    border: none !important;
    line-height: 30px !important;
    padding: 11px 24px 12px 24px !important;
    left: -8px !important;
}
.newsletterSignup button[type="submit"]:hover {
    background-color: rgba(255,255,255,.7) !important;
    padding: 11px 24px 12px 24px !important;
}
@media screen and (max-width: 1140px) {
    .newsletterSignup .et_pb_contact_form {
        left: 6%;
    }
}
@media screen and (max-width: 1040px) {
    .newsletterSignup .et_pb_contact_form {
        left: 7%;
    }
}
@media screen and (max-width: 870px) {
    .newsletterSignup .et_pb_contact_form {
        left: 8%;
    }
}
@media screen and (max-width: 767px) {
    .newsletterSignup .et_pb_contact_form {
        left: 0;
    }
    .newsletterSignup .et_pb_contact_field_0 {
        max-width: 100%;
        padding-left: 0 !important;
    }
    .newsletterSignup .et_contact_bottom_container, .newsletterSignup button[type="submit"] {
        width: 100%;
    }
    .newsletterSignup button[type="submit"] {
        left: 0 !important;
        margin-left: 0 !important;
    }
}



/* GREY OVERLAY */
.greyOverlay .et_parallax_bg:before, .greyOverlay:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(58, 60, 69, .25);
}



/* IMAGE ZOOM FEATURE */
.imageWrap {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.imageWrap img {
    vertical-align: bottom;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.imageWrap img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



/* ANIMATION - WAYPOINTS - (Required for Anchor layout) */


/*--------FROM LEFT----------
.left-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*--------FROM RIGHT---------
.right-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*---------FROM TOP----------
.top-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*--------FROM BOTTOM--------
.bottom-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*---------FADE IN-----------
.fadein-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/** Pullquotes CSS **/

/* FROM: https://www.elegantthemes.com/blog/divi-resources/how-to-add-pull-quotes-to-divi-posts-and-pages-with-5-different-styles */

/*Pull quote text styling*/
blockquote.et-pullquote p {
font-size: 22px;
line-height: 35px;
font-style: italic;
letter-spacing: 1px;
color: #666;
font-weight: 300;
}
 
/*Pull quotes with open quotation mark*/ 
blockquote.et-pullquote.left.quote, blockquote.et-pullquote.right.quote{
position: relative;
border-left: none;
}
 
blockquote.et-pullquote.left.quote:before {
    content: "\201C";
    font-size: 75px;
    position: absolute;
    top: 10px;
    left: -16px;
    font-family: lato;
    color: #888;
}
 
blockquote.et-pullquote.right.quote:before {
    content: "\201C";
    font-size: 75px;
    position: absolute;
    top: 10px;
    left: -16px;
    font-family: lato;
    color: #888;
}
 
/*Pull quotes with top border*/
blockquote.et-pullquote.left.topborder, blockquote.et-pullquote.right.topborder{
border-left: none;
border-top-width: 5px;
border-top-style: solid;
padding: 5px;
}
 
/*Pull quotes with dark background*/
blockquote.et-pullquote.left.dark, blockquote.et-pullquote.right.dark{
border-left: none;
padding: 10px;
background: #333;
}
 
blockquote.et-pullquote.left.dark p, blockquote.et-pullquote.right.dark p {
color: #fff;
}
 
@media all and (min-width: 700px) {
 
blockquote.et-pullquote{
padding: 0 20px;
max-width: 300px;
}
 
/*Pull quote Left*/
blockquote.et-pullquote.left{
    float: left;
    margin: 20px 20px 20px -10%;
}
/*Pull quote Right*/
blockquote.et-pullquote.right{
    float: right;
    margin: 20px -10% 20px 20px;
}
}

/** SECTION OVERLAP **/

.section-overlap:before {
content:'';
width:100%;
position:absolute;
height:18%;
top:-18%;
z-index:1;
background-color:#cecece;
}
  
.grid-overlap {
 z-index:2;
}

/** Row Width Control on Mobile Devices **/

@media only screen and (max-width: 768px) {
	article.page .et_pb_row { width: 100% !important; }
}

/** Hover Effects **/


.section1-hover:hover {
	
	background-color:#000000;
	-webkit-background-size:100% !important;
	-moz-background-size:100% !important;
}


.block-left:hover {
	background-color: #42c3ce;
	-webkit-background-size:100% !important;
	-moz-background-size:100% !important;
}
	
	
	
	
		
/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/