/*
Theme Name: Kahi
*/

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'Esther-Regular', sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    overflow-y: scroll;
}

body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
	background-color:#fff;
	width:100%;
	direction: rtl;
	letter-spacing: 2px;
}

input, button {
	outline:none;
}

.video-wraper{height:80vh;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-wraper iframe{position:absolute;width:100%;height:100%}

@media(max-width: 767px){
    .video-wraper {
            height: 500px !important;
    }
}
/*
.template_video iframe {
    pointer-events:none;
}*/

.player.no-playbar .vp-controls .airplay, .player.no-playbar .vp-controls .logo, .player.no-playbar .vp-controls .stereoscopic, .player.no-playbar .vp-controls .volume, .player.no-playbar .vp-controls .vp-cast-button, .player.no-playbar .vp-controls .vp-prefs, .player.no-playbar .vp-controls .vp-progress {
    display: none;
}

@media(max-width: 767px){
    .template_video{
        position: relative;
    }
    .mobile_transparent {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 9999;
    }

    footer .info_block {
        padding-top: 0px !important;
        margin-top: -29px;
    }
    footer .info_block.active .line {
        top: 38px !important;
        height: 44px !important;
    }
    footer .info_block .info_text.active {
        bottom: 7px !important;
    } 
}

body.blog header, body.single header {
    opacity: 1 !important;
    border-bottom: 1px solid #ccc;
}

.harticles-carusel__title {
    position: relative;
    font-family: 'Esther-Bold';
    font-size: 32px;
    line-height: 1;
    color: #baa18b;
    margin-top: 21px;
    transition: 0.8s;
}

.harticles-carusel__description {
    position: relative;
    font-family: 'Esther-Bold';
    font-size: 26px;
    line-height: 1.154;
    color: #000;
    margin-top: 28px;
    padding: 0 15%;
    transition: 0.8s;
}
#ajax-posts a {
    text-decoration: none !important;
    text-align: center;
}




.harticles-carusel__more i.arrow {
    content: "";
    background-image: url(img/arrow_form.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 26px;
    height: 31px;
    left: 0px;
    top: 23px;
}
.harticles-carusel__more {
        font-size: 26px;
    line-height: 1.154;
    color: #000;
    margin-top: 17px;
    margin-bottom: 30px;
}

.harticles-carusel__image img {
    max-height: 188px; 
}
.section.absolute-head {
height: 319px;
    background-color: #f5efea;
    margin-bottom: 50px;
}

.blog .head_block h1, .single  .head_block h1{
    font-size: 50px;
    text-align: center;
}

.blog .head_block, .single .head_block {
    padding-top: 160px;
}

 ul#menu-header a {
    text-decoration: none;
    font-size: 26px;
    line-height: 1.154;
    font-weight: 900;
    color: #000;
 }

.post_navigation a {
    font-family: 'Esther-Bold';
    font-size: 26px;
    line-height: 1.154;
    color: #000; 
}

.post_navigation a[rel="next"]{
    margin:20px;
}
.post_navigation {
    text-align: center;
    margin-bottom: 30px;
}
.single .content {
    font-size: 26px;
    font-weight: 600;
}

@media(min-width: 1024px) {
    ul#menu-header {
        margin-top: -50px;
    }
}


@media(max-width: 767px) {
    .blog .section.absolute-head .row, .blog .section.absolute-head .col-12,
    .blog #ajax-posts.row, .blog #ajax-posts.row .col-12{
        padding:0px;
    }
    .single .section.absolute-head .row, .single .section.absolute-head .col-12,
    .single #ajax-posts.row, .single #ajax-posts.row .col-12{
        padding:0px;
    }
    #menu-header {
        margin-top: -8px;
    }
    ul#menu-header a{
        font-size: 20px;
    }
}