/*
Theme Name: Dessau Child
Theme URI: https://dessau.qodeinteractive.com
Description: A child theme of Dessau Theme
Author: Select Themes
Author URI: https://themeforest.net/user/select-themes
Version: 1.0.1
Text Domain: dessau
Template: dessau
*/



.dabcn-contact-form *::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666666;
}
.dabcn-contact-form *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666666;
    opacity:  1;
}
.dabcn-contact-form *::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666666;
    opacity:  1;
}
.dabcn-contact-form *:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #666666;
}
.dabcn-contact-form *::-ms-input-placeholder { /* Microsoft Edge */
    color:    #666666;
}

.dabcn-contact-form *::placeholder { /* Most modern browsers support this now. */
    color:    #666666;
}

.dabcn-contact-form label{
    font-weight: 400;
}


.fa-star{
    color: #f6bb06;
}



.home .qodef-logo-wrapper a img,
.home .qodef-logo-wrapper a picture{
    display: none;
}

.qodef-btn.qodef-btn-solid{
    border-radius: 5px;
    letter-spacing: normal;
}

.qodef-portfolio-video-lightbox::before{
    color: #ffffff;
    content: "\25B6";
    opacity: 0.5;
    position: absolute;
    text-shadow: 0 3px black;
    z-index: 100;
    font-size: 50px;
    left: 50%;
    top: 50%;
}
.qodef-portfolio-video-lightbox:hover::before{
    opacity: 1;
}

.qodef-cc-hover-roll-over .qodef-cc-item .qodef-cc-hover-image{
    width: 100% !important;
}

aside.qodef-sidebar{
    padding-left: 30px;
}

@media screen and (max-width: 678px) {
    .logo-home img,
    .logo-home picture,
    .logo-home-footer img {
        width: 100px;
    }


    aside.qodef-sidebar{
        padding-left: 0;
    }

}

.qodef-logo-wrapper {
    display:inline-block;
    vertical-align:middle
}
.qodef-logo-wrapper a {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    max-width:100%
}
.qodef-logo-wrapper a img,
.qodef-logo-wrapper a picture {
    display: block;
    height:100%;
    width:auto;
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease
}
.qodef-logo-wrapper a .qodef-normal-logo{
    opacity:1
}
.qodef-logo-wrapper a .qodef-dark-logo{
    opacity:0;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.qodef-logo-wrapper a .qodef-light-logo{
    opacity:0;
    -webkit-transform:translateY(-200%);
    -ms-transform:translateY(-200%);
    transform:translateY(-200%)
}


.qodef-main-menu > ul > li > a:hover,
.qodef-main-menu > ul > li > a:active,
.qodef-main-menu > ul > li.qodef-active-item > a,
.qodef-drop-down .second .inner ul li a:hover .item_outer{
    color: #c2ad83 !important;
}

footer .widget.widget_nav_menu ul#menu-footer-legal-menu li,
footer .widget.widget_nav_menu ul#menu-footer-custom-menu li {
    display:inline-block;
    padding:15px 23px;
    text-transform:uppercase
}

footer .widget.widget_nav_menu ul#menu-footer-legal-menu li > a:hover,
footer .widget.widget_nav_menu ul#menu-footer-legal-menu li.current_page_item > a,
footer .widget.widget_nav_menu ul#menu-footer-custom-menu li > a:hover,
footer .widget.widget_nav_menu ul#menu-footer-custom-menu li.current_page_item > a{
    color: #c2ad83 !important;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item{
    display: flex;
}

.carousel-header-home img,
.carousel-header-home picture {
    max-height: 820px;
}

@media screen and (max-width: 678px) {
    .carousel-header-home img,
    .carousel-header-home picture {
        max-height: 40vh;
    }
}

.image-fit img,
.image-fit picture{
    width: auto;
    max-width: none;
    min-height: 100%;
}

.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn{
    background-color: #c2ad83 !important;
    border-color: #c2ad83 !important;;
}

.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn:hover{
    background-color: #b0945a !important;
    border-color: #b0945a !important;;
}

.home .ti-widget.ti-goog .ti-review-item{
    display: none;
}

.ti-widget.ti-goog .ti-review-item:first-child,
.ti-widget.ti-goog .ti-review-item:nth-of-type(2){
    display: block;
}

