/*
 Theme Name:     Divi CDG88
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/




.et_pb_post_content_0_tb_body.et_pb_post_content a {
    color: var(--secondary-theme-color);
}


.et_pb_sticky .et_pb_button_0_tb_header_wrapper {
    margin-top: 10px !important;
}
#linked-articles{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin: 2vh 0 2vh 0;
    background : white;
    border-radius: 10px;
    min-height: 10vh;
    width : 100%;
}
.swiper-pagination-bullet-active {
    background-color: var(--third-theme-color) !important;
}
.swiper-button-prev,.swiper-button-next{
    color: var(--third-theme-color) !important;
}
.swiper{
    border : 0;
    border-radius : 15px;
}
.card-contents {
    position: relative;
    transition: opacity 0.3s ease-out;
}
.card-description {
    position: relative;

}
.card-description-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, RGBA(0,0,0,0) 0%,RGBA(0,0,0,1) 100%);
    padding: 70px 10px 10px 10px;
}
.card-description-content h1{

    color: #ffffff;
    text-shadow: none;
    line-height: 1.4;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 500;
    white-space:pre;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0;
}

.card-description-content p{

    color: RGBA(255,255,255,0.8);
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
}
.card-description-content ul {
    list-style-type: none;
    padding: 0 0 30px 0em;
}

.card-description-content ul>li {
    display: inline;
}

.card-description-content ul>li>a {
    color: var(--third-theme-color);
    font-size: 75%;
    text-shadow: none;
    line-height: 1.4;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: 2px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;

}


.et_pb_sticky .et_pb_button_0_tb_header_wrapper {
    margin-top: 10px !important;
}

/* box-shadow : 0px 5px 20px 1px rgba(104, 125, 184, 0.15); */

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}

/* hide search bar in menu item on desktop */
@media only screen and (min-width: 981px) {
    .hide_desktop {
        display: none !important;
    }
}

/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
    letter-spacing: 1px;
    font-variant: none !important;
    padding: 10px 0 !important;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: var(--main-theme-color);
    background: #f0f3f6;
    border-radius: 50%;
    padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}

ul.et_mobile_menu > li.mega-menu > ul > li > a:first-child {
    font-weight: normal !important;
    font-variant: none;
    width: 90% !important;

}
.et_pb_menu_1_tb_header.et_pb_menu ul li a {
    font-weight: 300;
    font-variant: none !important;
    font-size: 18px;
    letter-spacing: 1px;
}
/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
    position: relative;
    display: block;
    bottom: 5px;
    line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff!important;
    border-radius: 10px;
}


/* Liens rapides */
.grid-lien-rapide {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 50px;
    align-items: stretch;
    min-height: 25vh;
}

.grid-lien-rapide  > .bloc-lien-rapide {

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    text-align: center;
    transition: transform 300ms ease 0ms;
}
.bloc-lien-rapide-icone{
    min-height: 10vh;
    padding-top: 20px;
}
.grid-lien-rapide  > .bloc-lien-rapide:hover {
    transform: scaleX(1.05) scaleY(1.05)!important;
}

.grid-lien-rapide  > .bloc-lien-rapide i {
    font-size: 60px;
    line-height: 70px;
    height: 80px;
    width: 80px;


    text-align: center;
    color: var(--secondary-theme-color);

}

.grid-lien-rapide  .bloc-lien-rapide-content {
    padding: 16px 20px 30px;
    height: 15vh;
}


.grid-lien-rapide  .bloc-lien-rapide-content p {
    color : var(--secondary-theme-color);
}


/* Liens rapides 2*/
.grid-lien-rapide_2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 20px;
    align-items: stretch;
    min-height: 15vh;
    padding: 0 5% 0 5%;
}

.grid-lien-rapide_2  > .bloc-lien-rapide_2 {

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    text-align: center;
    transition: transform 300ms ease 0ms;
    border-radius: 25px;
}
.bloc-lien-rapide-icone_2{
    min-height: 10vh;
    padding-top: 20px;
}
.grid-lien-rapide_2  > .bloc-lien-rapide_2:hover {
    transform: scaleX(1.05) scaleY(1.05)!important;
}

