/* 
Theme Name: Yodle
Theme URI: https://github.com/elementor/hello-theme-child/
Description: 
Author: Yodle
Author URI: https://yodle.nz
Template: hello-elementor
Version: 2.0.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
*/


/***** GENERAL ******/

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: inherit !important;
}



:root {
  --bshadow: 0 1rem 1.5rem rgb(0,0,0,0.05);
  --bradius: 18px;
  --bradius2: 18px;
}
.page-header {
    display: none !important;
}

i {font-style:normal!important;}
.maxwidth {max-width: 700px;}
.maxwidthhalf {max-width: 450px;}
.notlast .elementor-widget:not(:last-child) {margin-bottom:0!important;}
.ee-sticky--stuck { box-shadow: var(--bshadow); z-index: 9!important;}

.ficons  {border-radius: var(--bradius2);}
.ficons i {color: var(--e-global-color-secondary);font-size: 32px!important;}
.bnone, .bnone img {border-radius: 0!important;}
.fa-check:before {  content: "\44"!important; font-family: "oss"!important; }


.elementor-kit-7 .elementor-widget:not(:last-child), .elementor-kit-12 .elementor-widget:not(:last-child) {
	margin-bottom: 0px!important;
}
@media (max-width: 1024px) {
    .elementor-kit-12 .elementor-widget:not(:last-child) {
       margin-bottom: 0px!important;
    }
}

.elementor-kit-12 button, .elementor-kit-12 input[type="button"], .elementor-kit-12 input[type="submit"], .elementor-kit-12 .elementor-button {
	border-radius: var(--btnradius);
}


html {
  -webkit-text-size-adjust: 100%; }

*,
*::before,
*::after {
  box-sizing: border-box; }

 
 html, body, * {
    -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
     -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
     font-synthesis: none;
   -moz-font-feature-settings: 'kern';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0px;
  }
 
 html  {
 font-size:17.5px!important;
}
@media (max-width:1024px) {
   html  {font-size:16.5px!important; }
}
@media (max-width:768px) {
   html  {font-size:15.5px!important;}
} 
  
  h1, h2, h3, h4, h5, h6, p {
   margin-block-start: 0!important;
   margin-block-end: 0!important;
   margin-inline-start: 0px!important;
   margin-inline-end: 0px!important;
}

.elementor-lightbox {
    backdrop-filter: blur(20px);
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	outline: 0!important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #777;
  border-radius:4px;
 -webkit-box-shadow:none!important;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-thumb:active {
  background: var(--e-global-color-primary);
}
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0px;
 -webkit-box-shadow:none!important;
}
::-webkit-scrollbar-track:hover {
  background: #fff;
}
::-webkit-scrollbar-track:active {
  background: #fff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

@media (max-width:769px) {
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
}

/*CHECKBOX AND RADIO */

 input[type="checkbox"], input[type="radio"] {
  height: 20px!important;
  width: 20px!important;
  margin: 0;
  border: var(--bwid) solid var(--bcol);
  background: #fff;
  -webkit-appearance: none!important;
  padding: 0!important;
  min-height: auto!Important;
  margin-right: 4px;
display:inline-block!important;
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
  border: var(--bwid) solid var(--e-global-color-primary);
}

input[type="radio"] {
  -webkit-border-radius:100%;
  border-radius:100%!important;

}
input[type="checkbox"] {
  -webkit-border-radius:4px;
  border-radius:4px!important;
}

input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
  border-color:#ccc;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline:none;
}

input[type="radio"]:checked {
  border-color: var(--e-global-color-primary)!important;
box-shadow: inset 0px 0px 0px 3px var(--e-global-color-primary)!important;
transition: all 0.1s ease-in-out;
}
input[type="checkbox"]:checked {
border-color: var(--e-global-color-primary)!important;
color:#fff!important;
box-shadow: inset 0px 0px 0px 24px var(--e-global-color-primary)!important;
transition: all 0.1s ease-in-out;
}

/* radio checked */
input[type="radio"]:checked:before {
display: block;
height: 0;
width: 0;
position: relative;
left: 3px;
top: 3px;
background: #fff;
color: #fff;
border-radius: 100%;
content: '';
font-size:24px;
}

input[type="checkbox"]:checked:before {
     content: "\44" !important;
  margin-left: 4px!important;
  font-size: 12px!important;
  padding: 0!important;
  color: #fff!important;
  margin-top: 0px!important;
  position: absolute;
	font-family: "oss" !important;
}

