/*
Theme Name: Ckarla Child Theme
Theme URI: https://shtheme.com/demosd/ckarla
Description: This is child theme of ckarla
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain:  ckarla-child
Template: ckarla
*/

:root {
    --main-color: #09693B;
    --black-color: #1E1E1E;
    --ff-nunito: 'Nunito Sans', sans-serif;
    --ff-lora: "Lora", serif;
}

body {
    color: #0C0C0C!important;
    line-height: 1.4;
    font-size: 16px;
    font-family: var(--ff-nunito);
    font-weight: 400;
    color: var(--black-color);
}
.section-wrapper p{
   font-size: 16px;
    line-height: 22px;
    color: var(--black-color);
}
body.sidebar  #ckarla-aside .ckarla-logo .logo-img {
    width: 100%;
}
b, strong{
    font-family: var(--ff-nunito);
    font-weight: 500;
}
body.sidebar  #ckarla-aside .ckarla-main-menu > ul > li > a {
    font-family: var(--ff-lora);
    font-size: 18px;
    line-height: 18px;
    margin: 12px 0 0 0;
    padding: 0 0 12px 0;
}
body.sidebar #ckarla-aside .ckarla-main-menu > ul > li.active > a{
    color: var(--black-color);
}
body.sidebar #ckarla-aside .ckarla-main-menu > ul > li.active > a:hover{
    color: var(--main-color);
}
body.sidebar  #ckarla-aside .ckarla-footer ul {
    margin-bottom: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

body.sidebar  #ckarla-aside .ckarla-footer ul:before {
    display: none;
}

body.sidebar  #ckarla-aside .ckarla-footer ul:after {
    display: none;
}

body.sidebar  #ckarla-aside .ckarla-footer ul li {

    border: 1px solid #EEEEEE;
    width: 40px;
    height: 40px;
    line-height: 42px;
}

body.sidebar  #ckarla-aside .ckarla-footer ul li a {
    font-size: 1em;
    display: block;
    line-height: 38px;
}
body.sidebar  #ckarla-aside .ckarla-footer ul li a img{
    width: auto;
}
#ckarla-aside .contact-block ul{
    padding-left: 36px;
    margin-bottom: 0;
}
#ckarla-aside .contact-block ul li{
    display: block;
    margin-bottom: 16px;
    position: relative;
    font-weight: 400;

}
#ckarla-aside .contact-block ul li:before{
    display: block;
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    left: -36px;
    top: 0;
    background: url("/wp-content/uploads/custom/location.svg") center no-repeat;
    background-size: cover;
}

#ckarla-aside .contact-block ul li.telefon:before{
    background: url("/wp-content/uploads/custom/phone.svg") center no-repeat;
    background-size: cover;
}

#ckarla-aside .contact-block ul li.telefon a{
    display: block;
    font-weight: 400;
}

#ckarla-aside .contact-block ul li.telefon a:hover{
    text-decoration: underline;
}

div.woocommerce-Reviews span.comment-reply-title {
    font-family: var(--ff-lora);
}

.shop-sidebar .shop-widget .widget-title h6 {
    font-family: var(--ff-lora);
}


.product-related .section-title {
    font-family: var(--ff-lora);
}
.vegas-wrapper .hero-inner .hero-title{
    font-family: var(--ff-lora);
}
h1, h2, h3, h4, h5, .page-title{
    font-family: var(--ff-lora);
}