.grid-lien-rapide_2  > .bloc-lien-rapide_2 i {
    font-size: 60px;
    line-height: 70px;
    height: 80px;
    width: 80px;
    text-align: center;
    color: var(--main-theme-color);

}

.grid-lien-rapide_2  .bloc-lien-rapide-content_2 {
    padding: 16px 20px 30px;
    min-height: 10vh;
}


.grid-lien-rapide_2  .bloc-lien-rapide-content_2 h4{
    color : var(--main-theme-color);
}

.divider-liens-rapides-2{
    margin-top : 10%;
    width : 30%;
    color : var(--main-theme-color);
}

/* Child pages */
.grid-child-page {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    grid-gap: 50px;
    align-items: stretch;
    min-height: 5vh;
}
.grid-child-page  > .bloc-child-page {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin: auto;
    background : white;
    border-radius: 10px;
    min-height: 10vh;
    width : 100%;
}

.grid-child-page  > .bloc-child-page:hover{

    transition: transform 500ms ease 0ms;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background : var(--secondary-theme-color);

}


.grid-child-page  .bloc-child-page a h3 {
    color : var(--main-theme-color) !important;
    padding: 5%;
    min-height: 10vh;
}
.grid-child-page  > .bloc-child-page a h3:hover {
    color : white !important;

}
/* Outils collectivités */
.grid-outil-collectivite {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(365px, 1fr));
    grid-gap: 45px 20px;
    align-items: stretch;
}

.grid-outil-collectivite  > .bloc-outil-collectivite {
    max-width: 80vw;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    text-align: center;
    transition: transform 300ms ease 0ms;
}

.grid-outil-collectivite  > .bloc-outil-collectivite:hover {
    transform: scaleX(1.05) scaleY(1.05)!important;

}

.grid-outil-collectivite  > .bloc-outil-collectivite i {
    font-size: 40px;
    line-height: 70px;
    height: 80px;
    width: 80px;
    border: 6px solid white;
    border-radius: 50%;
    background-color: var(--secondary-theme-color);
    text-align: center;
    color: white;
    margin-top: -36px;
}

.grid-outil-collectivite  .bloc-outil-collectivite-content {
    padding: 16px 20px 30px;
}


.grid-outil-collectivite  .bloc-outil-collectivite-content p {
    color : var(--secondary-theme-color);
}


/* outil-collectivite 2*/
.grid-outil-collectivite_2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    row-gap: 80px;
    column-gap: 150px;
    align-items: stretch;
    min-height: 15vh;
    padding: 0 5% 0 5%;
}

.grid-outil-collectivite_2  > .bloc-outil-collectivite_2 {

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    text-align: center;
    transition: transform 300ms ease 0ms;
    border-radius: 25px;
    background-color: #FFFFFF;
}
.bloc-outil-collectivite_2{
    min-height: 10vh;
    padding-top: 20px;
}
.grid-outil-collectivite_2  > .bloc-outil-collectivite_2:hover {
    transform: scaleX(1.05) scaleY(1.05)!important;
}

.grid-outil-collectivite_2  > .bloc-outil-collectivite_2 i {
    font-size: 60px;
    line-height: 70px;
    height: 80px;
    width: 80px;
    text-align: center;
    color: var(--secondary-theme-color);

}

.grid-outil-collectivite_2  .bloc-outil-collectivite-content_2 {
    padding: 16px 20px 30px;
    min-height: 10vh;
}


.grid-outil-collectivite_2  .bloc-outil-collectivite-content_2 h4{
    color :var(--secondary-theme-color);
}

.grid-outil-collectivite_2  .bloc-outil-collectivite-content_2 p{
    color :var(--main-theme-color);
}

#infos-sup {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin: 3vh 0 3vh 0;
    padding: 3% 5% 3% 5%;
    background : white;
    border-radius: 10px;
    min-height: 10vh;
    width : 100%;
    font-size: 16px;
}
#infos-sup p {
    padding: 5px 0;
}
#infos-sup a {
    color : #666 !important;
}
#infos-sup a:hover {
    color : var(--secondary-theme-color)!important;
}
#infos-sup h1 {
    color : var(--main-theme-color) !important;
}
#medias-sup {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin: 0vh 0 3vh 0;
    padding: 3% 5% 3% 5%;
    background : white;
    border-radius: 10px;
    min-height: 10vh;
    width : 100%;
}
#medias-sup-title{
    display : flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}
