/* 
Theme Name: Babanango Game Reserve
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Company: Brand Candy Pty (Ltd)
Website: https://brandcandy.co.za/
Developer: Devlyn Chelin
Designer: Janet Wilson
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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
*/

html, body {
	overflow-x: hidden;
}
/* DEVDEV - Arrow navigation on mobile menu */
@media (max-width: 1366px) {
    .jet-elements-icon svg {
    width: 10px;
    height: 10px;
    padding-left: 5px;
    margin-bottom: -25px;
    }
}
@media (min-width: 1300px) {
    .jet-elements-icon svg {
    width: 10px;
    height: 10px;
    padding-left: 5px;
    margin-bottom: -25px;
    }
}
/*--- BEGIN DEVDEV CUSTOM HOVER EFFECT ON MAIN MENU DROPDOWN ---*/
.elementor-9467 .elementor-element.elementor-element-8583275 .elementor-nav-menu--dropdown a:hover{
  text-decoration: underline; /* Add underline effect on hover */
  color: #A3845E !important;
}
.elementor-element.elementor-element-a5c66fb .elementor-nav-menu--dropdown a:hover{
  text-decoration: underline; /* Add underline effect on hover */
  color: #A3845E !important;
}
/*--- END DEVDEV CUSTOM HOVER EFFECT ON MAIN MENU DROPDOWN ---*/

/*
input#input_6_3_3{
	color: #DED2C5 !important;
	font-size: 14px;
	font-family: "Figtree", Sans-serif;
	border-color: #DED2C5 !important;
}

input#input_6_3_6{
	color: #DED2C5 !important;
	font-size: 14px;
	font-family: "Figtree", Sans-serif;
	border-color: #DED2C5 !important;
}

input#input_6_5.large{
	color: #DED2C5 !important;
	font-size: 14px;
	font-family: "Figtree", Sans-serif;
	border-color: #DED2C5 !important;
}

input#input_6_6.large{
	color: #DED2C5 !important;
	font-size: 14px;
	font-family: "Figtree", Sans-serif;
	border-color: #DED2C5 !important;
}

input#gform_submit_button_6.gform_button button{
	font-family: "Figtree", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: var(--e-global-color-3a54638 );
	border-color: #A3845E !important;
}

input#gform_submit_button_7.gform_button button{
	font-family: "Figtree", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: var(--e-global-color-3a54638 );
	border-color: #A3845E !important;
	text-align: center; 
}

input::placeholder, textarea::placeholder {
    color: #A3845E !important;
    opacity: 1 !important;
}*/

.elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox {
    fill: var(--lightbox-ui-color);
}