.ckarla-contact.social ul{
    display: flex;
    justify-content: space-between;
    max-width: 228px;
    padding: 0;
}
.ckarla-contact.social ul li{
    display: inline-block;
    border: 1px solid #EEEEEE;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}
.ckarla-contact.social ul li:hover{
    border: 1px solid var(--main-color);
}
.ckarla-contact.social ul li a{
    font-size: 1em;
    display: block;
    line-height: 36px;
    height: 38px;
    width: 38px;
    text-align: center;
}
.ckarla-contact.social ul li a img{
    width: auto;
}
.section-wrapper{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 65px;
}
#banner-section.section-wrapper{
    padding: 0;
}
body.sidebar #ckarla-aside{
    width: 17%;
    padding: 100px 30px;
}
body.sidebar #ckarla-main{
    width: 83%;
}
@media(max-width: 1440px) and (min-width: 1000px){
    body.sidebar #ckarla-aside{
        width: 22%;
        padding: 100px 30px;
    }
    body.sidebar #ckarla-main{
        width: 78%;
    }
    .section-padding h1:before{
        left: -40px!important;
    }
}
#banner-section .text-inner,
#banner-section .cat{
	background: #fff;
	padding: 24px;
	width: 668px;
	position: relative;
    margin: 100px auto 0;
	
}
#banner-section .text-inner .hero-title,
#banner-section .text-inner .hero-subtitle,
#banner-section .cat .subtitle{
    color: var(--black-color);
}
#banner-section .text-inner .hero-title,
#banner-section .cat .subtitle{
    font-size: 30px;
    line-height: 30px;
    font-family: var(--ff-lora);
}
#banner-section .text-inner .hero-subtitle,
#banner-section .cat p:not(.subtitle){
    font-size: 16px;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 0;
}
#banner-section .text-inner .btn,
#banner-section .cat .btn{
   padding: 0;
}
#banner-section .text-inner .btn a,
#banner-section .cat .btn a{
    width: 207px;
    height: 40px;
    line-height: 40px;
    background: var(--main-color);
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px;
}
#banner-section .cat .btn a:hover{
    background: var(--black-color);
}
#banner-section .text-inner:after,
#banner-section .cat:after{
	display: block;
	width: 217px;
	height: 239px;
	content: '';
	position: absolute;
	top: 1%;
	right: 5%;
    background: url("/wp-content/uploads/custom/leaf-white.svg") center no-repeat;
	background-size: cover;
    transform: translate(100%, -100%);
}
#banner-section aside#home.hero-section.vegas-container{
    /*height: 756px!important;*/
}
#banner-section .vegas-slide,
#banner-section .vegas-slide-inner.vegas-animation-kenburns{
    height: 756px;
}
.section-wrapper .section-padding span{
    color: var(--main-color);
    font-size: 12px;
    display: block;
    line-height: 24px;
}
.section-wrapper .section-padding h2,
#hello-section .section-padding h1{
font-size: 36px;
    line-height: 46px;
    font-family: var(--ff-lora);
    position: relative;
    margin-top: 8px;
}
#hello-section .section-padding h1{
    color: var(--black-color);
    text-transform: none;
    font-size: 36px;
    letter-spacing: normal;
}
.section-wrapper .section-padding h2:before,
#hello-section .section-padding h1:before{
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    position: absolute;
    top: 0;
    left: -52px;
    background: url('/wp-content/uploads/custom/leaf.svg') center no-repeat;
    background-size: cover;

}
#hello-section .section-padding p{
    font-weight: 300;
}
#hello-section.section-wrapper .section-padding h2:before{
    display: none;
}
.section-wrapper a.link-arrow{
    margin-top: 30px;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;

    color: var(--main-color);
    font-weight: 600;
}
.section-wrapper a.link-arrow span{
    display: inline-block;
    padding-right: 48px;
    line-height: 24px;
    position: relative;
    letter-spacing: normal;
    text-decoration: underline;
}
.section-wrapper a.link-arrow:hover span{
    text-decoration: none;
}
.section-wrapper a.link-arrow span:after{
    display: block;
    width: 36px;
    height: 24px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url('/wp-content/uploads/custom/arrow-right.svg') center no-repeat;
    background-size: cover;
}
.karla-about-img .img:before{
    border: 1px solid var(--main-color);
}
.section-wrapper#banner-section{
max-width: 100%;
}
.section-wrapper#hello-section{
    padding: 0 10px;
}
.section-wrapper#sale-carusel-wrapp .e-con.e-flex>.e-con-inner{
    padding: 0;
    border: 1px solid var(--main-color);
}
.section-wrapper#hello-section{}
.section-wrapper#sale-carusel-wrapp .elementor-widget-text-editor{
    padding: 16px 24px 16px 70px;
    position: relative;
    font-family: var(--ff-lora);
}
.section-wrapper#sale-carusel-wrapp .elementor-widget-text-editor:before{
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    position: absolute;
    top: 16px;
    left: 24px;

    background: url('/wp-content/uploads/custom/leaf.svg') center no-repeat;
    background-size: cover;
}
.section-wrapper#sale-carusel-wrapp strong{
    font-size: 18px;
    font-weight: 500;
}


