/* 
Theme Name: Komune v1.0
Theme URI: https://github.com/elementor/hello-theme/
Description: Komune v1.0 is a custom theme built on Hello theme by Elementor.
Author: e-CBD
Author URI: https://e-cbd.com.au/
Template: hello-elementor
Version: 3.3.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/**Custom Styles by e-CBD*******************************************************************************************************************************/

/**************************** 
 Table of Contents
 - 1.Color Reference
 - 2.Typography 
 - 3.General 
 - 4.Header/Main Navigation
 - 5.Mobile Navigation 
 - 6.Forms
 - 7.Home Page
 - 8.Sub Pages
 - 9.Footer
 - 10.Elementor Overrides
 - 11.Woocommerce
 - 12.Google Reviews Panel
 - 13.Media Queries 
 ***************************/

/**__1.Color Reference__**/
/*
    var(--e-global-color-primary);
    var(--e-global-color-secondary);
    var(--e-global-color-text);
    var(--e-global-color-accent);
*/

html{scroll-behavior: smooth;}
a:hover{cursor:pointer!important;}
.no-scroll{overflow:hidden;}

/**__2.Typography__**/

.no-margin,
.no-margin p,
.no-margin-last p:last-child{margin-bottom:0;}

/**__3.General__**/
ul + p{margin-top:1em;}
.tick ul{font-size:14px;margin-left:0;padding-left:0;list-style:none;}
.tick ul li{padding-left:20px;position:relative;}
.tick ul li::before{content:'';width:11px;height:7px;border-bottom: 2px solid #ada96e;border-left: 2px solid #ada96e;position:absolute;left:0;top:10px;transform:rotate(-45deg);}
.custom-ul ul{list-style:none;padding: 0;}
.custom-ul li {position:relative;padding-left: 30px;padding-bottom: 10px;}
.custom-ul li:before{content:'';background: var(--e-global-color-accent);height:20px;width:20px;display:inline-block;border-radius: 50%;position:absolute;left: 3px;top: 3px;}
.custom-ul  li:after{ content:''; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); height:8px; width:8px; display:inline-block; position:absolute; left: 8px; top: 9px;}


ul>li {line-height:28px;}

/**__4. Header/Main Navigation__**/
#main-header{transition:all linear 0.2s;}
#main-header.scrolled-header {position:fixed;z-index:999;top:0px;transition:all linear 0.2s; box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);}
#main-header .sub-menu {min-width:100%!important;}
.scrolled-header div#top-logo {transform: scale(0.6) translateY(39px);transition: all linear 0.2s;}

.desktop-cta p{margin-bottom:0;}
#mobcta a{text-align:left;}


