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

/* --------- Common Header Settings -------------*/

/* Trigger mobile menu at 1185px */
@media only screen and (max-width: 1185px) {
    /* Hide the regular menu items */
    .responsive #top .av-main-nav > li.menu-item {
        display: none !important;
    }

    /* Force the burger menu (special item) to show */
    .responsive #top .av-main-nav > li.menu-item-avia-special {
        display: block !important;
    }
}
*/

/* Set logo and menu area to full width 
#header #header_main .container {
    width: 100%;
    max-width: none;
}
*/

/* Set top bar area to full width
#header_meta .container{
	width: 100%; 
	max-width: none;
}
*/

/* Adjust top bar menu setting 
#header_meta .sub_menu {
	font-size:18px;
}
*/

/* Adjust top bar container 
#header_meta {
	padding: 6px 0px; 
}
*/

/* Adjust settings for top bar text */
.phone-info {
  font-size: 18px !important;
}

/* Social media icons */
/*.social_bookmarks_facebook a{
 * color:#f0b51c !important;
 * }

.social_bookmarks_instagram svg path {
  fill: #fff; 
}
*/

/*Adjust vertical alignment of logo when set to sticky header 
div .logo {top: 20px; }

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

/*
.html_header_transparency #top .avia-builder-el-0 .container{padding-top: 0px !important;}
*/

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

/*
 * 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>
 */
.csem-hero {
  font-size: var(--fs-xl);
  text-shadow: var(--fw-bolder);
  text-transform: uppercase;
  font-family: var(--ff-body);
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: bolder;
}

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

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

#csem-top-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: max-content;
	font-size: 18px;
}
#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;
}