.ti-widget.ti-goog .ti-review-item > .ti-inner{
    padding: 20px 0 !important;
}

.open-new-tab-icon a::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
}

.qodef-shopping-cart-holder,
.qodef-side-menu-button-opener{
    display: none !important;
}

.qodef-ps-back-btn,
.qodef-post-info-author::after,
.qodef-post-info-category,
.qodef-post-info-date{
    display: none !important;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-main-menu > ul > li:last-child > a{
    padding-right: 0;
}

.header-page{
    padding: 300px 0;
}
@media screen and (max-width: 678px) {
    .header-page {
        padding: 200px 0 !important;
    }
}


.qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder{
    margin: -5px 0 0 !important;
}

    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder a{
        color: #999;
    }

@media screen and (max-width: 1368px) {
    .qodef-portfolio-list-holder .qodef-pl-item:nth-last-child(2) {
        display: none;
    } 
}

@media screen and (max-width: 1442px) {
    .qodef-portfolio-list-holder .qodef-pl-item:last-child{
        display: none;
    } 
}


.qodef-portfolio-list-holder article .qodef-pli-image img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.qodef-portfolio-list-holder.qodef-pl-gallery-overlay article .qodef-pli-link{
    cursor: pointer !important;
}

.qodef-portfolio-list-holder article .qodef-pli-text{
    text-align: center;
}

.qodef-elements-holder .qodef-eh-item.bg-auto-center{
    background-size: auto !important;
    background-repeat: repeat !important;
}

.qodef-instagram-feed li img{
    aspect-ratio: 1;
}

.qodef-blog-holder .qodef-owl-slider{
    max-width: 500px;
}

.whatsapp-shortcut, .email-shortcut{
    position: fixed;
    height: auto;
    bottom: 85px;
    right: 25px;
    margin: 0;
    z-index: 10000;
    display: none;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
}
.email-shortcut{
    bottom: 145px;
}

.whatsapp-shortcut span,
.email-shortcut span {
    display: block;
    padding: 0px;
    border-radius: 30px;
    line-height: 38px;
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #363636;
    border: 1px solid #363636;
    text-decoration: none;
    text-align: center;
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,color .2s ease-in-out;
}

#qodef-back-to-top > span:hover{
    height: 39px !important;
    line-height: 40px !important;
}

.whatsapp-shortcut > span:hover,
.email-shortcut > span:hover{
    background-color: #1b1b1b;
    border: 1px solid #1b1b1b;
    border-radius: 20px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}


ul.products > .product .qodef-pl-text-wrapper{
    margin: 0 0 21px !important;
}


.woocommerce ul.products > .product .qodef-product-list-title{
    line-height: 1;
}

.woocommerce ul.products > .product .qodef-pl-category{
    display: none !important;
}


.qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner.qodef-grid{
    padding: 5px 0 !important;
}

footer .widget{
    margin-bottom: 0 !important;
}

footer .widget .contact-info{
    margin-top: 10px;
}

footer .widget .footer-bottom-text{
    margin: 0px;
}

@media screen and (min-width: 991px) {

    .vertical-text{
        position: relative;
    }
    .vertical-text h3{
        writing-mode: sideways-lr;
        position: absolute;
        width: 100%;
        font-size: 60px !important;
        left: -100px;
        top: 80px;
    }
}

@media screen and (max-width: 678px) {
    .qodef-btn.qodef-btn-dessau .qodef-btn-plus{
        left: -19px;
    }

    .bg-xs-auto:before{
        content: '';
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 99;
        background-image: url("https://dev.digitalagencybarcelona.com/vhydezign/wp-content/uploads/2024/02/p-about-me-title-img-1-3-scaled.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    footer .widget.qodef-footer-column-1.widget_nav_menu {
        display: none;
        display: none;
    }
}

.qodef-responsive-mode-768 {
    text-align: center;

}

.qodef-responsive-mode-768 img{
    margin: 0 auto;
}

footer .qodef-footer-top-holder {
    background-image: url("https://dev.digitalagencybarcelona.com/vhydezign/wp-content/uploads/2024/02/celocia-1.png");
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: auto;
}