/*!
* Theme Name: kadence-child
* Text Domain: Kadence
* Template: kadence
* Version: 3.4.1
* Tested up to: 6.1.1
* Requires at least: 5.6
* Requires PHP: 7.2
* Author: Code Calibre Team
* Author URI: https://codecalibre.com/
* Theme URI: https://codecalibre.com/
* Description: Kadence-child is the perfect theme for your project. There is any issue or new funtionality, visit:
https://codecalibre.com/
*/
/* -----------------header footer css start here---------------------------- */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p, h1, h2,h3,h4,h5,h6{
	margin-bottom:0!important;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,
a:focus,.ast-menu-toggle:focus, .ast-menu-toggle,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus,
.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field:focus {
    border: none !important;
    outline: none !important;
	box-shadow:none!important;
}
.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button {
    color: var(--global-palette1)!important;
}
ul#ast-hf-menu-1 li a:before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1.5px;
    background: #fff;
    left: 0%;
    bottom: 2px;
    transition: .2s all ease-in-out;
}
.site-footer-top-section-3 {
    flex-direction: column!important;
    align-items: self-end;
    gap: 20px;
}
.site-main-header-wrap.site-header-row-container.site-header-focus-item.kadence-sticky-header.item-is-fixed.item-is-stuck {
    top: 0!important;
}
ul#ast-hf-menu-1  li.current-menu-item a:before, ul#ast-hf-menu-1  li a:hover::before{
    left: 0;
}
ul#ast-hf-menu-1  li.current-menu-item a:before{
    width: 90%;
}
span.green {
    color: #A1CD3F;
}
a.hero-btn, .trial-btn:hover, button.forminator-button.forminator-button-submit {
    box-shadow: 0px 0px 14px 0px #A1CD3F!important;
    color: #000;
    border: 2px solid #fff;
    padding: 10px 28px!important;
	width: max-content!important;
    background: #A1CD3F!important;
    font-weight: 500!important;
    border-radius: 80px!important;
    text-decoration: none!important;
}
.site-bottom-footer-inner-wrap {
    padding: 0!important;
}
ul#footer-menu {
    flex-direction: column;
}
.footer-html-inner a {
    text-decoration: none!important;
}
.forminator-row.forminator-row-last {
    text-align: center;
}
 button.trial-btn, a.hero-btn:hover {
    border: 2px solid #A1CD3F!important;
    background: #fff!important;
}
.top-contact-bar {
    background: #A1CD3F;
}
/* MAIN ROW */
.elementor-element-636d3f7 > .e-con-inner {
    display: flex !important;
    align-items: stretch !important;
}
.elementor-shortcode .ti-widget.ti-goog .ti-review-item>.ti-inner, .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
    border: 0 !important;
    background-color: #CDEEF8!important;
}
footer:not(.footer-html-inner), footer a:not(.footer-html-inner a), footer h3 {
    color: #fff!important;
}
.contact-item {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}
.contact-box {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
ul#footer-menu {
    flex-direction: column;
    gap: 30px;
}

.haarlem-area {
    max-width: 1200px;
    margin: 0 auto;
}
/* LEFT + RIGHT COLUMN */
.elementor-element-636d3f7 > .e-con-inner > .elementor-element-34c70cf,
.elementor-element-636d3f7 > .e-con-inner > .elementor-element-62fba05 {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
}
.elementor-element-fecaf57, .elementor-element-52c35d5 {
    margin-top: auto!important;
}
/* LEFT COLUMN */
.elementor-element-636d3f7 .elementor-element-34c70cf {
    display: flex !important;
    flex-direction: column !important;
}

/* RIGHT COLUMN */
.elementor-element-636d3f7 .elementor-element-62fba05 {
    display: flex !important;
    flex-direction: column !important;
}

.equal-height .one-sec .elementor-widget-image,
.equal-height .one-sec .elementor-widget-image > div {
    height: 100% !important;
    flex: 1 1 auto !important;
}

.equal-height .one-sec img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    object-position: left;
}
.elementor-element-c6f2bc4.equal-height .one-sec img {
    object-position: right;
}
h3.elementor-image-box-title {
    margin-bottom: 20px!important;
}
figure.elementor-image-box-img img {
    box-shadow: 0px 4px 20px 0px #006E9033;
    border-radius: 100%;
}
.footer-html-inner p {
    text-align: center;
    font-size: 14px;
}
.top-contact-inner {
    max-width: 1760px;
    margin: 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
	padding:0 20px;
}
.hero-buttons {
    display: flex;
    gap: 25px;
}
.lesson-item {
    margin-bottom: 30px;
}
.top-contact-item a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.top-contact-item img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.lesson-pricing {
    width: 100%;
    max-width: 100%;
}


