@import url("../Divi/style.css");
/*
Theme Name:   diviChild
 Author:       debbie kohn
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
body{background:white;color:#5d666a;font-family: 'Source Sans Pro', sans-serif;font-size:15px;}
.clearleft{clear:left;}.clearright{clear:right;}
.floatleft{float:left;}.floatright{float:right;}
.filter_grayscale:hover {  -webkit-filter: grayscale(1);  filter: grayscale(1);-webkit-transition: .5s; transition: .5s;    }



 

/*---------------[fonts]------------*/
.playfair{font-family: 'Playfair Display', serif;}
.source{font-family: 'Source Sans Pro', sans-serif;}


/*-------------[Header Customizations]------------*/
.et_pb_pagebuilder_layout #page-container, #et-top-navigation {padding-top:0!important;}
.et_pb_pagebuilder_layout #main-header {background-color: rgba(25, 24, 45, 0); z-index: 9999!important} /* Original State */
.et-fixed-header #top-menu-nav .nav > li.current_page_item { background: rgba(0, 0, 0, 0.2);}
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
.home .pagination {display: none;} 

#top-menu-nav .nav > li {padding-right: 0;}
#top-menu-nav .nav > li:hover {background: rgba(0, 0, 0, 0.2);}
#top-menu-nav .nav > li > a {font-size: 16px; padding: 20px 23px;}
#top-menu-nav .nav > li a:hover {color: white;}
#top-menu li.current-menu-item > a {color: #fff!important;}
#top-menu > li:last-child {	padding-right: 0px  !important;} 

#top-menu-nav .nav > li:last-of-type:after {content: ' '; position: absolute; top: 0; right: 0; width: 0;  height: 100%; z-index: -1; }
#top-menu-nav .nav > li:nth-last-child(2), .et-fixed-header #top-menu-nav .nav > li:nth-last-child(2) {background: #4aa3b1!important; color:#fff !important; margin-left: -5px;}
.et-fixed-header #top-menu-nav .nav > li:last-of-type a {color: #fff!important;}

.et-fixed-header, #main-header {box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important;}
#top-menu .menu-item-has-children > a:first-child:after, .fullwidth-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {content: none;}

.mobile_menu_bar {
	display: block;
	position: relative;width:100%;
	line-height: 0;
}

#et_mobile_nav_menu{background:#2e2f39;border-bottom:3px solid #ef922a;}
.et_pb_fullwidth_menu .et_mobile_menu ul {width:100%;padding: 0;}
#top-menu > li > a span {  	width: 100%;    }
mobile_menu_bar{width:100%;}
mobile-nav opened{width:100%;}

/* SLANTED MENU */
#top-menu-nav .nav > li {

float: left;
position: relative;
border-radius: 0 !important;
}

#top-menu-nav .nav > li > * {display: block; }
#top-menu .menu-item-has-children > a:first-child {padding:26px;}

.showTabletMobile {display: none!important;}

 /*contactform 7 styling*/