.section-wrapper#about-restaurant h2,
.section-wrapper#zalas-section-title h2,
.section-wrapper#formaty-section h2,
.section-wrapper#review-title h2,
.section-wrapper#banquete-title h2,
.section-wrapper#location-contact h2,
.section-wrapper#faq-title h2{
    text-align: center;
    color: var(--main-color);
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--ff-nunito);
    margin-bottom: 2px;
}
.section-wrapper#about-restaurant h3,
.section-wrapper#zalas-section-title h3,
.section-wrapper#formaty-section h3,
.section-wrapper#banquet-menu h3,
.section-wrapper#review-title h3,
.section-wrapper#location-contact h3,
.section-wrapper#banquete-title h3,
.section-wrapper#faq-title h3{
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    font-family: var(--ff-lora);
    margin-top: 8px;
    margin-bottom: 20px;
}
.section-wrapper .elementor-widget-text-editor{
    font-weight: 300;
}

.section-wrapper#about-restaurant h3 span,
.section-wrapper#zalas-section-title h3 span,
.section-wrapper#formaty-section h3 span,
.section-wrapper#banquet-menu h3 span,
.section-wrapper#review-title h3 span,
.section-wrapper#location-contact h3 span,
.section-wrapper#banquete-title h3 span,
.section-wrapper#faq-title h3 span{
    position: relative;
}
.section-wrapper#about-restaurant h3 span:before,
.section-wrapper#zalas-section-title h3 span:before,
.section-wrapper#formaty-section h3 span:before,
.section-wrapper#banquet-menu h3 span:before,
.section-wrapper#review-title h3 span:before,
.section-wrapper#location-contact h3 span:before,
.section-wrapper#banquete-title h3 span:before,
.section-wrapper#faq-title h3 span:before{
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    position: absolute;
    top: 0;
    left: -52px;
    background: url('/wp-content/uploads/custom/leaf.svg') center no-repeat;
    background-size: cover;
}
.section-wrapper .swiper-pagination{

}
.section-wrapper .swiper-pagination span.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border: 2px solid var(--main-color);
    background: #fff;
    opacity: 1;
    position: relative;
    top: 15px;

}
.section-wrapper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--main-color);
}

.section-wrapper.our-adventure{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
 .our-adventure .elementor-element .elementor-widget{
    border: 1px solid #F4F8F6;
    max-width: 323px;
    text-align: center;
    padding: 16px;
}
 .our-adventure .elementor-element .elementor-widget p{
    position: relative;
    padding-top: 64px;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}
 .our-adventure .elementor-element .elementor-widget p:before{
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    content: '';
    background: #F4F8F6;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
 .our-adventure .elementor-element .elementor-widget.rooms p:before{
    background: url("/wp-content/uploads/custom/rooms.svg") center no-repeat;
    background-size: cover;
}
 .our-adventure .elementor-element .elementor-widget.kitchen p:before{
    background: url("/wp-content/uploads/custom/kitchen.svg") center no-repeat;
    background-size: cover;
}
.our-adventure .elementor-element .elementor-widget.keys p:before{
    background: url("/wp-content/uploads/custom/keys.svg") center no-repeat;
    background-size: cover;
}
 .our-adventure .elementor-element .elementor-widget.motels p:before{
    background: url("/wp-content/uploads/custom/motel.svg") center no-repeat;
    background-size: cover;
}
 .our-adventure .elementor-element .elementor-widget.kaytering p:before{
    background: url("/wp-content/uploads/custom/kaytering.svg") center no-repeat;
    background-size: cover;
}

.section-wrapper#zalas-section,
.section-wrapper#zalas-section-title{
    background: #F4F8F6;
    padding: 0 65px;

}

.section-wrapper#zalas-section-title{
    margin-top: 100px;
    padding-top: 65px;
}

