/*
Theme Name: Child Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/



/* large screens with 1140px with */
@media only screen and (min-width: 1140px)  {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}



/* |---------- Common Custom CSS ---------------| */

.phone-info, li, p{font-size:18px;}

/* -------------- Control color section padding.
Set color section padding to "no padding"
Give the column (under developer settings) in the color section the Class "csem-container-padding"
*/ 
.csem-container-padding {margin: 70px 0px 70px 0px !important; }

@media only screen and (max-width: 762px) {
	.csem-container-padding {margin: 30px 0px 30px 0px !important; }
}

/* -------------- Center text on mobile. 
Give the text block (under developer settings) the class "csem-center-text" 
Use: <p class="csem-center-text">Text</p>
*/ 
@media only screen and (max-width: 762px) {
	.csem-center-text{text-align: center !important;}
}


/* -------------- Use for large none heading fonts. Usually in header 
Add the class "csem-hero" to a paragraph text
Use: <p class="csem-hero">Text</p> 
*/
.csem-hero{font-size:50px; text-transform:none; font-weight:bold !important; font-family: 'libre-baskerville', Helvetica, Arial, sans-serif; color:#206e7a; line-height: 1em; margin: 0px;}
@media only screen and (max-width: 762px) {#csem-hero{font-size:30px; font-weight:bold !important;}}


/* -------------- GForm iput and placeholder color settings */
input[type='text'], input[type='tel'], input[type='email'], textarea {color:#000 !important;}

body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
  color: #717171;
  opacity: 1
}


/* -------------- Button Settings
Add "csem-btn" to the custom css class field in the cutton
Add "csem-btn-dark" to the custom css class field in the cutton for dark color buttons
Add "csem-btn-light" to the custom css class field in the cutton for light color buttons
*/
.csem-btn-dark a{background-color:#206e7a !important; color:#ecd2b7 !important;}
.csem-btn-light a{background-color:#ecd2b7 !important; color:#206e7a !important; }

/* Button color when hovered */
.csem-btn-light a:hover{background-color:#bba690 !important; color:#206e7a !important; }
.csem-btn-dark a:hover{background-color:#42a4b3 !important; color:#ecd2b7 !important;}

/* for all buttons on site */
.csem-btn a{padding: 15px 15px 15px 15px !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: 1px !important; border: none !important; border-radius:10px !important; }
@media only screen and (max-width: 762px) {
	.csem-btn{display: grid; justify-items: center; margin-bottom:10px;}
}






/* ------------------------------------------------------------------------------------------- */



#csem-solid-header .container .av-content-full{padding-top: 50px; padding-bottom: 40px !important;}
@media only screen and (max-width: 762px) {#csem-solid-header .container .av-content-full{padding-top: 40px; padding-bottom: 20px !important;}}

#csem-solid-header h1{font-size:60px; text-transform:none;}
@media only screen and (max-width: 762px) {#csem-solid-header h1{font-size:40px;}}



#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
@media only screen and (max-width: 762px) {#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}}

#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
#csem-top-bar div {margin-right:10px;}

#csem-footer-icons {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content; margin: auto; font-size: 18px; color: #444;}
#csem-footer-icons div {margin-right:5px;}
#csem-footer-icons a {color: #444;}

.csem-txt-sctn {margin-top:50px;}
#csem-pg-head{}
#csem-pg-head-txt{}
#csem-btn-dark{}
#csem-btn-light a{background-color:#ecd2b7 !important; color:#206e7a !important;}

#csem-contact .csem_phone_number_with_icon, #csem-contact .icon-mail{font-size:18px;}



#hm-3blk-section{}

#SFevttip.SFdlg.SF3 h4 {
  color: #d4d4d4 !important;
}