/*
 Theme Name: Divi Child
 Description: Child theme for Divi
 Author: Marine UIDesign
 Template: Divi
 Version: 1.0.0
 Text Domain: divi-child
*/

/* Put your custom CSS below */

h1{
	font-size:56px;
}
h2{
	font-size: 34px;
}
h3{
	font-size: 28px;
}
/*MENU*/
/*menu mobile avec une taille fixe et un scroll*/
.et_mobile_menu {
	overflow-y: auto;
   	height: 650px;
	width: max-content;
	right: 0;
	left:auto;
}
/*Tableau horaire page permanence*/
.horaires {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    font-family: Arial, sans-serif;
    text-align: center;
}

.horaires th {
    background: #f2f2f2;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}

.horaires td {
    padding: 15px;
    min-width: 120px;
}

.periode {
    background: #e6e6e6;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
}

.ouvert {
    background: #ffd84d;
    font-weight: bold;
}

.vide {
    background: transparent;
}
/*Tableau permanance mairie page permanence*/
.infos-mairie {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    font-family: Arial, sans-serif;
}

.infos-mairie td {
    padding: 12px 16px;
    vertical-align: middle;
}

.infos-mairie .jour {
    width: 230px;
    background: #f3f3f3;
    font-weight: bold;
    border-left: 5px solid #ffd84d;
    border-radius: 4px;
}

.infos-mairie .jour span {
    font-weight: normal;
    color: #444;
}

.infos-mairie .elu {
    background: #fafafa;
    border-radius: 4px;
    color: #333;
}

.infos-mairie tr:hover .jour,
.infos-mairie tr:hover .elu {
    background: #f8f8f8;
    transition: .2s;
}

@media (max-width: 700px) {
    .infos-mairie,
    .infos-mairie tbody,
    .infos-mairie tr,
    .infos-mairie td {
        display: block;
        width: 100%;
    }

    .infos-mairie tr {
        margin-bottom: 12px;
    }

    .infos-mairie .jour {
        margin-bottom: 4px;
    }
}

/*RESPONSIVE*/
@media only screen and (max-width: 980px) {
	h1{	font-size:36px !important;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 24px;
	}
.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        padding: 24px;
    }
}