.section-wrapper#zalas-section .elementor-container{
    justify-content: space-between;
    padding-bottom: 50px;
}
.section-wrapper#zalas-section .elementor-container .elementor-column{
    max-width: 323px;
}
.section-wrapper#zalas-section .elementor-container .elementor-widget-heading{
    margin-bottom: 8px;
}
.section-wrapper#get-date-section .cat,
.section-wrapper#bron-zaly .cat{
    max-width: 783px;
    margin: 0 auto;
    padding: 50px;
}
.section-wrapper#get-date-section .cat .subtitle,
.section-wrapper#bron-zaly .cat .subtitle{
font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 16px;
    font-family: var(--ff-lora);
}
.section-wrapper#get-date-section .cat .question,
.section-wrapper#bron-zaly .cat .question{
    margin-top: 20px;
    margin-bottom: 0;

}
.section-wrapper#get-date-section .btn,
.section-wrapper#bron-zaly .btn{
    padding: 0;
}
.section-wrapper#get-date-section .btn a,
.section-wrapper#bron-zaly .btn a{
    width: 207px;
    height: 40px;
    line-height: 40px;
    background: var(--main-color);
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: var(--ff-nunito);
}

.section-wrapper#get-date-section .btn a:hover,
.section-wrapper#bron-zaly .btn a:hover{
    background: var(--black-color);
}

.section-wrapper#zahody-section img,
.section-wrapper#proposityion-section img{
    position: relative;


}
.section-wrapper#zahody-section img:before,
.section-wrapper#proposityion-section img:before{
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    left: 15px;
    bottom: 0;
    border: 1px solid var(--main-color);
    display: block;
    width: 100%;
    height: 100%;
}
.section-wrapper#zahody-section h4,
.section-wrapper#proposityion-section h4{
    font-family: var(--ff-lora);
    font-size: 24px;
    line-height: 34px;
}

ul.ul-with-mark li{
    position: relative;
    margin-bottom: 12px;
    font-weight: 300;
    line-height: 24px;
}
ul.ul-with-mark li:before{
    display: block;
    width: 24px;
    height: 24px;
    content: '';
    background: url("/wp-content/uploads/custom/ul-mark.svg") center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: -40px;
}
.section-wrapper#proposityion-section .elementor-widget-text-editor,
.section-wrapper#proposityion-section .elementor-widget-heading{
    /*padding-left: 12px;*/
    padding-left: 50px;
}
#dishes-carusel img{
    padding: 0 10px;
}

#contact-adreses .contact-ul{
    padding: 0;
}
#contact-adreses .contact-ul > li{
    position: relative;
    padding-left: 36px;
    margin-bottom: 20px;
}

