/*
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{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: clamp(30px, 19%, 225px); padding-bottom: clamp(30px, 15%, 100px);}

/* Inner Header */
.csem-inner-header { margin-top: clamp(10px, 20%, 200px) !important; margin-bottom: clamp(10px, 20%, 250px) !important; }
.csem-inner-header h1 {font-size: clamp(30px, 3vw, 50px); text-transform:uppercase !important; font-family: 'electrolize', Helvetica, Arial, sans-serif; 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;}
}

/*
 * 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); font-family: 'knewave', Helvetica, Arial, sans-serif; font-weight:400; line-height: 1em; margin-bottom: 20px; margin-top: 0px; animation-name: scaleIn; animation-duration: 1s; }
.sub-hero {font-size: 39px; font-family: 'knewave', 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: 1255px) {.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;}
#csem-top-bar div {margin-right:10px;}
@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-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;}



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


.footer-logo {width: 300px; margin-top: -20px;}


.socket-logo-sect { display: flex ; justify-content: space-between; width: 100%; } 
#socket .copyright {width: 65% !important; }
#socket .container { padding-top: 25px !important; padding-bottom: 40px !important; }

.inner_product{ background-color: #ffffff00 !important; }
.inner_product_header {	background-color: #ffffff00 !important;}
.woocommerce-loop-product__title{ color: #000 !important; }
.woocommerce-Price-amount{color: #00b2ad;}
.avia_cart_buttons { display: none !important; }
.inner_product_header_cell { text-align: center !important; }
.product-sorting{display:none !important;}


/*--- Cafe Page */
.csem-cafe-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.csem-cafe-item {
  padding: 10px;
}

.csem-cafe-item h3 {
  margin-top: 0;
  font-size: 1.5em;
}

.csem-cafe-item p, .csem-cafe-item ul {
  margin: 10px 0;
}

.csem-cafe-item ul {
  list-style-type: disc;
  padding-left: 20px;
}

@media (max-width: 900px) {
  .csem-cafe-menu {
    grid-template-columns: 1fr;
  }
}

.social_bookmarks_facebook a{color:#f0b51c !important;}
.social_bookmarks_instagram {color:#00b2ad !important;}



.social_bookmarks_instagram svg path {
  fill: #00b2ad; /* Change to your desired color, e.g., red */
}

div .logo {top: 20px; }
.header-scrolled div .logo {top: 0px; }

@media only screen and (max-width: 767px) {.responsive .logo svg {
	height: 42% !important;}}

.inner_product {border-color:#ffffff00 !important;}
.inner_product_header .avia-arrow {display:none !important;}

#socket .social_bookmarks a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}

.footer-logo { width: 250px !important; }

.logo{height: 55% !important;
    top: 30px !important;}


@media only screen and (max-width: 1000px) {.csem-footer-divide img{
    height: 31px;!important
    border-radius: 0px !important;
	}
}
	
	#socket .copyright {
    width: 100% !important;
}
	
	.socket-logo-sect{flex-direction: column-reverse; align-items: center;}
	
	
	#socket .social_bookmarks
{width: fit-content !important;
	margin: 0 auto;
        float: none !important;
}
	
	.csem-cafe-item ul {
    list-style-type: none;
    padding-left: 0px;
}
	
	.csem-footer-divide .avia_image {
    border-radius: 0px;
	
}


	.widget_shopping_cart_content strong, .woocommerce-mini-cart-item .quantity{color: #000 !important; }	
	
	.widget_shopping_cart_content {
    background-color: #fff !important;
		}
	
	
.csem-shop .price, .page-id-78 .price {display:none !important;}