/*
Theme Name: Perukar
Theme URI: https://shtheme.com/demosd/perukar
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Perukar – Barber WordPress is perfect if you like a minimal, clean and modern design. This theme is ideal for professional barbershops, hair salons, beauty shop, electrician, stylist, barbers and those who need an easy, attractive and effective way to share their work with clients.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: perukar

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



:root {
  --clr-theme-color: #91765a;
}
#respond.comment-respond .form-group #message {
	max-width: 100%;
    margin-bottom: 20px;
    padding: 15px 0;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 2px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Syne', sans-serif;
    font-size: 16px;
    min-height: calc(1.5em + 0.75rem + 2px);
    padding-top: 30px;
    padding-bottom: 50px;
}
#respond.comment-respond .form-group textarea:focus {
    border-bottom-width: 2px;
    border-color: #14100c;
}
body.dark #respond.comment-respond .form-group textarea:focus {
    border-color: #fff;
    border-radius: 0;
}
p.comment-form-cookies-consent {
	display: none;
}
.blog-sidebar .widget_tag_cloud li {
    margin: 5px !important;
    padding: 10px 20px;
    background-color: #f4f5f7;
    border: none;
    color: var(--clr-theme-color) !important;
    float: left;
    margin-bottom: 20px;
    color: var(--clr-theme-color);
    font-size: 16px;
    line-height: 1.5em;
}
body.dark .blog-sidebar .widget_tag_cloud li {
    background-color: #000;
}
.blog-sidebar ul.wp-tag-cloud li:hover, .blog-sidebar ul.wp-tag-cloud li a:hover {
    background-color: #14100c;
    color: #fff;
}
.blog-sidebar ul.wp-tag-cloud li:hover a, .blog-sidebar ul.wp-tag-cloud li a:hover {
    background-color: #14100c;
    color: #fff;
}
.blog-sidebar ul.wp-tag-cloud li a {
    font-size: 14px !important;
    color: var(--clr-theme-color);
}
#respond.comment-respond .btn-link input[type="submit"],#respond.comment-respond .btn-link input[type="reset"],#respond.comment-respond .btn-link input[type="button"], .btn-link button {
    font-size: 16px;
    font-weight: 700;
}
#respond.comment-respond .btn-link {
    width: auto;
    height: auto;
}
body.dark .post-user-content a.comment-reply-link {
    color: #fff;
}
body.dark p.logged-in-as a {
    color: #fff;
}
body.dark .pagination-wrap li span.page-numbers.current {
    background: transparent;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    color: #999;
    font-weight: 400;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    font-size: 16px;
}
body.dark .pagination-wrap li span.page-numbers.current {
    background-color: #fff;
    border: 2px solid #fff;
    color: #14100c;
}
.pagination-wrap li span {
    background: transparent;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    color: #999;
    font-weight: 400;
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    font-size: 16px;
}
.pagination-wrap li span.page-numbers.current {
    background-color: #14100c;
    border: 2px solid #14100c;
    color: #fff;
}
.contact__form #message {
    height: 120px;
}
#map .full-width .google-map iframe {
    margin-bottom: -10px;
}
.error .item {
    margin-bottom: 30px;
    text-align: center;
}
.error .item h1 {
    font-size: 200px;
}
.error .item p {
    margin-bottom: 30px;
}
.error .item a {
    margin: 5px !important;
    padding: 10px 24px;
    background-color: #000000;
    border: none;
    color: #fff !important;
    margin-bottom: 20px;
    color: var(--clr-theme-color);
    font-size: 18px;
    margin-top: 51px;
    line-height: 1.5em !important;
    text-align: center;
    border: 1px #333 solid;
}
.error .item a:hover {
    color: #333 !important;
    background-color: #fff;
}
.search .search-custom {
    background: #fff;
    padding: 30px;
}
.search .search-custom h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
}
.search .search-custom form {
    display: flex;
}
.search .search-custom form .s-input-home {
    width: 70%;
    padding-left: 10px;
    max-width: 100%;
    border: 1px solid #999;
    margin-bottom: 0px;
}
.search .search-custom form .btn-s-input {
    background: #333;
    color: #fff;
    border: 1px solid #333;
    padding: 6px 20px;
}
.search .search-custom .search input{
    width: 100%;
    padding: 10px;
    border: 0;
    background: #f4f5f7;
    margin-bottom: 0;
    border-radius: 0px;
} 
.post-user-content a.comment-reply-link {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    line-height: 1;
    border: 1px solid #333;
    padding: 10px 15px;
    border-radius: 5px;
    position: inherit;
}
.post-user-content a.comment-reply-link:hover {
    background-color: #333;
    color: #fff;
    border: 1px solid #333;
}
.blog-sidebar .widget .recent a {
    margin-top: 7px;
}
h3.comment-reply-title {
    margin-bottom: 20px;
}
@media (min-width: 768px){
    .header-cont {
        height: 36vw;
    }
    .header-cont-absolute {
        top: 55%;
    }
    body.dark .header-cont {
        height: 36vw;
    }
    .header-view-on-mobile h1, body.dark .header-not-view-on-mobile h1 {
        font-size: 46px;
    }
}
@media (min-width: 768px){
.header-cont {
    width: 36.7%;
}
body.dark .header-cont {
    width: 36.7%;
}
.header-img {
    margin-top: 30px;
    margin-bottom: 30px;
}
body.dark .header-img {
    width: 47%;
}
    .header-img {
    width: 47%;
}
}

@media (min-width: 1600px){
.header-cont {
    height: 30vw;
}
}
.header-cont-text p {
    color: #14100c;
}
body.dark p {
    color: #fff
}
.blog .post-cont a.cs-btn-one.btn-sm {
    padding: 10px 20px;
    background-color: #212228;
    border: none;
    color: #fff;
    float: left;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 5px;
    border: 1px solid #212228;
}
.blog .post-cont a.cs-btn-one.btn-sm:hover {
    background-color: #fff;
    color: #212228;
    border: 1px solid #333;
}
.blog.section-padding .item .post-cont {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
body.dark .blog.section-padding .item .post-cont {
    background: #212228;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
body.dark .blog .post-cont a.cs-btn-one.btn-sm {
    background-color: #000;
    border: 1px solid #000;
}
body.dark .blog .post-cont a.cs-btn-one.btn-sm:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}
.blog-post-categorydate-wrapper {
    color: #14100c;
}
.blog-post-categorydate-wrapper a {
    color: #14100c;
    text-transform: capitalize;
}
.blog-sidebar .widget ul li a {
    color: #14100c;
}
p {
    color: #14100c;
}
.services .item p {
    color: #14100c;
}

.testimonials .testimonials-box {
    z-index: 999999;
}
@media (max-width: 991px){
.header-view-on-mobile h1, .header-not-view-on-mobile h1 {
    font-size: 42px;
}
}
@media (max-width: 767px){
.header-view-on-mobile h1, .header-not-view-on-mobile h1 {
    font-size: 40px;
}
}
@media (max-width: 350px){
.header-view-on-mobile h1, .header-not-view-on-mobile h1 {
    font-size: 34px;
}
}

body.portfolio-template-default .dialog-lightbox-widget.elementor-lightbox {
    display: none !important;
}
@media (max-width: 767px){
body.dark .perukarbrown-header-dark {
    margin-bottom: 30px;
    padding: 25px 0px;
}
}
@media (max-width: 767px){
    .header-view-on-mobile h1, .header-not-view-on-mobile h1 {
        font-size: 36px;
    }
    body.dark .header-view-on-mobile h1, .header-not-view-on-mobile h1 {
        font-size: 36px;
    }
}
.post .author .ti-user {
    color: #fff;
    font-size: 18px;
    margin-right: 5px;
}
.post .author span a{
    text-transform: capitalize;
}
@media screen and (max-width: 767px){
.post-comment-section h3 span {
    margin-left: 0px;
    clear: both;
    display: block;
}
}
.news2 .post-img .date {
    top: auto;
}
.widget .tagcloud .wp-tag-cloud li a{
    margin: 3px !important;
    padding: 8px 20px;
    background-color: #f5eee7;
    border: 1px solid #f5eee7;
    color: #14100c;
    float: left;
    font-size: 15px !important;
    line-height: 1.5em;
}
.widget .tagcloud .wp-tag-cloud li a:hover{
    background-color: var(--clr-theme-color);
    color: #fff;
}
.news-pagination-wrap li span.page-numbers.current {
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #14100c;
    font-weight: 400;
    border: 1px solid rgba(145, 118, 90, 0.1);
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--clr-theme-color);
    color: var(--clr-theme-color);
}
.input1_inner:after {
    display: none;
}
.input1_inner .wpcf7-form-control-wrap[data-name="date-370"]{
    max-width: 100%;
    width: 100%;
}
.booking-box  input[type="email"],.booking-box  input[type="text"],.booking-box  input[type="file"]{
    max-width: 100%;
    margin-bottom: 0px;
    padding: 15px 40px 15px 15px;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #14100c;
    background-image: none;
    border: none;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select1_wrapper .select1_inner {
        background: #fff;
}
.select1_wrapper .select1_inner select {
    width: 183px;
    max-width: 100%;
    height: 54px;
    padding: 10px 15px;
    border: 0px solid #625c56;
    color: #14100c;
    -webkit-appearance: none;
    border-radius: 0px;
    -moz-appearance: none;
    font-weight: 300;
}
.booking-box .btn-form1-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: var(--clr-theme-color);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    text-decoration: none;
    line-height: 52px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-family: 'Outfit', sans-serif;
}
.input1_inner input {
    font-weight: 300;
}
.booking-box .btn-form1-submit:hover {
    background: #14100c;
}
.wpcf7-spinner {
    display: none;
}
.contact-form.bg-darkbrown .btn-form2-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: var(--clr-theme-color);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    text-decoration: none;
    line-height: 52px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-family: 'Outfit', sans-serif;
}
.contact-form.bg-darkbrown .btn-form2-submit:hover {
    background: #fff;
    color: #14100c;
}
.contact-form.bg-darkbrown .form1.clearfix.contact__form .form-group .wpcf7-form-control-wrap{
    width: 100%;
}
.info-box .contact-form.bg-darkbrown form p{
    margin-bottom: 0px;
} 
.subscribe form .wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: var(--clr-theme-color);
    padding: 14px 20px;
    border-radius: 0px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    outline: none;
    width: auto;
}
.subscribe form .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: #fff;
    color: #14100c;
    outline: none;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    color: #fff;
    margin: 0em 0em 0em;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin-bottom: 15px;
}
.testimonials .booking-box form .wpcf7-not-valid-tip {
    color: #14100c;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin-bottom: 0px;
    margin-top: 15px;
}
.testimonials .booking-box form.invalid .wpcf7-response-output {
    border-color: #ffb900;
    color: #14100c;
    margin: 0em 0em 0em;
}
.testimonials .booking-box form.failed .wpcf7-response-output{
    border-color: #dc3232;
    color: #14100c;
}
.search-custom form button {
    font-family: 'Syne', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    border: none;
    color: #868a9b;
    background: #18191d;
    padding: 17px 34px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.search-custom form button .ti-search {
    color: #fff;
}
.comming.section-padding form p .wpcf7-form-control-wrap {
    width: 100%;
}
.comming.section-padding form p input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: var(--clr-theme-color);
    padding: 9px 25px;
    border-radius: 0px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 800;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: auto;
}
.comming.section-padding form p input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: #fff;
    color: #14100c;
    outline: none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}
.dropdown-menu .dropdown-item, .sub-menu .dropdown-item {
    padding: 0;
}
.dropdown-menu .dropdown-item:hover, .sub-menu .dropdown-item:hover {
    padding-left: 5px;
}
.dropdown-item {
    padding: 0;
}
.navbar .navbar-nav .dropdown-menu.last a.nav-link {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

@media screen and (max-width: 991px){
.navbar .dropdown-menu >li .nav-link {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: transparent;
    padding: 0 15px;
    font-size: 12px;
    line-height: 40px;
}
}
.wpcf7-form-control-wrap {
    width: 100%;
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .select1_wrapper .select1_inner select {
        width: 107px;
        max-width: 100%;
    }
    .navbar .dropdown-menu {
        width: 150px;
    }
}
.elementor-editor-active .owl-carousel {
  display: block;
}

.js.elementor-html .animate-box {
    opacity: 1!important;
}
.navbar .navbar-nav .active >a{
    color: var(--clr-theme-color) !important;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox {
	display:none !important;
}
.contact-form .wpcf7-not-valid-tip {
    color: #fff;
}
.footer .wpcf7-not-valid-tip {
    color: #fff;
}
.footer .wpcf7 form.invalid .wpcf7-response-output,.footer .wpcf7 form.unaccepted .wpcf7-response-output,.footer .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fff;
}
.booking-box form.invalid .wpcf7-response-output {
    border-color: #14100c;
}
.info-box .wpcf7 form.invalid .wpcf7-response-output{
    border-color: #fff;
}
.navbar .navbar-nav .active >a{
    color: #91765a !important;
}
.wp-block-group h2.wp-block-heading {
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.widget_block.widget_search label.wp-block-search__label {
    display: none;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
}
.widget_block .wp-block-search .wp-block-search__input {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #f4f5f7;
    margin-bottom: 0;
    border-radius: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container ul li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 28px;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: transparent;
    color: #040b11;
    border: 0;
    cursor: pointer;
    font-size: 15px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment {
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.sidebar_widget.widget.widget_block.widget_search .wp-block-search__button-outside .wp-block-search__inside-wrapper {
    margin: 0px 0px;
}
.sidebar__widget .wp-block-group__inner-container .wp-block-latest-comments {
    padding-left: 0rem;
}
.wp-block-group ol.wp-block-latest-comments {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li a{
    color: inherit;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment a{
    color: inherit;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment footer {
    background: transparent;
}