.lesson-top {
    display: flex;
    align-items: baseline;
    width: 100%;
    gap: 12px;
}

.lesson-title, .lesson-price {
    font-size: 25px;
       white-space: nowrap;
}
.lesson-item p {
    font-size: 18px;
}
.lesson-dots {
    flex: 1;
    border-bottom: 2px dotted #000;
    min-width: 20px;
    position: relative;
    top: -3px;
}
.elementor-image-carousel .swiper-wrapper {
    align-items: stretch !important;
}

.elementor-image-carousel .swiper-slide {
    height: 500px !important;
    display: flex !important;
    align-items: stretch !important;
}

.elementor-image-carousel .swiper-slide-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
}

.elementor-image-carousel .swiper-slide-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}


/* =========================================
   POPUP
   ========================================= */

#share-contact-popup {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 999999;

    display: none;

    align-items: center;
    justify-content: center;
}


/* =========================================
   OVERLAY
   ========================================= */

.share-contact-overlay {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.70);
}


/* =========================================
   POPUP BOX
   ========================================= */

.share-contact-box {
    position: relative;

    z-index: 2;

    width: 450px;
    max-width: calc(100% - 30px);

    background: #fff;

    padding: 35px 30px;

    border-radius: 15px;

    text-align: center;

    box-sizing: border-box;

    animation: sharePopupOpen 0.3s ease;
}

.share-contact-icons {
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 15px;

    margin-top: 25px;
}


/* ICON */
.share-icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    text-decoration: none !important;

    font-size: 22px;

    transition: 0.3s ease;
}


/* WHATSAPP */
.share-icon.whatsapp {
    background: #25D366;
    color: #fff !important;
}


/* TELEGRAM */
.share-icon.telegram {
    background: #229ED9;
    color: #fff !important;
}


/* INSTAGRAM */
.share-icon.instagram {
    background: #E1306C;
    color: #fff !important;
}


/* HOVER */
.share-icon:hover {
    transform: translateY(-4px);
}


/* =========================================
   CLOSE BUTTON
   ========================================= */

.share-contact-close {
    position: absolute;

    top: 10px;
    right: 15px;

    width: 35px;
    height: 35px;

    border: none;

    background: transparent;

    color: #000;

    font-size: 30px;

    line-height: 1;

    cursor: pointer;

    padding: 0;
}
.frm_error_style {
    display: none;
}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    display: block;
    float: none;
    width: auto;
    display: none;
}
.with_frm_style .frm_submit {
    clear: both;
    text-align: center;
}
#wa_contact img {
    width: 60px;
    height: auto;
}
#wa_contact {
    position: fixed;
    bottom: 7%;
    left: 1%;
    z-index: 999;
}
/* -------------media query------------------- */
@media (max-width: 1360px) {

ul#footer-menu {
    gap: 15px;
}}
@media (min-width: 1250px) {
  #main-header {
    display: block !important;
  }
  #mobile-header {
    display: none !important;
  }}
@media (max-width: 1280px) {
	p{
		font-size:16px!important
	}
}
@media (max-width: 1249px) {
	  #main-header {
    display: none !important;
  }
  #mobile-header{
    display: block !important; 
	}}
 

 
 
@media (max-width: 1024px) {
    .elementor-image-box-wrapper {
        flex-direction: column !important;
        align-items: center !important;
    }
	
.lesson-title, .lesson-price {
    font-size: 20px;
}
.lesson-item p {
    font-size: 16px;
}
	img.wp-image-389 {
    width: 80%;
}
	footer, footer a{
    font-size: 16px;
}
}
@media (max-width: 767px) {
  .lesson-title, .lesson-price {
    font-size: 16px;
}
	.site-footer-top-section-3 {
      align-items: center;
}
.lesson-item p {
    font-size: 12px;
}
	.elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone {
    display: none!important;
}
		p, .footer-html-inner a{
		font-size:14px!important
	}
	.top-contact-item a {
   gap: 5px;
    font-size: 14px;
}
	.site-footer-top-section-2 {
    order: -1;
    width: 80%;
    margin: 0 auto;
}
	ul#footer-menu {
    flex-direction: row;
    gap: 5px!important;
    justify-content: center;
}
	.contact-box {
    text-align: center;
  }
	.footer-widget-area.content-align-left .footer-navigation, .contact-item {
    justify-content: center;
}
	.site-top-footer-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr))!important;
}
}
@media (max-width: 450px) {
.top-contact-item img {
    width: 17px;
   }
	.top-contact-inner {
    padding: 0 5px;
		gap:10px;
		min-height: 30px;
}
.top-contact-item a {
    gap: 3px;
    font-size: 11px;
}}