/*
 Theme Name: Divi BMP
 Description: Divi Child Theme
 Author: Association St-Camille
 Author URI: https://www.st-camille.ch
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
@import url(css/utility-classes.css);
@import url(css/mobile-menu-collapsing.css);
@import url(css/modal-box.css);
@import url(css/accordion.css);


#et-main-area a {
    color: #3c85e2 !important;
}

/*-----------------------HEADER------------------*/
a.trigger-modal-box,
a.logout-link {
    display: flex !important;
    justify-content: center;
    align-items: center;
}


#et-top-navigation {
    padding-left: 150px !important;
}

#et-info-email:before,
#et-info-phone:before {
    background: #3c85e2;
    padding: 3px;
    border-radius: 3px;
    color: white;
}

#top-menu a:hover {
    color: #3c85e2 !important;
}

#top-header span:hover,
#top-header a:hover {
    color: #3c85e2;
}

.current_page_item>a {
    color: #3c85e2 !important;
}

.et_mobile_menu {
    position: fixed;
}

.et_mobile_menu .menu-item-has-children>a {
    background-color: white;
}

#mobile_menu .menu-item-has-children>a::after {
    font-family: 'ETmodules';
    content: "3";
    font-size: 16px;
    position: relative;
    right: 0;
    top: 0;
    font-weight: 800;
}

.et-fixed-header #top-menu .sub-menu a {
    color: #fff !important;
}

.et-fixed-header #top-menu .sub-menu a:hover {
    color: #3c85e2 !important;
}

/*-----------------------END HEADER------------------*/

/*-----------------------FOOTER------------------*/
footer h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 60px;
    height: 3px;
    background: #3c85e2;
}

/*-----------------------END FOOTER------------------*/


/*-----------------------MASTER SLIDER------------------*/

.sub-title3 {
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.sub-title2 {
    color: #fff;
    font-size: 17px !important;
}

@media (max-width: 620px) {
    .sub-title3 {
        line-height: 20px !important;
    }

    .sub-title2 {
        font-size: 10px !important;
        line-height: 60px !important;
    }
}

/*-----------------------END MASTER SLIDER------------------*/


/*-----------------------CONTAINER------------------*/

.breadcrumb:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 60px;
    height: 3px;
    background: #3c85e2;
}

.et_pb_section .et_pb_with_border.et_pb_row.et_pb_gutters1 {
    display: flex;
    flex-wrap: nowrap;
}

/*-----------------------END CONTAINER------------------*/


/*-----------------------DOCUMENTS ARCHIVE------------------*/



/* .documents {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
} */

/* .documents__link-to-single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid #3c85e2;
    background-image: linear-gradient(180deg, #2b87da 0%, #3372c2 100%);
    background: #3c85e2;
}

.documents__title {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
} */

/* @media (min-width: 380px) {
    .documents {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 530px) {
    .documents {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 960px) {
    .documents {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 6rem 1.5rem;
    }
}

@media (min-width: 1200px) {
    .documents {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
} */

/*-----------------------END DOCUMENTS ARCHIVE------------------*/

/*-----------------------END CONTAINER------------------*/


/*-----------------------ICONS------------------*/
/* .documents__icon {
        max-width: 100px;
        height: auto;
        width: 100%;
    } */

/*-----------------------END ICONS------------------*/


/*-----------------------DOCUMENTS------------------*/

.docx article h2.entry-title a::before,
.logged-in .docx article h2.entry-title a::before {
    content: url(https://divi.aegn.ch/wp-content/themes/divi-child/images/folder1.svg);
    width: 100px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.et-db #et-boc .et-l .et_pb_blog_grid .et_pb_post {
    padding: 0px;
}

p.post-meta {
    display: none !important;
}

h2.entry-title {
    padding-bottom: 0px;
}

h2.entry-title a {
    display: block;
    padding: 19px;
}

/* #single-document-group .documents {
    display: flex;
} */

#single-document-group li.document-item.shadow.transition-ease.b-rad.mbs {
    display: block;
    border: #2ea3f2;
    border-style: solid;
    max-width: 500px;
    width: 100%;
}

#single-document-group a.document-link.ps {
    display: flex;
}

#single-document-group a.document-link.ps h2 {
    color: #00557F;
    margin-left: 10px;
    padding-bottom: 0px;
    font-size: 14px;
}

#single-document-group .dashicons-media-document:before {
    display: block;
    position: relative;
    top: -3px;
    left: -5px;
    font-size: 20px;
}

a.toggle.ps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: #3c85e2;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 2px;*/
}

.accordion li:first-child a {
    border-radius: 10px 10px 0px 0px;
}

.accordion li:last-child a {
    border-radius: 0px 0px 10px 10px;
}

li:last-child ul.inner.mtxs.show-pannel {
    border-radius: 0px 0px 10px 10px;
}

span.dashicons.dashicons-plus-alt2 {
    color: white;
}

span.dashicons.dashicons-minus {
    color: white;
}

a.toggle.ps h2 {
    color: white;
    margin-right: 300px;
    padding-bottom: 0px;
    font-size: 18px;
}

li.document-item {
    display: ruby-text;
    margin-top: 15px;
    margin-right: 30px;
}

ul.inner.mtxs {
    margin-top: 0px;
}

ul.inner.mtxs {
    margin-top: 0px;
    border-style: solid;
    border-color: #3c85e2;
    border-width: 2px;
    border-top: none;
}

a.document-link.mls.mbxs.transition-ease h3 {
    color: #00557F;
    font-size: 14px;
}

span.mrxs.icon-document.dashicons.dashicons-media-document {
    color: #00557F;
}

a.document-link.mls.mbxs.transition-ease {
    display: flex;
}

@media screen and (max-width: 980px) {
    a.toggle.ps h2 {
        margin-right: 10px;
    }
}

/*-----------------------END DOCUMENTS------------------*/