#contact-adreses .contact-ul > li:before{
    display: block;
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    /*background: url("/_dev_files/img/location.svg") center no-repeat;*/
    background: url("/wp-content/uploads/custom/location.svg") center no-repeat;
    background-size: cover;
}
#contact-adreses .contact-ul li.scheldule:before{
    background: url("/wp-content/uploads/custom/scheldule.svg") center no-repeat;
    background-size: cover
}
#contact-adreses .contact-ul li.phone:before{
    background: url("/wp-content/uploads/custom/phone.svg") center no-repeat;
    background-size: cover
}
#contact-adreses .contact-ul li.admin:before{
    display: none;
}
#contact-adreses .contact-ul li ul{
    margin-top: 12px;
    padding-left: 0;
}
footer.footer-section .container{
    max-width: 758px;
    padding: 0 15px;
}
footer.footer-section{
    background: var(--main-color);
    padding: 60px 0 40px;
    color: #fff;
}
footer.footer-section p,
footer.footer-section span,
footer.footer-section a{
    color: #fff;
}
footer.footer-section .footer-social ul{
    display: flex;
    justify-content: space-between;
    max-width: 228px;
    padding: 0;
    margin: 35px auto 20px;
}
footer.footer-section .footer-social ul li{
    display: inline-block;
    border: 1px solid var(--main-color);
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 50%;
    background: #84B49D;
}
footer.footer-section .footer-social ul li a {
    font-size: 1em;
    display: block;
    line-height: 38px;
    text-align: center;
}
footer.footer-section .footer-social ul li a:hover{
    scale: 1.15;
}
footer.footer-section .footer-social ul li a img{
    width: auto;
}
footer.footer-section .footer-bottom{
    background: var(--main-color);
    color: #fff;
}
footer.footer-section .logo img{
   width: auto;
}
footer.footer-section ul.footer-menu{
    padding: 0;
}
footer.footer-section .footer-menu li{
    margin-bottom: 8px;
}
footer.footer-section .footer-menu a{
    color: #fff;
    font-family: var(--ff-lora);
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    letter-spacing: 1px;
    white-space: nowrap;

}
footer.footer-section .footer-menu a:hover,
footer.footer-section .copyright a:hover{
    text-decoration: underline;
}
footer.footer-section .copyright span{
    font-weight: 300;
}
footer.footer-section .copyright a{
    font-weight: 500;
}
a.totop{
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color)
}
body.sidebar .banner-padding{
    padding: 250px 0;
}
@media(max-width: 768px){
	.section-wrapper{
	padding: 0 35px
}
    body.sidebar .banner-padding{
        padding: 250px 0;
    }
}
@media(max-width: 540px){
    a.ckarla-nav-toggle{
        background: var(--main-color);
    }
    body.sidebar div#ckarla-main{
        /*min-width: 100%;*/
        width: 100%;
    }
    body.sidebar .container,
    section.section-wrapper{
        padding: 0 12px;
    }

    .section-wrapper#banner-section .cat {
        background: #fff;
        padding: 30px;
        width: 90%;
        position: relative;
        margin: 0 auto;
        top: 50%;
        
    }
    .section-wrapper#banner-section .cat .hero-title{
        font-size: 24px;
        line-height: 28px;
    }
    .section-wrapper#banner-section .cat:after{
        width: 148px;
        height: 163px;
        background-size: cover;
        left: 25px;
    }
    .section-wrapper#banner-section .cat .subtitle{
