/*
Theme Name: Bridge
Theme URI: https://bridgelanding.qodeinteractive.com/
Description: Creative Multipurpose WordPress Theme
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Qode Interactive
Author URI: https://qodeinteractive.com/
Text Domain: bridge
Version: 29.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@font-face {
    font-family: 'Gantari';
    font-weight: 100;
    src: url("css/theme-fonts/Gantari-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Gantari';
    font-weight: 500;
    src: url("css/theme-fonts/Gantari-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'Gantari';
    font-weight: 900;
    src: url("css/theme-fonts/Gantari-Black.ttf") format('truetype');
}

*:not(.qode_icon_font_elegant) {
    font-family: 'Gantari'!important;
}

.columns-privacy label {
    font-size: 12px;
    color: #FFFFFF;
}


















/* fix: the navbar is displayed to the right of the logo  */
.header_bottom .mobile_menu_button {
    float: right;
    height: 100px;
    margin: 0 0 0 20px;
}
/* fix: text under main title more compact */
[data-id="2fe2fd7"] p {
    margin-bottom: -5px;
}

html .header__burger {
    width: 30px;
    height: 35px;
}
.header__burger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 30px;
    height: 20px;
    cursor: pointer;
    pointer-events: initial;
    vertical-align: middle;
}
html .header__burger-line {
    height: 3px;
    margin-top: 5px;
    margin-bottom: 4px;
}
.header__burger-line {
    width: 100%;
    height: 2px;
    background-color: #888888;
    margin-top: 3px;
    margin-bottom: 3px;
    /*background-color: black;*/
    transform: rotate(0deg) translateY(0px);
    will-change: transform;
    transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/* fix title portfolio */
.title .title_subtitle_holder {
    width: 66%;
}
.portfolio_container .column1 {
    color: #000;
}

[data-id="ea03a62"] label {
    display: flex;
    align-items: flex-start;

}
/* color arrows */
.portfolio_next .fa-angle-right,
.portfolio_prev .fa-angle-left {
    color: black;
}
/* fix control box contacts form */
#wpcf7-f2021-p9-o1 span[data-name="privacy"] input[type="checkbox"] {
    min-width:13px;
    min-height: 13px;
}
/* fix: mobilemenu:mobile-menu.php */


html .portfolio_navigation {
    width: 66%;
}

@media (min-width: 1260px) {
    .title {
        padding-bottom: 30px;
    }
}
/* fix title "DI CREATIVITI" */
@media (max-width: 1000px) {
    html [data-id="f92d657"] .elementor-heading-title {
        width: 94%;
    }
    #block-3>p {
        display: flex;
        margin-bottom: revert;
        /* margin-bottom: 15px;*/
    }
    /* FIXME: display social icon on mobile on menu
    html .vertical_menu_area_widget_holder {
        margin-top: 15px !important;
    }

    html .q_social_icon_holder .simple_social,
    html .q_social_icon_holder .simple_social:hover {
        color: #bcbcbc !important;
    }*/

    /* fix logo */
    .header_bottom .mobile_menu_button {
        height: 70px;
    }
    /* menu height */
    html .logo_wrapper {
        height: 70px !important;
    }
    html div.q_logo a {
        height: 50px !important;
    }
    .q_social_icon_holder .simple_social,
    html .vertical_menu_area_widget_holder *{
        color: #888 !important;
    }
    nav.mobile_menu>ul:last-child {
        margin-top: 1rem;
    }


}
@media (max-width: 767px) {
    html [data-id="f92d657"] .elementor-heading-title {
        width: calc(94% + 30px);
    }
    /* fix premi */
    .elementor-element-8c8d469 .elementor-column {
        width: 50%;
    }

    /* TODO: fix background */
    html .page-id-9.transparent_content {
        background-size: auto;
        background-position: top;
        background-repeat: repeat;
        background-attachment: fixed;
    }
}
@media (max-width: 600px) {
    html [data-id="f92d657"] .elementor-heading-title {
        width: 77%;
    }
    html .portfolio_navigation{
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    html [data-q_id="#home"] {
        width: 320px;
    }
}
@media (min-width:319px) and (max-width: 480px ) {
    html [data-id="f92d657"] .elementor-heading-title {
        width: 100%;
    }
}

/* fix white button */
@media (max-width: 1260px) and (min-width: 600px){
    #wpcf7-f2021-p9-o1 form input.wpcf7-submit {
        padding: 0 44px;
    }
}

/* fix white button */
@media (max-width: 1060px) and (min-width: 1000px), (min-width: 601px) and (max-width: 768px) {
    #wpcf7-f2021-p9-o1 form input.wpcf7-submit {
        padding: 0 22px;
    }
}