/*
Theme Name: Kimono Child
Theme URI: http://demo.bravisthemes.com/kimono/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Kimono is a photography portfolio Wordpress Theme. It is also suitable for any agency business and portfolio website. It is bootstrap grid based and well documented. so that user can easily modify and customize this template. Even it’s sections are compatible for any kind business template.
Version: 10.0.4
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: kimono
Text Domain: kimono-child
Tags: photography, portfolio
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4
Copyright (c) 2024 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/* Contactform fixes */
.pxl-contact-form .wpcf7-form-control-wrap .pxl-select:has(.wpcf7-not-valid) + .wpcf7-not-valid-tip {
	opacity: 0.9;
}
.pxl-contact-form1 .contact-form-custom2 .input-filled input[type="checkbox"],
.pxl-contact-form1 .contact-form-custom2 .input-filled input[type="radio"]{
    line-height: 1;
    height: auto;
}

.elementor-column:has(.stickey-top) div {
	height: 100% !important;
}

.elementor-column:has(.stickey-top) .stickey-top {
	position: sticky;
    top: 50px;
	height: auto !important;
}

.elementor-column:has(.stickey-top) .stickey-top div {
	height: auto !important;
}

.elementor-column:has(.stickey-top) .pxl-contact-form form {
	height: 100%;
}
/* END Contactform fixes */

/* cookie consent: ultimate gdpr & ccpa */
#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-content {
    max-height: 90vh;
    overflow: auto;
    padding: 10px 10px 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-btn {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    text-transform: uppercase;
    position: sticky;
    bottom: 0;
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-btn {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    text-transform: uppercase;
    position: sticky;
    bottom: 0px;
    width: 100%;
    min-height: 40px;
    background: transparent;
}

#ct-ultimate-gdpr-cookie-modal #ct-ultimate-gdpr-cookie-modal-body h3 {
    font-size: 18px !important;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: inherit;
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 auto;
    max-width: 100%;
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-single {
    margin: 0;
    padding-bottom: 0;
}

.ct-ultimate-gdpr-cookie-modal-single li label {
    cursor: pointer;
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-single ul {
    display: flex;
    padding: 10px 0;
    margin: 0;
    justify-content: center;
    list-style: none;
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-single ul li {
    list-style-type: none;
    cursor: pointer;
}

.cookie-modal-open #ct-ultimate-gdpr-cookie-modal ul li,
.cookie-modal-open #ct-ultimate-gdpr-cookie-modal ul li {
    list-style-type: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
}

.cookie-modal-open #ct-ultimate-gdpr-cookie-modal ul.ct-ultimate-gdpr-cookie-modal-slider-able li,
.cookie-modal-open #ct-ultimate-gdpr-cookie-modal ul.ct-ultimate-gdpr-cookie-modal-slider-not-able li {
    padding: 0 0 0 16px;
}

.ct-ultimate-gdpr-cookie-modal-content-single .ct-ultimate-gdpr-cookie-modal-single li.active label,
.ct-ultimate-gdpr-cookie-modal-content-single.ct-ultimate-gdpr-cookie-skin-one .ct-ultimate-gdpr-cookie-modal-single li.active label {
    border: 2px solid #b90808;
}

.ct-ultimate-gdpr-cookie-modal-content-single .ct-ultimate-gdpr-cookie-modal-single li.active svg,
.ct-ultimate-gdpr-cookie-modal-content-single .ct-ultimate-gdpr-cookie-modal-single li.active svg path,
.ct-ultimate-gdpr-cookie-modal-content-single.ct-ultimate-gdpr-cookie-skin-one .ct-ultimate-gdpr-cookie-modal-single li.active label path {
    fill: #b90808 !important;
}

.cookie-modal-open #ct-ultimate-gdpr-cookie-modal ul,
.cookie-modal-open #ct-ultimate-gdpr-cookie-modal ul {
    margin: 5px 0;
}

.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single [type=checkbox] {
    border: none;
    height: 25px;
    width: 50px;
    visibility: visible;
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin: 0;
    z-index: 1;
}

.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single .input-wrap {
    position: relative;
    width: 50px;
    height: 25px;
    margin: 4px auto 0;
    pointer-events: unset;
}

.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single .input-wrap::before {
    content: '';
    background: #fafafa;
    border: 1px solid #cbcbcb;
    width: 48px;
    height: 23px;
    display: block;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    transition: all 0.3s ease-in;
    pointer-events: unset;
}

.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single .input-wrap::after {
    content: '';
    background: #cbcbcb;
    border: 1px solid #ababab;
    width: 19px;
    height: 19px;
    display: block;
    border-radius: 10px;
    position: absolute;
    top: 2px;
    left: 3px;
    visibility: visible;
    transition: all 0.3s ease-in;
    pointer-events: unset;
}

.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single li.active .input-wrap::before {
    border-color: #b90808;
}

