/*
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:*/

h2 {font-size:var(--fs-h2); font-weight: 500;}


/* 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{font-size:18px !important;}
.html_header_transparency #top .avia-builder-el-0 .container{padding-top: 0px !important;}

/*
 * Color section padding 
 * Set color section padding to "no padding"
 * Add custom Classes to the developer tab in color sections
 * For Hero Headers: csem-hero-container-padding
 * For Solid/Smaller/Inner Page Headers: csem-inner-header
 * Body content color Section: csem-body-container-padding
 */

/* Hero Header */
.csem-hero-container-padding {padding-top: var(--pd-lg); padding-bottom: var(--pd-lg); }
.csem-bg-img {background-position: 90% 100% !important;}
.csem-bg-img-size{background-size: 34% 90% !important;}

/* Inner Header */
.csem-inner-header {margin-top: clamp(10px, 15%, 25px) !important; margin-bottom: clamp(10px, 15%, 20px) !important;}
.csem-inner-header h1 {font-size: clamp(30px, 3vw, 50px); text-transform:uppercase !important; color:#ffffff; font-weight:400;}

/* Boddy Content */
.csem-body-container-padding {padding-top: var(--pd-lg) !important; padding-bottom: var(--pd-lg) !important;}

/*
 * Center text on mobile
 * Give the text block (under developer settings) the class "csem-center-text"
 * Or use: <p class="csem-center-text">Text</p>
 */

@media only screen and (max-width: 762px) {
	div{text-align: center !important;}
}

#header #header_main .container {
    width: 100%;
    max-width: none;
}

#header_meta .container { width: 100% !important; max-width: none !important;}

/*
 * Use for large none heading fonts. Usually in header
 * Add the class "csem-hero" to a paragraph text
 * Or use: <p class="csem-hero">Text</p>
 */

@keyframes scaleIn{
	0% {transform: scale(0.2);}
	85% {transform:scale(1.1);}
	100% {transform:scale(1);}
	} 

.csem-hero{font-size: var(--fs-xl); line-height: 1em; margin-bottom: 20px; margin-top: 0px; font-weight:200;  font-family: 'static', Helvetica, Arial, sans-serif;}


.csem-fs-lg{font-size: var(--fs-lg); margin: 0px; line-height:1em; display: inline-block;}
.csem-fs-lg p {	overflow: hidden; white-space: nowrap; margin: 0px;	padding-bottom: 3px; animation: typing 2s steps(35), blinking 0.5s steps(1) infinite; animation-delay: 1s; animation-fill-mode: backwards;}

/*
 * Enfold Social icons
 * Applies styles for footer icons in functions.php
 * Ues: Place widget anywhere you'd like social icons set in Enfold to be displayed
 */
 
#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

/*
 * Adjust mobile menu break point
 * Enable to use custom break point
 * Set max width to desired break point
 */

@media only screen and (max-width: 1306px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}


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

#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-foot {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
#csem-foot div {margin-right:10px;}
#csem-foot a{color:#a8e6cd;}

#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;}

.specials .custom-list {
  list-style-type: none; /* Remove default bullets */
  margin: 0;
  padding: 0;
}

.specials .custom-list li {
  background-image: url('/wp-content/uploads/2024/11/BulletPoint.png');
  background-repeat: no-repeat;
  background-size: 30px 30px; /* Adjust to fit the icon size */
  background-position: 0 0%; /* Align vertically center */
  padding-left: 35px; /* Add space for the image */
  margin-bottom: 8px; /* Optional: spacing between list items */
  margin-left: 0em;
}

@media only screen and (max-width: 762px) {
	.specials {text-align: left !important;}
	.specials {column-count: 1 !important;}
}

/* Gravity Forms input 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],
body .gform_wrapper select{
  color: #717171 !important;
  opacity: 1
}

.offering ul {font-size:34px; font-family: 'static', Helvetica, Arial, sans-serif; font-weight: 300;}

@media only screen and (max-width: 762px) {
	.offering ul {font-size:24px; font-family: 'static', Helvetica, Arial, sans-serif;}
	.offering li {background-image: none !important;}
}

.offering li {
  list-style: none; /* Removes default bullets */
  background-image: url('/wp-content/uploads/2025/01/sparkle-bullet_2.png');
  background-size: 16px 16px; /* Adjust size */
  background-repeat: no-repeat;
  background-position: 0 50%; /* Vertically center */
  padding-left: 24px; /* Adjust to match image size */
}

.entry-content-wrapper li {
	margin-left: 0px;}

.parahead p + h2 {
	margin-top:5px;
}



#gform_5 > div.gform-footer.gform_footer.top_label{justify-content: center !important;}

#gform_submit_button_5{border-radius: 5px; font-size: 18px; color:color: #ffffff;}

.social_bookmarks > li:hover > a { background: #828282 !important; }
.social_bookmarks a:visited {
    background: #828282 !important; /* Change to your desired color */
}


.csem-lg-font{font-size:40px; font-weight:300; font-family: 'static', Helvetica, Arial, sans-serif;}


#csem-cycle-words{font-size:clamp(1em, 17vh, 5rem); font-family: 'static', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 300;}


.csem-inner-header-solid{background-color:#828282;}

.csem-inner-header-solid h1{color:#ffffff !important; font-size:60px !important; margin-bottom: 0px;}

@media only screen and (max-width: 762px) {
	.csem-inner-header-solid h1{margin-top: 10px;}
	}

.csem-hm-divider .avia_image {border-radius: 0px !important;}

body {
    scroll-behavior: auto !important;
}

#mindbody-widget-container {
    display: block;
    position: relative;
    z-index: 1;
}