input[type="checkbox"]:checked:hover {
     border-color: var(--e-global-color-primary)!important;
background-color: var(--e-global-color-primary)!important;
}

input[type="radio"]:checked:hover {
display: block;
height: 0;
width: 0;
position: relative;
background: #fff;
color: #fff;
border-radius: 100%!important;
content: '';
font-size:24px;
}

input:disabled {
cursor: not-allowed;
}

input:disabled + label {
opacity: .6;
cursor:default;
-webkit-user-select: none;
}

.lighttheme .logo .cls-1, .lighttheme .logo .cls-2 {
    fill: #fff!important;
}
.lighttheme .bdt-navbar-toggle, .lighttheme .bdt-navbar-toggle:before, .lighttheme .bdt-navbar-toggle:after {
    background: var( --e-global-color-1c7a01d )!important;
}

@media (min-width: 769px) {
.lighttheme .ep-menu-nav-link, .lighttheme .elementor-button {
    color: var( --e-global-color-1c7a01d )!important;
}

}



img   {
    border-radius: var(--bradius);
}

i {font-style:normal!important;}
.maxwidth {max-width: 700px!important;}
.maxwidthhalf {max-width: 450px!important;}

@media (min-width: 1024px) {
.mobonly {display: none!important;}
}


/* SWIPER */

.swipee {
	overflow-x:hidden;
}
.swipee  .ee-swiper__container.swiper-container {
    overflow: visible!IMPORTANT;
}

.swipee .ee-swiper__navigation--bottom .ee-swiper__button {
    bottom: -80px!important;
}


/* lightbox */

.elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container, .fslightbox-source {
    box-shadow: none!important;
}

.elementor-lightbox .elementor-lightbox-image, .fslightbox-source, .ee-popup__content {
    border-radius: var(--bradius)!important;
}

/* popup */

.ee-popup__content ul li {
	padding-bottom: 14px;
}







/* PRODUCTS */

.prodscar .title .elementor-heading-title:after {
  content: "\68"!important;
  font-family: "oss"!important;
  transform: rotate(90deg)!important;
  position:absolute;
  opacity:0;
  transition: 100ms ease all;
  font-size: 0.9rem;
  margin-top: 0px;
  color: var(--e-global-color-primary);
}
article .title .elementor-heading-title:after {
  margin-left: -10px;
  opacity:0;
  transition: 100ms ease all;
}
article:hover .title .elementor-heading-title:after {
  margin-left: 7px!important;
  opacity: 1!important;
  transition: 100ms ease all;
}

.prodscar .ee-post {
  border:1px solid #f5f5f5;
  border-radius: var(--bradius2);
}
.prodscar .ee-post:hover {
    border: 1px solid var(--e-global-color-e856699);
    box-shadow: var(--bshadow);
}
.prodscar .ee-post img {
  border-radius: var(--bradius2);
}

.e-gallery--ltr.e-gallery-masonry .e-gallery-item, .e-gallery-item {
  border-radius: var(--bradius2);
}

.prodscar .ee-post:hover img {
    background-image: linear-gradient( 45deg, var( --e-global-color-716442b ) 0%, var( --e-global-color-716442b ) 100%);
}

.prodscar .ee-post {
    box-shadow: var(--bshadow);
}

.prodscar .ee-swiper__container {
    overflow: visible;
}

.prodscar .ee-swiper__button.ee-swiper__button--next {
    top: -60px;
    margin: 0;
    right: 130px!important;
    left: auto;
}

.prodscar .ee-swiper__button.ee-swiper__button--prev {
    top: -60px;
    margin: 0;
    right: 180px!important;
    left: auto!important;
}

.prodscar  .ee-swiper__button {
    border-radius: var(--bradius)!important;
}

@media (max-width: 768px) {
    .prodscar .ee-swiper__button.ee-swiper__button--prev {
    top: -60px;
    margin: 0;
    right: auto!important;
    left: 0!important;
}
.prodscar .ee-swiper__button.ee-swiper__button--next {
    top: -60px;
    margin: 0;
    right: auto!important;
    left: 52px!important;
}
}


.ee-post img {
    background-image: linear-gradient( 45deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);
  background: #f1f1f1;
}

.ficons .elementor-icon {border-radius: var(--bradius)!important;}
.ficons .elementor-icon-box-title {margin-bottom: 7px!Important;    font-weight: 500;}