.birds-gallery .e-font-icon-svg e-eicon-chevron-left{
	background-image: url(https://babanango.com/wp-content/uploads/2023/04/svgexport-4-01.svg)
    height: 100%;
    display: flex;
    align-items: center;
    width: 15%;
    justify-content: center;
    font-size: var(--lightbox-navigation-icons-size);
}

}
.birds-gallery .elementor-lightbox .elementor-swiper-button-prev {
	background-image: url(https://babanango.com/wp-content/uploads/2023/04/svgexport-4-01.svg)
    height: 100%;
    display: flex;
    align-items: center;
    width: 15%;
    justify-content: center;
    font-size: var(--lightbox-navigation-icons-size);
}

.birds-gallery .elementor-lightbox .elementor-swiper-button-next {
	background-image: url(https://babanango.com/wp-content/uploads/2023/04/svgexport-3-01.svg)
    height: 100%;
    display: flex;
    align-items: center;
    width: 15%;
    justify-content: center;
    font-size: var(--lightbox-navigation-icons-size);
}

/*-----GRAVITY FORMS GENERAL-----*/
.gform_required_legend {
    display: none;
}
/*Text fields*/
.gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    border-radius: 0px !important;
    border: solid 1px #FFFFFF!important;
    padding: 8px!important;
	color: #A3845E !important;
	font-size: var(--e-global-typography-text-font-size );
	font-family: "Figtree", Sans-serif;
	border-color: #A3845E !important; 
}

/*Select fields*/
.gform_wrapper select {
    border-radius: 0px !important;
    border: solid 1px #FFFFFF!important;
    padding: 8px!important;
    background-color: #ffffff!important;
	color: #A3845E !important;
	font-size: var(--e-global-typography-text-font-size );
	font-family: "Figtree", Sans-serif;
}
/*Paragraph fields*/
.gform_wrapper textarea {
    border-radius: 0px !important;
    border: solid 1px #FFFFFF!important;
    padding: 8px!important;
    background-color: #ffffff!important;
	color: #A3845E !important;
	font-size: var(--e-global-typography-text-font-size );
	font-family: "Figtree", Sans-serif;
	border-color: #A3845E !important;
}
/*Field labels*/
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
    font-weight: 700!important;
    margin-bottom: 2px!important;
	color: #A3845E !important;
	font-size: var(--e-global-typography-text-font-size );
	font-family: "Figtree", Sans-serif;
}
/*Radio button and checkbox alignment*/
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"] {
     margin-top: 0px !important;
	 color: #A3845E !important;
	 font-size: var(--e-global-typography-text-font-size );
	 font-family: "Figtree", Sans-serif;
}
body .gform_wrapper ul li.gfield {
     margin-top: 0px !important;
	 color: #A3845E !important;
	 font-size: var(--e-global-typography-text-font-size );
	 font-family: "Figtree", Sans-serif;
}
/*Submit button alignment*/
.gform_wrapper .gform_footer {
     margin: 0 0 0 0 !important;
    border:0px;
}
/*-----GRAVITY FORM FOOTER NEWSLETTER SIGNUP-----*/
/*Text fields*/
#newsletter-form .gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    border-radius: 0px !important;
    border-bottom: solid 1px #FFFFFF!important;
	border-left: solid 0px var(--e-global-color-6fb331e )!important;
	border-top: solid 0px var(--e-global-color-6fb331e )!important;
	border-right: solid 0px var(--e-global-color-6fb331e )!important;
    padding: 8px!important;
	color: #ffffff!important;
	font-family: var(--e-global-typography-text-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-text-font-size )!important;
	background-color: var(--e-global-color-6fb331e );
}
/*Select fields*/
#newsletter-form .gform_wrapper select {
    border-radius: 0px !important;
    border-bottom: solid 1px #FFFFFF!important;
	border-left: solid 0px var(--e-global-color-6fb331e )!important;
	border-top: solid 0px var(--e-global-color-6fb331e )!important;
	border-right: solid 0px var(--e-global-color-6fb331e )!important;
    padding: 8px!important;
	color: #ffffff!important;
	font-family: var(--e-global-typography-text-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-text-font-size )!important;
	background-color: var(--e-global-color-6fb331e );
}
/*Paragraph fields*/
#newsletter-form .gform_wrapper textarea {
    border-radius: 0px !important;
    border-bottom: solid 1px #FFFFFF!important;
	border-left: solid 0px var(--e-global-color-6fb331e )!important;
	border-top: solid 0px var(--e-global-color-6fb331e )!important;
	border-right: solid 0px var(--e-global-color-6fb331e )!important;
    padding: 8px!important;
	color: #ffffff!important;
	font-family: var(--e-global-typography-text-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-text-font-size )!important;
	background-color: var(--e-global-color-6fb331e );
}
#newsletter-form .gform_footer {
	padding-bottom: 0px!important;
}
/* -----WHICH FORM IS THIS TARGETING?----- */
#gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: #A3845E !important;
}
#gform_wrapper_1 .gform_fields .gfield input::-moz-placeholder { 
	/* Firefox 19+ */
  color: #A3845E !important;
}
#gform_wrapper_1 .gform_fields .gfield input:-ms-input-placeholder {
	/* IE 10+ */
  color: #A3845E !important;
}
#gform_wrapper_1 .gform_fields .gfield input:-moz-placeholder {
	/* Firefox 18- */
  color: #A3845E !important;
}
/*-----GUTENBERG BLOCKS-----*/
/*Padding for tables*/
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    padding: 10px;
}
/*Margin for divider*/
.wp-block-separator.is-style-wide {
    border-bottom-width: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* ----- ELEMENTOR IMAGE CAROUSELS ----- */
.babanango-image-carousel .elementor-swiper-button.elementor-swiper-button-prev {
	display: none !important;
}

/*.elementor-swiper-button.elementor-swiper-button-prev {
	background-image: url(https://bctest.co.za/babanango/wp-content/uploads/2023/04/svgexport-4-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease-out;
	color: #02010100;
}
/*
.elementor-swiper-button {
    top: 90%;
}
.elementor-widget-media-carousel .elementor-swiper-button-prev, .elementor-widget-media-carousel .swiper-container-rtl .elementor-swiper-button-next, .elementor-widget-media-carousel .swiper-rtl .elementor-swiper-button-next {
    left: 80%!important;
    right: unset;
}
.elementor-widget-media-carousel .elementor-swiper-button-next, .elementor-widget-media-carousel .swiper-container-rtl .elementor-swiper-button-prev, .elementor-widget-media-carousel .swiper-rtl .elementor-swiper-button-prev {
    right: 10%!important;
    left: unset;
}
*/

/* NAVIGATION ARROWS ON JET ELEMENT SLIDERS */

.jet-slider .sp-arrow i {
	margin: 0px 0px 0px 0px;
    padding-top: 550px;
    padding-left: 0px;
}

.jet-slider .sp-arrow {
    color: white;
    font-size: 30px;
}

.sp-horizontal .sp-previous-arrow{
	padding-left: 0px;
	display: none !important;
}

/*--- BEGIN DEVDEV BOUNCE ANIMATION CODE ---*/

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

.st0 {
    fill: #FFFFFF;
}

svg#Layer_1{
    color: #FFFFFF !important;
}