.menu-toggler{width:26px;height:18px;position:relative;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.menu-toggler span{display:block;position:absolute;height:2px;width:100%;background:var(--e-global-color-accent);border-radius:9px;opacity:1;left:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.menu-toggler span:nth-child(1){top:0px;}
.menu-toggler span:nth-child(2){top:8px;}
.menu-toggler span:nth-child(3){bottom:0;}


/**__5.Mobile Navigation__**/
.mob-menu{overflow-y: scroll!important;height:100vh;}
.mob-menu a {width: 100%;justify-content: space-between;}
.mob-menu span.sub-arrow {background: transparent; padding: 14px 18px!important;position: absolute; right: 3px; top: 9px; border-left: 1px solid var(--e-global-color-1a720b9);}
.mob-menu .elementor-nav-menu .sub-arrow i{font-size:20px;}
.mob-menu .has-submenu.highlighted .sub-arrow i{transform:rotate(180deg);}
.mob-menu .menu-item-has-children .sub-menu{background:var(--e-global-color-a69993f)!important;}
.mob-menu .menu-item-has-children .sub-menu a{font-size:14px!important;}

/* edit the hamburger and close icon colors here */
.ecbd-button {--hamburger-color: #fff;--close-x-color: #fff;display: block;height: 18px;cursor: pointer;position: relative;z-index: 101;}
/* must add in elementor template ID number to make the menu full width */
.elementor-942 {width: 100%;}
/* end editing */

.ecbd-navigation { position: fixed; top: 0; left: 0; transform: translateX(-100%); overflow: hidden; transition: transform 0.2s; width: 100%; height: 100vh; z-index: 100; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); }
.ecbd-navigation {display: flex;justify-content: center;align-items: center;}

/* toggle hamburger*/
.ecbd-button .ecbd-hamburger {position: relative;}
.ecbd-button .ecbd-hamburger span{display: block;height: 2px;width: 34px;background: var(--hamburger-color);transform-origin: 50% 50%;transition: all 0.1s 0.2s ease, transform 0.2s ease;}
.ecbd-button .ecbd-hamburger span:nth-child(2) { transform: translate(0, 6px); -webkit-transform: translate(0, 6px); -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -o-transform: translate(0, 6px); }
.ecbd-button .ecbd-hamburger span:nth-child(3) { transform: translate(0, 12px); -webkit-transform: translate(0, 12px); -moz-transform: translate(0, 12px); -ms-transform: translate(0, 12px); -o-transform: translate(0, 12px); }
.ecbd-nav_control {position: absolute;left: -9999px;width: 100%;clip: rect(0, 0, 0, 0);}
.ecbd-nav_control:checked~.ecbd-navigation { transform: translateX(0); opacity: 1; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger {top: 27px;position: fixed;left: 18px;padding: 17px 0px;}

/* closed X */
.ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span {background: var(--close-x-color);transition: all 0.1s ease, transform 0.1s 0.2s ease;}
.ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span:first-child {opacity: 0;display:none;}
.ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span:nth-child(2) { transform: translate(0, 6px) rotate(45deg); -webkit-transform: translate(0, 6px) rotate(45deg); -moz-transform: translate(0, 6px) rotate(45deg); -ms-transform: translate(0, 6px) rotate(45deg); -o-transform: translate(0, 6px) rotate(45deg); }
.ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span:nth-child(3) { transform: translate(0, 4px) rotate(-45deg); -webkit-transform: translate(0, 4px) rotate(-45deg); -moz-transform: translate(0, 4px) rotate(-45deg); -ms-transform: translate(0, 4px) rotate(-45deg); -o-transform: translate(0, 4px) rotate(-45deg); }

/**__6.Forms__**/
/*form elements*/

.gform_required_legend{display: none;}
.gfield_label {font-weight:500!important;} 

.gfield textarea,
.gfield select,
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="number"],
.gfield input[type="tel"]{border-radius: 0;padding: 20px!important; border: 1px solid #ccc;}
.gfield input::placeholder,
.gfield textarea::placeholder{color:#000;}

input[type="checkbox"].gfield-choice-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid black;
  background: transparent;
  cursor: pointer;
  position: relative;
}

input[type="checkbox"].gfield-choice-input:checked::after {
  content: '\2713'; /* Unicode for checkmark */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: black;
}
/*form button*/
.gform-button,
.gform_button{background:#000000;padding:10px 30px;color:#fff;border-radius:0px;border:none;text-transform:uppercase;font-weight:600;letter-spacing:2px;}
.gform-button:hover,.gform_button:hover,
.gform-button:active,.gform_button:active,
.gform-button:visited,.gform_button_visited,
.gform-button:focus,.gform_button:focus{background:#ada96e;color:#fff;}

/*name sublabels*/
.gform-field-label--type-sub {font-weight: bold;padding-bottom: 9px;}

/*thankyou message**/
.gform_confirmation_message {font-weight: bold;}

select {
  /* Remove default arrow */
  -webkit-appearance: none; /* For Chrome, Safari */
  -moz-appearance: none; /* For Firefox */
  appearance: none; /* Standard */
  
  /* Add custom styling */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  font-size: 16px;
  width: 200px;
  cursor: pointer;
  
  /* Add custom arrow using background image */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}

/* Ensure the select is still usable in older browsers */
select::-ms-expand {
  display: none; /* Hide default arrow in IE */
}


/**__7.Home Page__**/

#home-car .swiper-pagination-bullet,
.hero-car .swiper-pagination-bullet {border: solid 2px #fff!important;border-radius: 0!important;}
#home-car .swiper-pagination-bullets.swiper-pagination-horizontal,
.hero-car .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:30px!important;}
#home-car img,
.hero-car img{height:60vh;object-position:center center;object-fit:cover;}
.sub-banner-img{height:60vh;}


@media(min-width:768px){
	#home-car img,
	.hero-car img{height:50vh;object-position:center center;object-fit:cover;}
	.sub-banner-img{height:50vh;}
}
@media(min-width:992px){
	#home-car img,
	.hero-car img{height:70vh;object-position:center center;object-fit:cover;}
	.sub-banner-img{height:70vh;}
}
@media(min-width:1200px){
	#home-car img,
	.hero-car img{height:83vh;object-position:center center;object-fit:cover;}
	.sub-banner-img{height:83vh;}
}


.video-bg{width:100%;height:0;padding: 42% 0 0;position:relative;overflow:hidden;}
.video-bg > video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;object-position:center;z-index:-1;}
.video-bg .open-video{width:50px;height:50px;border:5px solid #fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
.video-bg .open-video::after{content: '';border: 15px solid transparent;border-left-color:#fff;position: absolute;left: 50%;top: 50%;transform: translate(-5px,-50%);}

a.box-link {display: block!important;}
a.box-link:hover{color:#000;}


/**__8.Sub Pages__**/
#breadcrumbs a:after { content: ''; height: 7px; width: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); display: inline-block; margin: 1px 15px; position: relative; top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
#breadcrumbs .breadcrumb_last {font-weight: 400;}

.bt-expand{margin-bottom:1.5rem!important;}
.expandable-content{display:none;}
.expandable-content.opened .btn-enquiry-bottom{display:block !important;}

.full-width-box{padding: 4rem 0;margin: 0px;min-height:180px;}
.full-width-box:hover h3{color:#000;}

.icon-list .elementor-image-box-wrapper {display: flex;align-items: center;width: 100%;}
.icon-list .elementor-image-box-wrapper img{width: 56px!important;height: 56px!important;max-width: 56px!important;}
.icon-list figure.elementor-image-box-img {margin-right: 13px!Important;}

.booking-panel .btn {
    padding: .5rem 1.5rem;
    border-radius: 0;
    font-family: var(--web-body-font);
    font-size: 0.9rem;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    letter-spacing: 1px;
    background: #ada96e;
    width: 100%;
    border: 0;
    color: #fff;
}
.booking-panel .btn:hover{background:#000000;}

.ftr-gallery a{overflow: hidden;display: block;border:solid 1px #fff;}
.ftr-gallery a img {transition: transform 0.3s ease-out;}
.ftr-gallery a:hover img {transform: scale(1.1);transition: transform 0.3s ease-in;}
.ftr-gallery img{height:250px;object-fit:cover;}


/**__9.Footer__**/


/**__10.Elementor Overrides__**/

.elementor-widget-text-editor a{outline:none;border-bottom: 2px solid var(--e-global-color-accent);transition:all linear 0.2s;}


/**__11.Woocommerce__**/


/**__13.Media Queries__**/

@media(min-width:541px){
.full-width-box{padding: 11em 0;}
}
@media(min-width:768px){
    #backtotop{right: 35px;bottom: 85px;}
	.video-bg .open-video{width:60px;height:60px;}
   .bt-expand{display:none !important;}
   .expandable-content{display:block !important;}
	   .expandable-content-vis{display:none;}
	.ftr-gallery img{height:300px;}
}
@media(min-width:881px){
    #main-header.scrolled-header {top:0;}
  
}
@media(min-width:992px){
    .video-bg .open-video{width:70px;height:70px;}
	.video-bg .open-video::after{border-width:20px;transform:translate(-7px,-50%);}
	.full-width-box{padding: 15em 0;}
}
@media(min-width:1025px){

}
@media (min-width:1200px){
  .video-bg .open-video{width:80px;height:80px;border-width:7px;}
  .video-bg .open-video::after{border-width:24px;transform:translate(-8px,-50%);}
  .full-width-box{padding: 23em 0;}		
  .ftr-gallery img{height:400px;}	
}
@media (min-width:1500px){
 .ftr-gallery img{height:450px;}
}