/* 
 Theme Name:   PublicProtectionNL Divi-Child
 Description:  A Divi child theme for use on the Public Protection NL website.
 Author:       admin
 Author URI:   https://publicprotectionnl.com
 Template:     Divi
 Version:      1.0
*/

/* =============================
   GENERAL STYLES
============================= */

/* Hide image titles on hover */
img {
    pointer-events: none;
}

/* Animation tweaks */
.et_pb_scroll_top.et-visible {
    animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
}

.et_pb_scroll_top.et-hidden {
    opacity: 0;
    animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
}

/* UL text positioning */
ul {
    list-style-position: outside;
}

/* Global UL styles */
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    list-style-type: disc;
    padding: 0 0 23px 1em;
    line-height: 26px;
    list-style-position: inside;
}

/* =============================
   HEADER STYLES
============================= */

/* MENU: Search box */
.et_pb_menu__search-input, #page-container .et_pb_menu__search-input::-webkit-input-placeholder {
    color: #000000 !important;
    background: #FFFFFF !important;
    border-radius: 30px;
    line-height: 2em;
}

/* MENU: Style second line text (span tag) */
.nav li a span, .tc_job_title span {
    display: block;
}

/* Dropdown menu width adjustment */
.et_mobile_menu {
    width: 350px;
    white-space: nowrap; /* Prevent text wrapping */
}

/* "Back to Top" button */

.et_pb_scroll_top {
    border: solid;
    border-width: 6px;
    border-color: #FFFFFF;
    
}

.et_pb_scroll_top:after {
    content: "Back to top";
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    padding: 5px;
}

/* Last modified date in Header (Code Module) */
.et_pb_code_inner {
    font-size: 0.8em;
    color: #0c71c3;
    text-align: left;
    margin-top: 5px;
}

/* Show hamburger menu on desktop */
@media (min-width: 980px) {
    .et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
        display: none;
    }
    .et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        margin: 0 6px;
    }
    .et_pb_menu .et_mobile_nav_menu li {
        list-style-type: none;
    }
}

/* =============================
   FOOTER STYLES
============================= */

/* Footer Partner Logo Links */
div.footer-logos ul, div.footer-logos li, div.mobile-footer-logos ul, div.mobile-footer-logos li {
    list-style-type: none;
}

div.footer-logos ul, div.mobile-footer-logos ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}

div.footer-logos ul > li, div.mobile-footer-logos ul > li {
    height: 2.5em;
}

div.footer-logos ul > li img, div.mobile-footer-logos ul > li img {
    width: auto;
    height: 3em;
    padding-left: 2em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* Vertical menu style */
.pa-vertical-menu .et-menu > li {
    padding-left: 0;
    padding-right: 0;
}

.pa-vertical-menu .et_pb_menu__menu nav ul li {
    display: block;
    width: 100%;
    margin: 10px 0;
}

/* =============================
   MOBILE DEVICE STYLES
============================= */

/* Remove boxed layout on small screens */
@media all and (max-width: 600px) {
    div#page-container, header#main-header, div#top-header {
        width: 100% !important;
    }
}

/* Adjust column stacking order */
@media all and (max-width: 980px) {
    .custom_row {
        display: flex;
        flex-wrap: wrap;
    }
    .first-on-mobile {
        order: 1;
    }
    .second-on-mobile {
        order: 2;
    }
    .third-on-mobile {
        order: 3;
    }
    .fourth-on-mobile {
        order: 4;
    }
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
}

/* =============================
   EVENTS LIST
============================= */

/* Callout box size */
.col-md-2 {
    width: 20%;
}

.decm_event_display_0 .callout-box-grid, 
.decm_event_display_0 .callout-box-cover, 
.decm_event_display_0 .callout-box-list {
    background-color: #6b077b !important;
    margin: 5px !important;
    padding: 5px;
}