form{margin-top:0;padding-top:0;}
.wpcf7 {background-color:transparent;border: none;width:100%;margin-top:0;padding-top:0;}
.wpcf7-form{margin-bottom:80px;margin-top:0;padding-top:0; font-size:16px !important;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea{background:rgba(255,255,255,.8);padding:10px 10px 10px 15px;border:1px solid #ccc; 	margin:0 0 15px 0 ;  -webkit-appearance: none; outline:none; box-sizing: border-box;color:#222;}
.wpcf7 input{background:rgba(255,255,255,.8);padding:13px;margin-right:10%;margin-bottom:15px;}/* input only */
.wpcf7-input.special {width: 90%;}
.wpcf7-text {width: 90%;}
.wpcf7-number {width: 90%;}
.wpcf7-form select{  background-repeat:no-repeat; background-position:center right 15px; color: #222; padding:10px;width: 90%;}/* Select boxes only */
.wpcf7-form textarea{resize:vertical; padding-top:12px;font-size:14px ;width: 90%;}/* Textarea only */
.wpcf7-submit{width:initial !important; float:right; background-color:#d74d29 !important; color:#fff !important; display:block; margin:0px 10% 0 0 !important; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-weight:bold;  padding: 8px 17px 5px 17px;text-decoration: none;font-family: 'Source Sans Pro', sans-serif;transition-property: background-color;  transition-duration: 1s;  transition-timing-function: ease-out;  }/* Submit button */
.wpcf7-submit:hover{ background: #222 !important; margin:0px 10% 0 0 !important;}


.wpcf7-form input:hover, .wpcf7-form select:hover, .wpcf7-form textarea:hover{background-color:#ffffff;color:#000;}
input[type="text"]:focus, select:focus, textarea:focus {outline:0; border:1px solid #5d666a;  background-color:#fff;color:#222;}/* --- Placeholder text --- */
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {-webkit-appearance: none; color:purple;}
/* --- Hide placeholder text on focus --- */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent;}/* Loading gif on submit */
.wpcf7-form .ajax-loader{position:relative; margin:-27px 0 0 20px; width:20px; height:auto;}/* Text box after submission */
.wpcf7-response-output{}

div.wpcf7-mail-sent-ok {	border: 2px solid transparent;}
div.wpcf7-mail-sent-ng {	border: 2px solid transparent;}
div.wpcf7-spam-blocked {	border: 2px solid transparent;}
div.wpcf7-validation-errors {	border: 2px solid transparent;margin-top:-20px;margin-right:5px;}
span.wpcf7-not-valid-tip {	color: #d74d29;	font-size: 1em;	display: block;}



    /*STICKY RIGHT This places the demo request button where we want it*/
#ds-sticky-button {
position: fixed;
right: -205px !important; /*Positions the button to the right of the page*/
bottom: 200px; /*Sets the distance of the button from the top of page*/
width: 210px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
transform: rotate(90deg); /*Rotates the button*/
transform-origin: left top 0; /*Places the button after rotation*/
}

/*Styles the link text to make it look like a button - You can edit all these values to match your design*/
#ds-sticky-button a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 2px solid #fff;
  color: #ffffff;
  font-size: 17px;
  background: #d74d29;
  padding: 10px 15px 5px 15px;
  text-decoration: none;
font-family: 'Source Sans Pro', sans-serif;
}
/*Styles the button on hover - You can edit all these values to match your design*/
#ds-sticky-button a:hover {
  background: #222222;
  text-decoration: none;
}
right: -205px !important; /*Positions the button to the right of the page*/
bottom: 200px; /*Sets the distance of the button from the top of page*/
width: 220px !important; /*Sets dimensions of the button*/
height: 30px !important; /*Sets dimensions of the button*/

/* Sections and Rows */

.marginRight{padding-right:10px;vertical-align:middle;}
	



/*---------------[Bottom Footer Style]------------*/
#footer-info a:hover {color: #ff5273;}
#footer-bottom{display:none;}


/*-----------------[Media Queries]----------------*/
 @media only screen and (min-width: 1020px) {



}  @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape)/*--ipad pro landscape------*/ {
.hideTabletLandscape {display: none!important;}
.showTabletMobile {display: block!important;}
.forcefull{}


}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.hideTabletLandscape {display: none!important;}
.forcefull{}
.showTabletMobile {display: block!important;}

} @media only screen and (max-width: 981px) {
.screenshot-left img {    position: relative;    margin-left: -15%;}
.screenshot-right img {    position: relative;    margin-right: -15%;}
.et_mobile_menu {	border-top: 3px solid #fff;}
.forcefull{width: 100% !important;max-width: 100% !important;}
.showTabletMobile {display: block!important;}

} @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : landscape)/*--samsung galaxy plus kindle 8.9------*/ {
.hideTabletLandscape {display: none!important;}
.showTabletMobile {display: block!important;}
} @media only screen and (min-device-width : 720px) and (max-device-width : 1280px) and (orientation : landscape)/*--microsoft surface pro and 2------*/ {
.hideTabletLandscape {display: none!important;}
.showTabletMobile {display: block!important;}




} @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait)/*--samsung galaxy plus kindle 8.9------*/ {
.hideTabletPortrait {display: none!important;}
.forcefull{width: 100% !important;max-width: 100% !important;}
.showTabletMobile {display: block!important;}

} @media only screen and (min-device-width : 720px) and (max-device-width : 1280px) and (orientation : portrait)/*--microsoft surface pro and 2------*/ {
.hideTabletPortrait {display: none!important;}
.forcefull{width: 100% !important;max-width: 100% !important;}
.showTabletMobile {display: block!important;}

}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.hideTabletPortrait {display: none!important;}
.forcefull{width: 100% !important;max-width: 100% !important;}
.showTabletMobile {display: block!important;}


} @media only screen and (max-width: 760px){
.hideMobile , .hideTabletPortrait, .hideTabletLandscape {display: none!important;}
.hideDesktop {visibility: visible;}
.forcefull{width: 100% !important;max-width: 100% !important;}
.showTabletMobile {display: block!important;}
#ds-sticky-button {display: none;}
#et-top-navigation{background:#2e2f39;width:100%;}
.wpcf7-text {width: 95%;background:rgba(255,255,255,.8);margin-bottom:20px;float:left;font-size:16px;color:#222;}
.wpcf7 input {background:rgba(255,255,255,.8);padding:13px;margin-right:5%;margin-bottom:15px;}
.wpcf7-input.special {width: 95%;}
.wpcf7-number {width: 95%;background:rgba(255,255,255,.8);margin-bottom:20px;float:left;font-size:16px;color:#222;}

} @media only screen and (max-width: 575px){

.hideMobile , .hideTabletPortrait, .hideTabletLandscape {display: none!important;}
.hideDesktop {visibility:visible;}
.removeDesktop {display:block !important;}
.forcefull{width: 100% !important;max-width: 100% !important;}
.showTabletMobile {display: block!important;}
.wpcf7-text {width: 95%;background:rgba(255,255,255,.8);margin-bottom:20px;float:left;font-size:16px;color:#222;}
.wpcf7 input {background:rgba(255,255,255,.8);padding:13px;margin-right:5%;margin-bottom:15px;}
.wpcf7-input.special {width: 95%;}
.wpcf7-number {width: 95%;background:rgba(255,255,255,.8);margin-bottom:20px;float:left;font-size:16px;color:#222;}
}