.fa {
	width: 60px;
	/*display: block;*/
	/*text-align: center;*/
	color:#FFFFFF;
	font:normal 45px 'FontAwesome';
	/*line-height:60px;*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.fa-angle-double-down:before {content: "\f107";}

.bounce {
	position: absolute;
	bottom: 30px;
	left: 48% ;
	width: 60px;
	height: 60px ;
	margin-left:0px;
	/*border-radius:50%;*/
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/*--- END DEVDEV BOUNCE ANIMATION CODE ---*/

/*--- BEGIN DEVDEV SLIDER NAVIGATION HOVER PULSE ON ARROWS ---*/

/*.elementor-swiper-button svg {
    fill: var(--e-global-color-secondary);
    transition: transform 1.5s ease-out;
}

.elementor-swiper-button svg:hover {
    animation: bounce-right 1.5s ease-out;
}

@keyframes bounce-right {
    50% {
        transform: translateX(50%);
    }
}

/*--- END DEVDEV SLIDER NAVIGATION HOVER PULSE ON ARROWS ---*/

/*--- BEGIN DEVDEV SLIDER NAVIGATION CUSTOME ARROW REPLACEMENT ---*/

.elementor-swiper-button svg {
    background-image: url(https://babanango.com/wp-content/uploads/2023/04/svgexport-3-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease-out;
	color: #02010100;
}

/*--- END DEVDEV SLIDER NAVIGATION CUSTOME ARROW REPLACEMENT ---*/

/*--- BEGIN DEVDEV BOOK NOW BUTTON HOVER CHANGE ON DROPDOWN ---*/
.elementor-kit-83 a {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
}

/*.elementor-kit-83 a:hover {
   color: #503F33 !important;
}

/*--- END DEVDEV BOOK NOW BUTTON HOVER CHANGE ON DROPDOWN ---*/

/*--- BEGIN DEVDEV ARROW NAVIGATION TO BOUNCE RIGHT ---*/

.elementor-swiper-button svg {
  animation: bounce-right 1.8s infinite;
}

@keyframes bounce-right {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}

/*--- END DEVDEV ARROW NAVIGATION TO BOUNCE RIGHT ---*/

/*--- BEGIN DEVDEV ANIMATION AND PADDING ON BUTTON ARROW FOR LODGES PAGE ---*/

.elementor-button-icon .e-font-icon-svg {
    height: 1em;
    padding-top: 5px;
}

.elementor-button-icon .e-font-icon-svg {
  animation: bounce-right 1.8s infinite;
}

@keyframes bounce-right {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

/*--- END DEVDEV ANIMATION AND PADDING ON BUTTON ARROW FOR LODGES PAGE ---*/

/*--- BEGIN DEVDEV JET BUTTON HEADER STYLING EDITS ---*/

.jet-dropbar__content-wrapper {
    position: absolute;
    z-index: 999;
    width: 220px;
	margin-left: 5px;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
	border: 1px solid #A3845E !important;
	margin-top: 10px;
}

/*--- BEGIN DEVDEV SHIFT NAVIGATION DROPDOWN ARROW --- */
.elementor-nav-menu .sub-arrow .e-font-icon-svg {
    width: 20px;
    height: 20px;
    padding-left: 5px; 
    margin-bottom: -25px;
}


/*--- END DEVDEV SHIFT NAVIGATION DROPDOWN ARROW --- */

.elementor-lightbox .swiper-container .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev {
    display: none;
}
/*--- END DEVDEV JET BUTTON HEADER STYLING EDITS ---*/

/*--- BEGIN DEVDEV JET BUTTON IN HEADER ARROW BOUNCHE ANIMATION ---*/

.jet-elements-icon svg {
	width: 15px;
	height: 15px ;
	padding-left: 5px;
	margin-bottom:-25px;
	/*border-radius:50%;*/
	/*animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}*/
/*--- END DEVDEV JET BUTTON IN HEADER ARROW BOUNCE ANIMATION ---*/