#medias-sup-title>h1{
    padding-bottom: 0;
    color : var(--main-theme-color) !important;
}
#medias-sup-title>i{
    font-size: 20px;
    color: #E94059;
}
.ressources-utiles{
    display : flex;
    align-items: center;
    color: #666;
    font-size: 16px;
    padding: 5px 0;
}


.ressources-utiles>i{
    color: var(--secondary-theme-color) !important;
    font-size: 18px;
    margin-right: 10px;
}
.ressources-utiles>a{
    color: #666 !important;
}
.ressources-utiles>a:hover{
    color: var(--secondary-theme-color) !important;
}
#infos-contact{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin: 0vh 0 3vh 0;
    padding: 3% 5% 3% 5%;
    background : white;
    border-radius: 10px;
    min-height: 10vh;
    width : 100%;
    font-size: 16px;
}

#infos-contact h1 {
    color : var(--main-theme-color) !important;
}
.contactIcone {
    display : flex;
    align-items: baseline;
    padding: 5px 0;
}
.contactIcone>span{
    margin-left: 10px;
}
.contactIcone>a{
    margin-left: 10px;
    color : #666 !important;
}
.contactIcone>i{
    color : var(--secondary-theme-color) !important;
    font-size: 18px;
}
/* Calendar */

#evcal_cur{
    font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif;
    color : var(--main-theme-color) !important;
    letter-spacing: 0.1em;
}
.evo_header_title {
    display: flex;
    align-items: flex-start;
}

.evo_header_title::after {
    content: '';
    height: 1px;
    background-color: var(--main-theme-color);
    flex-grow: 1;
}

.evo_header_title::after {
    margin-left: var(--text-divider-gap);
}





#mobile_menu2{
    max-height: 100vh;
    overflow: scroll;
}

li.mega-menu > ul > li > a, #top-menu li > ul > li > a {
    padding: 7px 5px 7px;
}

/* default or centered style header mega menu alignment */
.et_header_style_left #top-menu li.mega-menu > ul {
    left: auto!important;
    right: 0;
}

.et_header_style_centered #top-menu li.mega-menu > ul {
    left: auto!important;
}

.et_header_style_centered #top-menu > li:last-child.mega-menu > ul {
    left: auto!important;
    right: 0!important;
}


/* first row of titles */
li.mega-menu > ul > li > a:first-child {
    font-weight: bold !important;
    width: 80% !important;
}
li.mega-menu > ul > li > a:first-child:hover {
    color : var(--secondary-theme-color) !important;
}
/* sub-menu items - 2nd level */
.nav li li li a {
    font-size: 14px !important;
}

li li a {
    padding: 0px 5px !important;
    font-weight: 300 !important;
    text-transform: none !important;
}

.et_mobile_menu li a {
    border-bottom: 1px solid rgba(0,0,0,.03);
    color: #666;
    padding: 10px 0%;
    display: block;
}

/* drop down menu items on hover */
.nav ul li a:hover {
    opacity: 1 !important;
    background-color: rgba(150,150,150,0.3) !important;
}
.nav ul li a {
    text-transform: none;
}



.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_1_tb_header.et_pb_menu .nav li ul {
    background-color: #ffffff!important;
    border-color: rgba(0,0,0,0);
    border-radius: 0 0 25px 25px;
}
.et-menu-nav li.mega-menu>ul>li {
    width: 25%;
    margin: 0 0 15px 0;
}



.sub-menu>li>.sub-menu>li>a {
    width: 100% !important;
}
.sub-menu>li>.sub-menu>li {
    width: 100% !important;
}

.et-menu-nav li.mega-menu li>ul{
    width: 100% !important;
}

.wp-block-details summary {
    cursor: pointer;
    font-size: 28px;
    line-height: 40px;
    font-family: 'Barlow', serif;
}