/*
Theme Name:     Transparency International AT (Divi Child)
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes / Modification m-designworx
Author URI:     https://www.elegantthemes.com /  https://m-designworx.com
Template:       Divi
Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
    font-family: 'foliobold';
    src: url('fonts/folio_bold_condensed_bt-webfont.eot');
    src: url('fonts/folio_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/folio_bold_condensed_bt-webfont.woff2') format('woff2'),
    url('fonts/folio_bold_condensed_bt-webfont.woff') format('woff'),
    url('fonts/folio_bold_condensed_bt-webfont.ttf') format('truetype'),
    url('fonts/folio_bold_condensed_bt-webfont.svg#foliobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'foliobold';
    src: url('fonts/folio_bold_condensed_bt-webfont.eot');
    src: url('fonts/folio_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/folio_bold_condensed_bt-webfont.woff2') format('woff2'),
    url('fonts/folio_bold_condensed_bt-webfont.woff') format('woff'),
    url('fonts/folio_bold_condensed_bt-webfont.ttf') format('truetype'),
    url('fonts/folio_bold_condensed_bt-webfont.svg#foliobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: #3695D8;
}

/* Text */
h1, h2, h3, h4, h5, h6 {
    font-family: 'foliobold';
    line-height: 1em;
    text-transform: uppercase;
    color: #2699FB !important;
}


h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
    font-size: 45px !important;
}

h2 {
    font-size: 30px !important;
    margin-bottom: 15px;
}

h4{
    font-family: 'zona_probold';
    letter-spacing: 0px;
    margin-top: 25px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px){
    h3, h4, h5, h6 {
        font-size:13px !important;
    }
}

/* ROW */

.et_boxed_layout #page-container, .et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header, .et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container #main-header, .et_fixed_nav.et_boxed_layout #page-container #top-header, .et_fixed_nav.et_boxed_layout #page-container #main-header, .et_boxed_layout #page-container .container, .et_boxed_layout #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {
    max-width: 1441px;
}
/* Knobbls */

.blue-boxes-row .et_pb_blurb_content {
    min-height: 670px;
}


.et_pb_main_blurb_image {
    margin-bottom: 10px;
}
.et_pb_module_header {
    font-family: 'foliobold';
    line-height: 1em;
    text-transform: uppercase;
    padding: 0px 25px 10px 25px;
    border-bottom: 4px solid #ffffff;
    margin-bottom: 20px;
}

.et_pb_blurb_description{
    padding: 0px 25px 25px 25px;
}
.block-button, .et_pb_promo_button{
    width: 100% !important;
}

.block-knobbls article {
    height: 400px !important;
}

.block-knobbls-2 {
    min-height: 500px !important;
}

.block-knobbls-2 img{
    max-height: 200px !important;
    object-fit: cover;
}


/* Menu */
#top-menu li {
    padding-right: 0px;
}
.nav li ul {
}
#main-header .nav li ul a {
    /*font-family: 'foliobold';*/
    font-size: 15px;
    color: #ffffff !important;
    padding: 5px;
}
#main-header .nav li {
/*    border-bottom: 1px solid white;*/
}

/* MENU Hamburger */

li.hamburger_container {
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #d7d7d7;
    padding-left: 15px;
    font-weight: bold;
    color: #ffffff !important;
}

/*** show hamburger icon ***/
.hamburger:before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.6em;
    text-transform: none;
    speak: none;
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    vertical-align: -11px;
    padding-right: 3px;
    font-size: 32px; /*change size of icon here*/
    content: "\61"; /*change icon here*/
    color: #ffffff;
}
#top-menu li#menu-item-5393 a {
    font-family: 'foliobold' !important;
    font-size: 18px;
    text-transform: uppercase;
}

li#menu-item-5393 {
    background-color: #e5007d;
    padding-top: 25px;
    padding-bottom: 0px important;
    text-transform: uppercase;
    padding-left:15px !important;
    padding-right:15px!important;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 25px 0 0 0;
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 25px !important;
}

/* Slider */
.et_pb_bg_layout_dark.et_pb_slider_with_overlay .et_pb_slide_overlay_container, .et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {
    background-color: rgba(255,255,255,1);
}

.news-slider .et_pb_slide {
    padding:0px; 
}

/* Footer */

.bottom-nav li {
    font-size: 22px;
}