.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single li.active .input-wrap::after {
    border-color: #b90808;
    background: #b90808;
    left: 27px;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--info .ct-ultimate-gdpr-cookie-modal-single__info--desc:not(.open) {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--info {
    height: 95px;
    transition: height 2s ease-in-out;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--info:has(.open) {
    height: auto;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--title .title-block {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px 0 0;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--title .title-block.open::after {
    transform: rotate(180deg);
}


.ct-ultimate-gdpr-cookie-modal-content .ct-ultimate-gdpr-cookie-modal-single-wrap__inner--title .title-block h4 {
    line-height: 1;
    margin: 0 5px 0 0;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--title .title-block::after {
    content: '\f282';
    font-family: 'bootstrap-icons';
    font-size: 14px;
    padding: 2px;
    line-height: 1;
    color: #424242;
    font-weight: 600;
}

.ct-ultimate-gdpr-cookie-modal-single-wrap__inner--title .title-block.active::after {
    content: '\e90b';
}

.ct-ultimate-gdpr-cookie-modal-single-wrap {
    position: relative;
}

.ct-ultimate-gdpr-cookie-modal-slider-able,
.ct-ultimate-gdpr-cookie-modal-slider-not-able {
    position: relative;
}

#ct-ultimate-gdpr-cookie-modal .ct-ultimate-gdpr-cookie-modal-btn {
    z-index: 9;
}

.ct-ultimate-gdpr-cookie-modal-single__info--desc:not(.open) .ct-ultimate-gdpr-cookie-modal-slider-able::after,
.ct-ultimate-gdpr-cookie-modal-single__info--desc:not(.open) .ct-ultimate-gdpr-cookie-modal-slider-not-able::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 1;
    height: 45px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 75%);
}

#ct-ultimate-gdpr-cookie-modal-body .ct-ultimate-gdpr-cookie-modal-btn a,
.ct-ultimate-gdpr-cookie-skin-one #ct-ultimate-gdpr-cookie-modal-body .ct-ultimate-gdpr-cookie-modal-btn a {
    background-color: #ffffff;
    color: #4d4d4d;
    border: 2px solid #4d4d4d;
    border-radius: 6px;
    font-family: inherit !important;
    padding: 10px 20px;
    transition: all .3s ease-in-out;
    border-radius: 6px;
    text-decoration: none;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
}

#ct-ultimate-gdpr-cookie-modal-body .ct-ultimate-gdpr-cookie-modal-btn a:hover,
.ct-ultimate-gdpr-cookie-skin-one #ct-ultimate-gdpr-cookie-modal-body .ct-ultimate-gdpr-cookie-modal-btn a:hover {
    border: 1px solid #b90808 !important;
    color: #b90808 !important;
    text-decoration: none !important;
}

.ct-ultimate-gdpr-trigger-modal-round {
    background-color: transparent !important;
    border: 1px solid #b90808;
}

.ct-ultimate-gdpr-trigger-modal-round>span {
    color: #b90808;
}

/* end cookie override */

/* Main menu */
@media screen and (min-width: 1200px) {
    .pxl-nav-menu .pxl-menu-primary {
        display: flex;
        flex-flow: row wrap;
        gap: 0 40px;
        min-height: 80px;
        list-style: none;
        margin: 0;
        padding: 0;
        align-content: center;
    }

    .pxl-header-content .pxl-nav-menu .pxl-menu-primary>li {
        margin: 0;
    }

	.pxl-header-elementor-sticky .elementor .elementor-element .pxl-nav-menu .pxl-menu-primary > li > a,
    .pxl-nav-menu .pxl-menu-primary>li>a {
        line-height: 1.2 !important;
    }
}

.pxl-header-elementor-sticky .optimized-stickey .pxl-menu-primary>li {
    margin: 0;
}

body .pxl-header-elementor-sticky .elementor .elementor-element .optimized-stickey .pxl-menu-primary>li>a {
    line-height: 1.2;
}

/* END Main menu */

.home .pxl-item--author {
	display: none !important;
}

body .pxl-slider-carousel3 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    min-width: 26px;
    min-height: 26px;
}

body .pxl-slider-carousel3 .wp-arrow .pxl-swiper-arrow {
    line-height: 26px;
}

body.error404 #pxl-main .container {
    padding: 0;
}

body .error404 #pxl-content-main {
    padding: 95px 100px 130px;
    background-size: cover;
    background-repeat: no-repeat;
}

.pxl-hidden-template.pos-left.open .pxl-menu-primary .pxl-menu-toggle {
	width: 48px;
	height: 48px;
}

.pxl-hidden-template.pos-left .pxl-close span, .pxl-hidden-template.pos-right .pxl-close span, .pxl-hidden-template.pos-top .pxl-close span, .pxl-hidden-template.pos-full .pxl-close span {
    left: -80px;
}