/*
Theme Name: Child Theme
Description: A Child Theme 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, span, p, body{font-size:var(--csem-fs-p);}
p{font-size:var(--csem-fs-p);}
h2 {font-size:var(--csem-fs-h2); font-family:var(--ff-heading); text-transform:none !important;}
.border-shadow {box-shadow: inset 0px 10px 17px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 762px) {.border-shadow {box-shadow: inset 0px 4px 7px rgba(0, 0, 0, 0.1); }}
.image-style img{box-shadow: -4px 7px 11px #0000003b !important; border: solid 9px #fff;}
.image-style-2{box-shadow: -4px 7px 11px #0000003b !important; border: solid 9px #fff !important; padding-top:600px; }
@media only screen and (max-width: 762px) {.image-style-2{padding-top:300px;} }
.csem-banner{padding:20px; margin-bottom:20px; background-color:#fff;}
.csem-banner h2{width: fit-content; border-bottom: solid 1px rgba(var(--fc-primary-dark),1); color: rgba(var(--fc-primary-dark),1); margin: 0px auto; padding-bottom: 5px;}
.csem-venue .entry-content-wrapper, .csem-venue-reverse .entry-content-wrapper {display: flex !important; align-items: center !important;}
.csem-venue .csem-venue-descript, .csem-venue-reverse .csem-venue-descript{padding:60px 55px;}
.csem-venue .csem-venue-descript img, .csem-venue-reverse .csem-venue-descript img{width: 34%; height: auto; margin-top: -11px;}
@media only screen and (max-width: 762px) {.csem-venue .csem-venue-descript img, .csem-venue-reverse .csem-venue-descript img{width: 67%;}}
.csem-room-section img{width: 34%; height: auto; margin-top: -11px;}
@media only screen and (max-width: 762px) {.csem-room-section img{width: 67%;}}
@media only screen and (max-width: 762px) {.csem-venue .entry-content-wrapper{flex-direction: column !important;}}
@media only screen and (max-width: 762px) {.csem-venue-reverse .entry-content-wrapper{flex-direction: column-reverse !important;}}
.room-details{display:flex; flex-direction:row; margin-top:50px;}
.room-details div{width:50%; padding:10px;}
.room-details div h3{margin-bottom: 0px;}
.room-details div p { margin: 5px 0; }
@media only screen and (max-width: 762px) {
.room-details {flex-direction: column;}
.room-details div {width:100%; }
}
.cta h2, .cta p{color:#506a7b !important;}
.cta {box-shadow: -4px 7px 11px #0000003b !important;}
.widgettitle{
margin-top:0px !important;
color:#fff;
}
.social_icon_1{
margin-left: 0em !important;
}
.social_bookmarks li {
border-right-style: none !important;
a {
background-color: #fff !important;
border-radius: 25px;
color: #506a7b !important;
}
}
.foot-cs h3 {
color:#fff;
}
.csem-gallery {box-shadow: -4px 7px 11px #0000003b !important; border: solid 8px #fff !important;}
.csem-contact-address {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
width: max-content;
}
/*---------------------------------------------------------------------------------------------------|
| |
| 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 .content {padding-top: var(--pd-lg); padding-bottom: var(--pd-lg);}
/*---------------------|
| 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; font-family: 'electrolize', Helvetica, Arial, sans-serif; color:#ffffff; font-weight:400;}
/*---------------------|
| Boddy Content |
|---------------------*/
.csem-body-container-padding {padding-top: clamp(30px, 10%, 60px) !important; padding-bottom: clamp(30px, 10%, 60px) !important;}
.csem-bg-col-1{background-color: var(--bg-col-1);}
/*---------------------------------------------------------------------------------------------------|
| |
| Center text on mobile |
| |
| Give the text block (under developer settings) the class "csem-center-text" |
| Or use: Text
|
| |
|---------------------------------------------------------------------------------------------------*/
/*@media only screen and (max-width: 762px) {
.csem-center-text{text-align: center !important;}
}*/
@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: Text
|
| |
|---------------------------------------------------------------------------------------------------*/
.csem-hero{font-size: var(--csem-fs-xl) !important; font-family: var(--ff-hero); text-shadow: -4px 8px 6px black; animation-name: scaleIn; animation-duration: var(--duration-fast);}
.csem-fs-lg{font-size: var(--csem-fs-lg); margin: 0px; line-height:1em; font-family: var(--ff-lg); opacity: 0; /* Start hidden */
animation: fadeIn 2s ease-in forwards;}
/*---------------------------------------------------------------------------------------------------|
| |
| 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;
}
#csem-fotter-social .social_bookmarks li{border-right-width: 0px;}
#csem-fotter-social a {color: #fff;}
/*---------------------------------------------------------------------------------------------------|
| |
| Adjust mobile menu break point |
| |
| Enable to use custom break point |
| Set max width to desired break point |
| |
|---------------------------------------------------------------------------------------------------*/
/*@media only screen and (max-width: 1206px) {.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-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;}