.csem-anim-numbers {margin: 44px !important; color: #fff !important;}
.csem-anim-numbers .avia-animated-number-title{color: #fff !important;}
.csem-anim-num-container{}

.csem-page-header{}
.csem-page-header .av-section-color-overlay-wrap { padding: 70px 0px 70px 0px !important; }

.csem-ico-box .avia-svg-icon svg:first-child{fill: #ffb400 !important;}
.csem-ico-box .iconbox_content_title, .csem-ico-box p, .csem-ico-box strong {color: #fff;}
.csem-ico-box .iconbox_content_title {font-size:18px !important;}
.csem-ico-box p {font-size:16px;}

.product-border{padding:30px; border:solid 1px #888;}

.csem-page-header h1{border-left: solid 14px #ffb400; padding-left: 20px;}

h1 { font-size: 75px !important; font-weight: bold !important; line-height: 84px !important;} 
h2 { font-size: 50px !important; font-weight: bold !important;} 
h3 { font-size: 30px !important; font-weight: bold !important;} 
h4 { font-size: 23px !important; } 
h5 { font-size: 18px !important; }

#header_main{display: flex !important; flex-wrap: wrap !important; gap: 0px !important; flex-direction: row-reverse !important;}
.page-id-78 .gform_wrapper.gravity-theme .gform_footer{justify-content: center !important;}
.csem-testimonial-container{min-height: 655px !important;}
#header_main .widget_text{margin-right: 0 !important; margin-left: auto !important; padding-right: 50px !important; }
#header_main .container, #header_meta .container{ max-width: 90% !important; }
.csem-social-round a{padding: 10px 10px !important; border-radius: 25px !important; height: 50px !important; width: 50px !important;}
.csem-social-round a span{margin: auto !important; left: 0 !important;}
#header_main_alternate{width: 100%; background: #1d439c;}
#avia-menu{width: fit-content !important; margin: auto !important;}

.csem-text-block-width{padding: 10px 235px;}
.csem-hm-form{background-color:#fff; border-radius:20px; padding:30px;}

.csem-team-member{border-radius:20px; background-color:#fafafa; padding:30px;}
.csem-team-member img { border-radius: 50%; width: 100px;}
.csem-team-member .avia-team-member h3{ font-size: 18px !important; text-align: center !important; color: #1d439c !important; }
.team-member-job-title{ text-align: center; font-size: 16px; color: #1d439c !important }
.team-member-description a{text-align: center; color: #1d439c !important; font-weight:bold;}
.team-member-description {text-align: center; color: #1d439c !important; font-weight:bold;}

.csem-contact-icon .iconbox_icon{ height: 22px !important; width: 22px !important; font-size: 34px !important; margin-top: 7px !important; }
.csem-footer .container{ max-width: 1710px; }
.csem-footer .iconbox {margin-bottom: 5px;}
.csem-contact-form{background-color:#fafafa; padding:30px; border-radius:20px; box-shadow: -3px 6px 14px #00000029;}

#header_main .csem-social-round a {padding: 10px 0px !important; width: 25px !important; }
.av-menu-button > a .avia-menu-text {text-transform: capitalize !important; }
.avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a.avia-svg-icon svg:first-child {fill: #24a6a8 !important;}
#socket .container {text-align: center !important; display: grid !important; color: #1d439c;}
.csem-footer .iconbox_content_container a, .csem-footer .iconbox_content_container p{color:#1d439c !important;}
.csem-vid-sect .container{max-width:1500px !important;}
a{text-decoration:none !important;}



.csem-ctc-text .iconbox_content_container a, .csem-ctc-text .iconbox_content_container p{color:#1d439c !important;}

.csem-travel-img{ box-shadow: 5px 5px 12px #00000063; border-radius: 20px; padding-top: 500px; }
.csem-travel-gal{box-shadow: 5px 5px 12px #00000063; border-radius: 20px; overflow: hidden;}
.csem-travel-day{ background-color: #24a6a8; color: #fff; text-transform: uppercase; padding: 1px 0px 0px 7px; display: inline-block; width: 59px; margin-bottom: 10px; font-size: 14px; font-weight:bold;}
.csem-travel-txt h2{color:#24A6A8 !important;}
.csem-travel-txt h3{color:#1d439c !important;}
.csem-travel-by-txt {color: #1d439c !important; font-size: 20px; line-height: 1.2em; font-weight: bold !important; margin-top: 30px;}


.csem-round-img img, .csem-travel-by-img img{border-radius: 20px; box-shadow: 5px 5px 12px #00000063 !important;}

.mega_menu_title a { /*color: #fff !important; padding: 10px !important; border-radius: 25px !important; background: #1d439c !important; width: 125px !important;*/}
.mega_menu_title::before {
  content: ""; /* Must have content, even if empty */
  display: inline-block;
  
  /* Set your icon size */
  width: 24px; 
  height: 24px;
  
  /* Path to your uploaded image */
  background-image: url('/wp-content/uploads/2026/02/JournaVenture_Favicon.png');
  background-size: contain;
  background-repeat: no-repeat;
  
  /* Spacing and alignment */
  margin-right: 10px;
  vertical-align: middle; 
}

.mega_menu_title{display: flex !important;
	align-items: center;}


.sub-menu li a:hover {font-weight:bold !important; /*background-color: #f68a1e47 !important;*/}
.sub-menu .menu-item a .avia-bullet { display: none !important;}

.csem-agent-container h2, .csem-agent-container h3{color:#1d439c;}

.csem-agent-img img{border-radius: 20px; box-shadow: 5px 5px 12px #00000063 !important;}
/* Apply to all links EXCEPT those inside .csem-btn */
a:not(.csem-btn a, #header_meta a) {font-weight: bold !important;}
a:not(.csem-btn a, #header_meta a):hover {color: #24a6a8 !important;}


.iconbox_content_container a{font-weight:bold !important;}  
.iconbox_content_container  a:hover{color:#24a6a8 !important;} 

#header_meta a{color:#fff !important; font-weight:200 !important;}
#header_meta a:hover{color:#1d439c !important;}


body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder],
body .gform_wrapper select {
  color: #1d439c !important;
  opacity: 1;
	font-size:16px !important;
}

#gform_fields_5 input, .ts-control, #gform_fields_5 textarea, #gform_fields_5 select{ border-radius: 25px !important; border: 1px solid #4f4f4f !important; padding-left: 10px !important; background-color:#fbfbf9 !important; color:#1d439c !important;}

.gform-footer input { background-color: #24a6a8 !important; color: #fff !important;  padding: 11px 30px !important; font-size: 18px !important; margin: 0px auto !important; }

/*.current_page_item:not(.av-menu-button-colored){border-bottom: solid 2px #24a6a8 !important; }*/

/* 1. Standard Icons & SVG initial state (White) */
#top #header .social_bookmarks li a,
#top #header .social_bookmarks li a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 2. Remove background and change icon to Black (#000) on hover */
#top #header .social_bookmarks li:hover a, 
#top #header .social_bookmarks li a:hover,
#top #header .social_bookmarks li:hover a svg {
    background-color: transparent !important;
    color: #1d439c !important;
    fill: #1d439c !important;
}

/* 3. Target the SVG path specifically for the Facebook icon */
#top #header .social_bookmarks li a svg path {
    fill: inherit !important;
}

/* 4. Extra safety to kill the hover background on the list item */
#top #header .social_bookmarks li:hover {
    background-color: transparent !important;
}

#top .social_bookmarks li.avia-svg-icon svg:first-child{margin-top: 6px; }

/* 1. Force a solid background on the Top Bar even when header is transparent */
#top #header_meta {
    background-color: #24a6a8 !important; /* Change this to your preferred solid color */
    border: none !important;
}

/* 2. Ensure the top bar stays visible and doesn't inherit transparency */
.av_header_transparency #header_meta {
    background-color: #24a6a8 !important;
    opacity: 1 !important;
}

#top .av-menu-button > a .avia-menu-text

 {
   
    padding: 18px 31px !important;
}

.csem-inner-header{background-color:#24a6a8 !important;}
.csem-inner-header h1 {color:#fff !important;}

.csem-globe{background-repeat: no-repeat;
    
	background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), 
                      url(/wp-content/uploads/2026/04/GlobeBackground.png);
    background-position: 50% 50%;
    background-attachment: scroll;}

.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after{ background-color: #fff !important; }
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { border-color: #32529c !important; }
#av-burger-menu-ul .sub-menu .avia-bullet{background-color:#1d439c !important;}
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: #354f8c;
}

@media only screen and (max-width: 1185px) {
	/* --- ENFOLD RESPONSIVE OVERRIDES --- */
	/* 1. Fix for standard Columns / Equal Height Columns */
    .responsive #top #main .flex_column_table, .responsive #top #main .flex_column_table_cell { display: block !important; width: 100% !important; margin-left: 0 !important; margin-bottom: -1px !important; }
    /* 2. Fix for Grid Rows (The Boat Image & Entrees section) */
    .responsive #top #main .av-layout-grid-container {display: block !important;}
    .responsive #top #main .av-layout-grid-container .flex_cell {display: block !important; width: 100% !important; margin-left: 0 !important; }
    /* 3. Ensure the Background Image Cell is visible */
    .responsive #top #wrap_all .flex_cell.av-moww4s-b7b492ed4d7c191b667f49b6004567e2 { min-height: 300px !important; padding: 0 !important; }
    /* 4. Adjust internal padding so text isn't touching edges */
    .responsive #top #main .flex_cell_inner { padding: 40px 20px !important; }
	.responsive #top #main .flex_cell.csem-footer-color-section .flex_cell_inner { padding: 0 !important; }
	/* Target nested columns inside a Grid Row */
    .responsive #top #main .flex_cell .flex_column { width: 100% !important; margin-left: 0 !important; display: block !important; }
    /* Remove the animation "offset" which can cause horizontal scrolling on mobile */
    .responsive #top #main .flex_column.av-animated-generic { transition: none !important; transform: none !important; opacity: 1 !important; }
	
	/* --- CLEAR CUSTOMIZATIONS --- */
	.responsive #top #main .csem-travel-container-rev .flex_column_table { display: flex !important; flex-direction: column-reverse !important; }
	.responsive #top #main .csem-travel-img{ margin-bottom: 30px !important; }
	.csem-body-container-padding{}
	.csem-text-block-width { padding: 10px 0px; }
	.csem-hm-form{width: 100% !important;}
	.csem-round-img img, .csem-travel-by-img img { margin-bottom: 30px;}
	.csem-body-container-padding { padding-top: 40px !important; padding-bottom: 40px !important; }
	
	h1 { font-size: 75px !important; font-weight: bold !important; line-height: 84px !important;} 
h2 { font-size: 46px !important; font-weight: bold !important;} 
h3 { font-size: 28px !important; font-weight: bold !important;} 
h4 { font-size: 23px !important; } 
h5 { font-size: 18px !important; }
	.av-mlfubhqq-6a29d5891ad2b57afda77fd058898b88 .csem-team-member{margin-top: 50px !important; padding-top: 45px !important;}
	.av-lhefk-103721b8427f1bc4a8cf389744e444ac{margin-top: 25px !important;}
	.menu-item-1214{margin-top: 20px !important;}
	
	.csem-du-quiz{padding: 30px 54px !important;}
	.page-id-1156  #main .csem-travel-img { margin-top: 50px !important;}
}

@media only screen and (max-width: 472px) {   
	h1 { font-size: 52px !important; font-weight: bold !important; line-height: 58px !important;} 
	.csem-body-container-padding{ padding-top: 15px !important; padding-bottom: 15px !important; }
	.csem-footer div, .csem-ctc-text div{text-align:left !important;}
	.csem-travel-txt{text-align:left !important;}
	.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px 6px !important;}
	.av-lhefk-103721b8427f1bc4a8cf389744e444ac .csem-team-member {margin-top:40px !important;}
	.av-lhefk-103721b8427f1bc4a8cf389744e444ac{margin-top: 15px !important;}
	.csem-du-quiz{padding: 30px 30px !important;}
	
}
	
	
.csem-du-quiz{background-color: #f6f6f6 !important; padding: 30px; border-radius: 30px;}	
.csem-du-quiz h3{color:#1d439c !important;}
.csem-du-quiz legend {font-size: 23px !important; padding-left: 23px !important; font-weight:bold !important;}
#gform_page_6_3 .gform-page-footer{padding: 16px 35px !important; }
#input_6_3, #input_6_5, #input_6_6, #input_6_7, #input_6_8 #input_6_9, #input_6_10{ justify-content: space-around !important;}
#gform_page_6_1 .gfield-choice-input, #gform_page_6_2 .gfield-choice-input, #gform_page_6_3 .gfield-choice-input, #gform_page_6_4 .gfield-choice-input, #gform_page_6_5 .gfield-choice-input, #gform_page_6_6 .gfield-choice-input, #gform_page_6_7 .gfield-choice-input, #gform_page_6_8 .gfield-choice-input{display: none !important;}

#gform_fields_6_8 input, .ts-control, #gform_fields_6_8 textarea, #gform_fields_6_8 select{ border-radius: 25px !important; border: 1px solid #4f4f4f !important; padding-left: 10px !important; background-color:#fbfbf9 !important; color:#1d439c !important;}