/*
Theme Name: SIOM
Description: SIOM Desktop
Author: JG&Co.
Author URI: https://www.siom.fr
Template: Extra
Version: 1.0
*/

body, p {
    line-height: 1.7em !important;
}

h1 {
    font-size: 1.9em !important;
    text-transform: uppercase !important;
}

.container {
    width: 100%;
    align-content: center;
    align-self: center
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

/* Menu secondaire */

#et-secondary-menu a {
    color: white;
    font-weight: 600;
}

#et-secondary-menu li {
    margin: 0 5px 0 0;
}

.menu-item a.aria-current {
	color: #94c632 !important;
}


/* Search */

#et-info .et-top-search {
    min-width: 250px;
}

.et-search-field {
    min-width: 100%;
    min-height: 30px;
}


/* Sidebar */

.et_pb_widget .widgettitle {
    background-color: #0E1B5D;
}

.et_pb_bg_layout_light .et_pb_widget li a,
.et_pb_bg_layout_light .et_pb_widget li a:hover {
    color: #0E1B5D;
}

.et_pb_bg_layout_light .et_pb_widget li a:hover {
    text-decoration: underline;
}


/* Breadcrumbs */

#et-boc-ad-breadcrumbs,
#et-boc-ad-breadcrumbs a {
    color: #0E1B5D;
}

#et-boc-ad-breadcrumbs .et_pb_section {
    padding: 0;
    padding-bottom: 5px;
}

.block-acces-pratique:hover,
.block-guide-tri-contenant:hover {
    border-color: #94C632;
}

/* Encombrants */
#block-encombrants-deee .et_pb_widget {
    background-image: url("/wp-content/uploads/2019/06/bandeau-encombrants_2-1-300x106.jpg");
    background-position: bottom;
    background-repeat: repeat-y;
}
#block-encombrants-deee h4 {
    display: none;
}


/* Déchèterie */
#block-decheterie-legende .item-left {
    display: flex !important;
    flex-direction: row !important;
}
#block-decheterie-legende ul li {
    display: block;
    clear: both;
    line-height: 1em;
}
#block-decheterie-legende ul li span {
    vertical-align: super;
    padding-left: 5px;
}
#block-decheterie-legende ul.col-2 {
    padding-top: 60px !important;
}

/* Guide du tri */
#block-guide-tri {
    text-align: center;
}
#block-guide-tri table, 
#block-guide-tri td {
    border:none;
} 

/* Popin */
.et_pb_section.popup .evr-close {
    font-size: 40px !important;
    font-weight: normal !important;
    color: #0E1B5D;
}
.et_pb_section.popup.is-open .evr-close_wrap {
    padding: 5px;
}

/* circle counter */
.et_pb_circle_counter .percent p {
	padding: 25% 0 !important;
}

/* top fb tw */
#et-info .et-extra-social-icons .et-extra-icon {
	line-height: 31px !important;
	width: 30px !important;
	height: 30px !important;
}

/* search */
#et-info .et-top-search .et-search-field {
	letter-spacing: normal !important; 
}
.et-search-field {
	font-size: 14px !important;
	font-weight: normal !important;
}

.wp-block-file .wp-block-file__button {
	background-color: rgba(0,25,96,0.92);
}
.et_pb_pagebuilder_layout .et_pb_text a.wp-block-file__button {
	color: white !important;
}


/* Header : Navigation */

.left-right #et-navigation {
	padding-top: 15px;
	border-top: 2px solid rgba(69,123,204,0.31);
}
.et-search-field {
	color: rgba(0,25,96,0.92) !important;
}

#et-navigation {
	margin:0 auto;
	width: 100%;
	max-width: 1280px;
}
#et-navigation li a {
	padding: 5px 0;
	line-height: 1.5em;
}
/*
#et-secondary-menu a,
#et-secondary-menu li {
	color: rgba(0,25,96,0.92) !important;
}
#et-secondary-menu a:hover, #et-secondary-menu li {
	color:#fefffe !important;
	text-decoration: underline !important;	
}
#et-secondary-menu a{
	position:relative;display:inline-block;padding:18px 0;transition:.3s ease;color:rgba(0,25,96,0.92)
}
*/

.header.left-right #et-navigation > ul > li > a,
#et-navigation > ul > li > a {
	padding-bottom: 30px !important;
}

#et-info .et-top-search {
	border:1px solid rgba(69,123,204,0.31);
}


/* sidebar SIOM Direct */
#sidebar-siomdirect {
	background-color: #C5D508;
	position: fixed;
	bottom: 120px;
	right: 30px;
	width: 500px;
	z-index: 9999;
}
#sidebar-siomdirect td {
	vertical-align: top;
}
@media only screen and (max-width: 600px) {
	#sidebar-siomdirect {
		width: 300px;
	}
}

#sidebar-siomdirect.load {
    -webkit-animation: movemydiv 2s ease-in-out;
    animation: movemydiv 2s ease-in-out;
}

#sidebar-siomdirect table {
	width: auto;
	border: 2px solid rgba(0,25,96,0.92);
}
#sidebar-siomdirect td, #sidebar-siomdirect tr {
	padding:0;
	border:none;
	line-height: 0;
}


@-webkit-keyframes movemydiv {
    from {
        transform: translateX(2000px);
    }

    to {
        transform: translateX(30px);
    }
}

@keyframes movemydiv {
    from {
        transform: translateX(2000px);
    }
    to {
        transform: translateX(30px);
    }
}


#bloc-silder-siom-actus h1 a {
	line-height: 1em !important;
}
#bloc-silder-siom-actus h1 a,
#bloc-silder-siom-actus .et_pb_slide_content  {
	text-shadow: none ;
}