.fbox  {
    box-shadow: var(--bshadow);
    border-radius: var(--bradius2);
}


.fradius  {
    border-radius: var(--bradius2);
}

/* CARROUSEL */

.eicon-chevron-right:before {
    content: "\68"!important;
  font-family: "oss"!important;
}
.eicon-chevron-right {
  transform: rotate(90deg)!important;
}
.eicon-chevron-left:before {
    content: "\68"!important;
  font-family: "oss"!important;
}
.eicon-chevron-left {
  transform: rotate(270deg)!important;
}


.ee-filters__item a {
    padding: 7px 14px 7px 14px;
    border-radius: var(--bradius2);
  font-size: 1.25rem;
}

.ee-swiper__pagination--horizontal .swiper-pagination-bullet, .eui-slider-dots-classic .eui-slider-dots-item {
    width: 20px!important;
    border-radius: 30px!important;
  height: 4px!important;
}



.elementor-icon-list-item {
  margin-bottom: 7px;
}


/* TESTIMONIALS */

.eapps-testimonials-slider {
    position: relative;
   font-family: var(--e-global-typography-secondary-font-family)!important;
  font-size: 1rem!important;
    color: VAR(--e-global-color-text);
}
.eapps-testimonials-slider-page-item-text {
    font-size: 1rem !important;
}
.eapps-testimonials-slider-page-item-tiled-postcard {
    border-radius: var(--bradius2)!important;
}

.eapps-testimonials-slider-page-item-small-balloon .eapps-testimonials-slider-page-item-text {
    box-shadow: var(--bshadow);
border-radius:var(--bradius2)!important;
}
.eapps-testimonials-slider-page-item {
    overflow: visible;
}
.eapps-testimonials-slider-page-item-small-balloon .eapps-testimonials-slider-page-item-author-container {
    margin-top: 14px;
}

/* DOWNLOAD BTN */

.downbtn {
  overflow:hidden;
}
.downbtn i:before {
    content: "\32"!IMPORTANT;
}

.downbtn .elementor-button-icon {
    border-bottom: 2px solid;
    margin-top: -4px!important;
}

.downbtn:hover i {
animation-name: bounce2!important;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
animation-iteration-count: infinite;
transform-origin: bottom;
  display:inline-block;
}


@keyframes bounce {
  from {
    transform: translateY(-20px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}
    @keyframes bounce2 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-10px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }


/* ANIMATE LINE */

.animate a, a:visited {
  position: relative;
  display:inline-block!important;
}
.animate a:after, .animate a:visited:after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  background: var(--e-global-color-primary);
  transition: 0.3s;
}
.animate a:hover:after, .animate a:visited:hover:after {
  width: 100%;
}






/* CONTACT */

selector {
    min-height:300px;
}

.gform_wrapper.gravity-theme .gfield_label {
    color: #fff!important;
    font-weight: 500!important;
    font-size: 1.2rem!important;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    color: var(--e-global-color-e856699)!important;
}

.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 1.1rem!important;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    vertical-align:middle!important;
}

.gchoice {
    margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large,.gfield textarea,.gform_wrapper.gravity-theme .gfield textarea, .gform_wrapper.gravity-theme input[type=text] {
    padding: 10px!important;
    font-size: 1.1rem!important;
    background: rgba(255,255,255,0.8);
    border-color: transparent!important;
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    background: #fff!important;
}


input#gform_submit_button_1 {
    background-color: var( --e-global-color-primary );
    border: none;
    color: #fff;
    width: 100%;
}

input#gform_submit_button_1:hover {
    background-color: var( --e-global-color-accent )!important;
    color: #fff;
}

.gform_wrapper .gfield_required {
    color: var(--e-global-color-accent)!important;
    font-style: normal!important;
}

.ginput_complex label {
    color: var(--e-global-color-e856699)!important;
}
.gform_wrapper.gravity-theme .gfield {
    margin-bottom: 14px!important;
}

.gform_footer.top_label {
    margin-top: -24px!important;
}

.gform_confirmation_message {
    min-height: 300px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 100px 24px;
    border: 1px solid var(--e-global-color-primary);
    border-radius: var(--bradius2);
}

.gform_wrapper .gform_validation_errors {
    margin-bottom: 24px!important;
}

.gform_wrapper .gform_validation_errors>h2, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    font-family: var(--e-global-typography-secondary-font-family)!important;
    font-size: 0.9rem!important;
    border-radius: var(--bradius2)!important;
    border:none!important;
}