/*
 Theme Name:     Martiniault
 Theme URI:      https://martiniault.fr/
 Description:    Thème enfant basé sur le thème Divi
 Author:         Pierre Fatoux
 Author URI:     https://pierre-fatoux.fr/
 Template:       Divi
 Version:        1.0.0
*/

/*---------- MENU ----------*/

.marti-menu-btn a {
	background-color: #CF003D;
 	padding: 10px 12px !important;
	border:2px solid #CF003D;
 	border-radius: 3px;
 	text-transform: uppercase;
 	color: #fff !important;
 	text-align: center;
}

.marti-menu-btn a:hover {
	background-color: #fff;
 	padding: 10px 12px !important;
 	border-radius: 3px;
 	text-transform: uppercase;
 	color: #CF003D !important;
 	text-align: center;
}

.marti-menu-btn a:active {
	background-color: #CF003D;
 	padding: 10px 12px !important;
	border:2px solid #CF003D;
 	border-radius: 3px;
 	text-transform: uppercase;
 	color: #fff !important;
 	text-align: center;
}

#top-menu li {
	padding-right: 18px;
}

#top-menu li a:hover {
	color:#CF003D;
}

.nav ul li a:hover {
	background-color:#CF003D;
	color:white !important;
	opacity:1;
}

.et_header_style_left #et-top-navigation {
	padding-top: 20px;
}

 #main-header.et-fixed-header #et-top-navigation {
	padding-top: 8px;
}

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

.et_mobile_menu li a:hover {
	background-color:#CF003D;
	color:white !important;
	opacity:1;
}

@media only screen and (min-width: 981px) {
  .et-fixed-header #top-menu li.marti-menu-btn.current-menu-item > a, .et-fixed-header #top-menu li.marti-menu-btn.current_page_item > a {
    color: white !important;
  }
  .et-fixed-header #top-menu li.marti-menu-btn.current-menu-item > a:hover, .et-fixed-header #top-menu li.marti-menu-btn.current_page_item > a:hover {
    color: #cf003d !important;
  }

}
/*---------- FOOTER ----------*/

.marti-footer-bottom {
	margin-bottom: 0;
}

/* Contact Form 7 */

.marti-contact-footer input[type=text], .marti-contact-footer input[type=email], .marti-contact-footer textarea {
	width: 100%;
	font-size:16px;
	padding: 10px;
	border:none;
}

.marti-contact-footer input:focus, .marti-contact-footer textarea:focus {
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.marti-contact-footer input[type=submit] {
	border: 2px #CF003D solid;
	background-color:white;
	font-size:18px;
	border-radius: 3px;
	color: #CF003D;
	padding: 10px 20px;
}

.marti-contact-footer input[type=submit]:hover {
	color: white;
	border: 2px white solid;
	padding: 10px 20px;
	background-color: #CF003d;
	cursor:pointer;
}

.marti-contact-job input[type=text], .marti-contact-job input[type=email], .marti-contact-job textarea {
	width: 100%;
	font-size:16px;
	padding: 10px;
	border:none;
	background-color:#f2f2f2;
}

.marti-contact-job input:focus, .marti-contact-job textarea:focus {
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.marti-contact-job input[type=submit] {
	border: 2px #CF003D solid;
	background-color:white;
	font-size:18px;
	border-radius: 3px;
	color: #CF003D;
	padding: 10px 20px;
}

.marti-contact-job input[type=submit]:hover {
	color: white;
	border: 2px white solid;
	padding: 10px 20px;
	background-color: #CF003d;
	cursor:pointer;
}

.marti-submit-button {
	display: flex;
    align-items: center;
    justify-content: center;
}

/* Boutons radio */
/*
.marti-contact-job {
	display:flex;
	align-items: center;
    	justify-content: center;
}

.marti-contact-job input[type=radio]{
    appearance: none;
    border: 2px solid #ddd;
    padding: 14px 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.marti-contact-job input[type=radio]::before{
    content: "";
    background-color: #ddd;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: border .2s linear;
}

.marti-contact-job input[type=radio]::after{
    content: attr(label);
    color: #ddd;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.marti-contact-job input[type=radio]:checked{
    background-color: #e17055;
    border-color: #e17055;
}

.marti-contact-job input[type=radio]:checked::before{
    border: 4px solid #ddd;
    background-color: #e17055;
}
*/
/* FIN Contact Form 7 */

/*---------- ACCUEIL ----------*/

.marti-valign {
	display: flex;
	flex-direction:column;
	justify-content: center;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
	width: 25%;
    margin-right: 0;
    margin-bottom: 5.5%;
}

.dipl_filterable_gallery_filter_categories li {
	margin-right:10px !important;
	margin-bottom:2px !important;
}

/* Inversion des colonnes en mobile */

.marti-col-mobile {
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {

.et_fixed_nav #main-header {
	position: sticky !important;
	top:0 !important;
}

.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container {
    padding-top: 30px !important;
  }

#main-header.et-fixed-header .mobile_menu_bar {
	padding-top:0px;
	padding-bottom:6px;
}

}

@media only screen and (max-width: 479px) {
	/*---------- FOOTER ----------*/

.marti-footer-bottom {
	margin-bottom: 0;
}

}

@media only screen and (min-width: 980px) and (max-width:1122px) {
#top-menu li a {
	font-size:14px !important;
}
}