/*
 Theme Name: The Frame
 Theme URI:
 Description: The Frame
 Author: Boris
 Author URI:
 Template: Divi
 Version: 1.0.0
*/

/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #1E1D1C;
}

#main-content {
    background-color: #1E1D1C !important;
} 

@media (max-width: 980px) {

    header .et_pb_column_0_tb_header,
    header .et_pb_column--with-menu {
        width: auto !important;
    }

    header .et_mobile_menu {
        left: 0;
        width: 100%;
        transform: translateX(0%);
    }

    header .et_pb_menu_inner_container,
    header .et_pb_menu_0_tb_header.et_pb_menu,
    header .et_pb_column--with-menu {
        position: unset;
    }

    header .et_pb_column_0_tb_header {
        width: 70% !important;
    }
    header .et_pb_column--with-menu {
        width: 30% !important;
    }

    .et_pb_menu .et_mobile_nav_menu {
        margin: 0 !important;
    }

    footer .et_pb_menu .et_pb_menu__menu {
        display: block !important;
    }

    footer .et_mobile_nav_menu {
        display: none !important;
    }
   
    header .et_pb_column {
         margin-bottom: 0 !important;
    }

    .mobile_menu_bar {
        top: -4px;
    }

    header .et_pb_menu_0_tb_header.et_pb_menu .nav li ul, 
    header .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, 
    header .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
        background-color: gray !important;
    }
}