font-size: 24px;
    }
    .section-wrapper#banner-section aside#home.hero-section.vegas-container,
    .section-wrapper#banner-section aside#home.hero-section.vegas-container .vegas-slide{
        max-height: 300px;
        height: 300px!important;
    }
    .section-wrapper#hello-section h1{
        font-size: 28px!important;
        padding-left: 52px;
    }
    .section-wrapper#hello-section h1:before{
        left: 0;
    }
    .section-wrapper a.link-arrow{
        padding-left: 52px;
        font-weight: 600;
    }
    .section-wrapper#sale-carusel-wrapp .e-con-inner{
        display: block;
    }
    .section-wrapper#sale-carusel-wrapp .elementor-widget-image img{
        display: block;
    }
    .section-wrapper#about-restaurant h2,
    .section-wrapper#zalas-section-title h2,
    .section-wrapper#formaty-section h2,
    .section-wrapper#review-title h2,
    .section-wrapper#banquete-title h2,
    .section-wrapper#location-contact h2{
        text-align: left;
        padding-left: 52px;
    }
    .section-wrapper#about-restaurant h3,
    .section-wrapper#zalas-section-title h3,
    .section-wrapper#formaty-section h3,
    .section-wrapper#banquet-menu h3,
    .section-wrapper#review-title h3,
    .section-wrapper#location-contact h3,
    .section-wrapper#banquete-title h3{
        text-align: left;
        font-size: 24px!important;
        line-height: 34px;
        padding-left: 52px;
    }
    .our-adventure .elementor-element .elementor-widget p{
        max-width: 243px;
        margin: 0 auto;
    }

    .section-wrapper#zalas-section,
    .section-wrapper#zalas-section-title{
        padding: 0 20px!important;
    }
    .section-wrapper#zalas-section-title{
        padding-top: 20px!important;
    }
    .section-wrapper#zalas-section .elementor-container .elementor-column{
        max-width: 100%;
    }
    .section-wrapper#get-date-section .cat .subtitle,
    .section-wrapper#bron-zaly .cat .subtitle{
        font-size: 20px;
        line-height: 30px;
    }
    .section-wrapper#get-date-section .cat, .section-wrapper#bron-zaly .cat{
        padding: 20px;
        max-width: 85%;
    }
    .section-wrapper#get-date-section .btn{
        display: block;
    }
    .section-wrapper#get-date-section .btn a,
    .section-wrapper#bron-zaly .btn a{
        width: 100%;
        letter-spacing: 1px;
        font-weight: 500;
    }

}
.elementor hr.line-hr-left{
    display: none;
}
#gallery-section img{
    max-width: 323px;
}
#menu-proposition .ul-with-mark{
    padding-right: 50px;
}
.section-wrapper#videoplay{
    background: #F4F8F6;
    padding: 65px;
}
.section-wrapper#location-contact,
.section-wrapper#contact-adreses{
    background: #F4F8F6;
    padding: 0 65px;
}
.section-wrapper#location-contact {
      padding-top: 65px!important;
    margin-top: 0;
}
#faq-section .section-padding{
    padding: 10px 0;
}
#faq-section  .item{
    margin-bottom: 8px;
}
#faq-section .faqs-accordion .accordion .title{
    padding: 15px 60px 15px 15px;
}
#faq-section .faqs-accordion .accordion .active .title{
    background: transparent;
    color: var(--main-color);

}
#faq-section .faqs-accordion .accordion .title h4{
    margin-bottom: 0;
    font-size: 18px;

}
#faq-section .faqs-accordion .accordion .active .title h4{
    color: var(--main-color);
}
#faq-section .faqs-accordion .accordion .accordion-info {
    display: none;
    padding: 20px 20px 5px;
    margin-top: 20px;
    border-left: none;
    background: #F4F8F6;
}

@media (max-width: 540px) {
    .section-wrapper#videoplay{
        padding: 12px;
    }
    .section-wrapper#location-contact,
    .section-wrapper#contact-adreses{
        background: #F4F8F6;
        padding: 0 12px;
    }
    .section-wrapper#location-contact {
        padding-top: 24px!important;

    }
    .section-wrapper#gallery-section img{
        max-width: 100%;
        margin-bottom: 30px;
    }
    .section-wrapper#proposityion-section .elementor-widget-text-editor,
    .section-wrapper#proposityion-section .elementor-widget-heading{
        padding-left: 0!important;
    }
    .section-wrapper#get-date-section .cat, .section-wrapper#bron-zaly .cat .btn{
        width: 100%;
    }
    footer.footer-section .footer-menu li{
        text-align: center;
    }
    .footer-menu.left-side{
        margin-bottom: 24px;
    }
    .footer-menu.right-side{
        margin-top: 24px;
        margin-bottom: 0;
    }
}