/*
Theme Name: MDPH
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Luence
Author URI: https://luence.fr/
Description: Thème MDPH basé sur OceanWP
Version: 1.0
*/

body {
    font-family: "Ubuntu", sans-serif;
    color: #444444;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    color: #143058;
}

a, a:visited {
    color: #3475d1;
}

a:hover {
    /*color: #42bff3;*/
    color: #3475d1;
}
.blog-entry.thumbnail-entry .thumbnail {
    width: 25%;
}

.listing-item {
	margin: 0 10px;
}
.listing-item .image{
	overflow: hidden;
	display: inline-block!important;
    width: 93%!important;
    height: 180px;
    vertical-align: top;
    padding-right: 5px!important;
    margin-right: 5px!important;
	}
.listing-item .image img {
    position: relative;
    width: 290%;
    max-width: 120%!important;
    top: -100px;
}
.mdph-display-posts-body{
	width: 100%!important;

	display: inline-block!important;
}
.new-s{
	    text-align: center;
    background: #ffb400;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: 0.4s;
}
.new-s:hover{
	    text-align: center;
    background: #ffb400;
    padding: 10px;
        box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

input#field_5gqzv {
    background-color: #e4e4e4!important;
}
#popmake-3231 div div form div fieldset .frm_fields_container{
	text-align: center;
}
.entry-content a,
body.page .entry a {
    border-bottom: 1px solid;
}

#content-wrap a:hover {
    background-color: #d7ecff;
}

.entry-content ul li,
.mdph-bloc-infos-pratiques ul li,
.wsp-container ul li {
    list-style-type: none;
}
#facile, #carte{
	width: 100%;
	background: #264b7f;
	color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: 0.4s;
    border: none!important;
}
#content-wrap #carte:hover, #content-wrap #facile:hover{
    background-color: #1d314e;

        box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
.entry-content ul li:before,
.mdph-bloc-infos-pratiques ul li:before,
.wsp-container ul li:before {
    font-family: "FontAwesome";
    content: "\f054";
    margin: 0 0.5em 0 -19px;
}

abbr {
    text-decoration: none;
}

#wp-admin-bar-wpa-logout {
    display: none;
}
.mdph-header{
	display: inline-block;
	width: 80%;
	float: right;
}
.mdph-logo-wrapper{
	width: 20%;
    height: 148px;
    display: inline-block;
}
#site-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#site-logo #site-logo-inner {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    margin-top: 22px;
}

#main {
    clear: both;
}

/* ----- BARRE SUPÉRIEURE ----- */

#top-bar-wrap {
    background-color: #f5f5f5;
}

#top-bar form#searchform {
    display: inline-block;
}
.tomate2{
    display: inline-block;
    width: calc(100% - 283px);
}
.tomate3{
    display: inline-block;
    width: 283px;
    height: 58px;
    background:  #ffb400;
    float: right;
    text-align: center;
}
.tomate3 a, .tomate3 a:visited {
    color: #ffffff;
    padding: 19px;
}
form#searchform input[type="text"] {
    border: none;
    border-bottom: 2px solid #444444;
    border-radius: 0;
}

form#searchform input[type="text"]::placeholder {
    color: #444444 !important;
    text-transform: uppercase;
    transition: opacity 0.5s;
}

form#searchform input[type="text"]::-moz-placeholder {
    color: #444444 !important;
    text-transform: uppercase;
    transition: opacity 0.5s;
}

form#searchform input[type="text"]::-ms-placeholder {
    color: #444444 !important;
    text-transform: uppercase;
    transition: opacity 0.5s;
}

form#searchform input[type="text"]::-webkit-placeholder {
    color: #444444 !important;
    text-transform: uppercase;
    transition: opacity 0.5s;
}

form#searchform input[type="text"]:focus::placeholder {
    opacity: 0;
}

form#searchform input[type="text"]:focus::-moz-placeholder {
    opacity: 0;
}

form#searchform input[type="text"]:focus::-ms-placeholder {
    opacity: 0;
}

form#searchform input[type="text"]:focus::-webkit-placeholder {
    opacity: 0;
}

form#searchform button.search-submit {
    color: #444444;
}

.vos-demandes-en-cours {
    display: inline-block;
    padding-left: 3em;
    padding-right: 3em;
    /*background-color: #ffb400;*/
    text-transform: uppercase;
}

/* ----- LOGO ----- */

/*@media (min-width: 1366px)
{
    #site-header {
        z-index: 102;
    }

    #site-logo {
        position: absolute;
        top: -51px;
        left: -75px;
    }

    #site-logo .custom-logo {
        height: 123px;
    }
}*/

#site-logo .custom-logo {
    height: auto /*74px*/; /* temporairement ? */
    width: 100% !important;
}

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

/* élément du menu */
#site-navigation-wrap .dropdown-menu > li > a {
    color: #143058;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

#site-navigation-wrap .dropdown-menu > li:hover {
    background-color: #f5f5f5;
}

/* élément du sous-menu */
.dropdown-menu ul li a.menu-link {
    text-transform: none;
    font-size: 16px;
}

/* ----- LIENS ----- */

.entry-content a[href$=".pdf"]:after,
.entry-content a[href$=".PDF"]:after {
    background-image: url("img/application-pdf.png");
    content: " ";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 4px;
}

.entry-content a[href$=".doc"]:after,
.entry-content a[href$=".DOC"]:after {
    background-image: url("img/application-msword.png");
    content: " ";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 4px;
}

/* ----- PAGE D'ACCUEIL ----- */

body.home .page-header {
    display: none;
}

.fond_blanc_casse {
    background-color: #f5f5f5;
}

.mdph-bloc-presentation {
    background-color: rgb(245, 245, 245, 0.8);
    width: 60%;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mdph-bloc-presentation h2 {
    font-size: 28px;
    font-weight: normal;
}

.mdph-bandeau-mes-demarches {
    position: relative;
    /* bottom et margin-bottom calculés par jQuery */
}

.mdph-bandeau-mes-demarches h4 {
    font-weight: normal;
    color: #ffb400;
    font-size: 23px;
}

.mdph-bandeau-mes-demarches .elementor-button {
    background-color: transparent;
}

body.page .entry .mdph-bandeau-mes-demarches .elementor-button,
body.single-post .mdph-bandeau-mes-demarches .elementor-button {
    /* override du soulignement des liens */
    border: 2px solid white;
    border-radius: 0;
}

#content-wrap .mdph-bandeau-mes-demarches .elementor-button:hover {
    background-color: rgb(255, 180, 0);
    color: #2b2b2b;
    border: #2b2b2b;
}

.mdph-bandeau-mes-demarches .elementor-button.elementor-size-sm {
    padding: 45px 5px;/*
    width: 109px;*/
}

.menu-carre {
    display: inline-block;
    margin: 0 10px;
}

/*.elementor-widget-wrap > .elementor-element.menu-carre {
    width: 30%;
}
*/
.menu-carre .elementor-navigation {
    margin: 0;
}

.menu-carre .elementor-nav-menu, .menu-carre .elementor-nav-menu > .menu-item {
    width: 100%;
}

.menu-carre .elementor-nav-menu, .menu-carre .elementor-nav-menu > .menu-item > a {
    text-align: center;
}

.menu-carre .elementor-navigation .menu-item-has-children > a {
    padding-right: 16px;
}

.menu-carre .elementor-navigation .menu-item-has-children > a::after {
	display: none;
    content: "";
}

#content-wrap .menu-carre a:hover {
    background-color: #ffb400;
}

/*.menu-carre .elementor-widget-container {
    width: 100%;
    border: 2px solid white;
}

.menu-carre .elementor-widget-container:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.menu-carre .elementor-header {
    position: absolute;
    width: 100%;
    height: 100%;
}*/

body.page .entry .menu-carre .elementor-nav-menu a {
    border-bottom: none;
}

body.post-in-category-faire-une-demande .mdph-bandeau-mes-demarches {
    margin-top: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 12px;
}

.mdph-bloc-infos-pratiques {
    background-color: #143058;
    color: white !important;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    padding: 20px 6px;
    height: 180px;

    background-image: url("img/bloc-infos-pratiques.png");
    background-repeat: no-repeat;
    background-position: right 2em bottom 1em;

    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.mdph-bloc-infos-pratiques * {
    color: white !important;
}

.mdph-bloc-documents {
    background-color: #ffb400;
    color: white !important;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    padding: 20px 6px;
    height: 180px;

    background-image: url("img/bloc-documents.png");
    background-repeat: no-repeat;
    background-position: right 2em bottom 1em;

    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.mdph-bloc-documents * {
    color: white !important;
}

.mdph-bloc-infos-pratiques a:hover,
.mdph-bloc-documents a:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.mdph-bloc-infos-pratiques h4,
.mdph-bloc-documents h4 {
    font-size: 20px;
    font-weight: normal;
}

.mdph-titre-dernieres-actus h2 {
    color: white;
    text-align: center;
    font-style: italic;
    font-size: 24px;
}

body.home .display-posts-listing {
    display: table;
}

body.home .display-posts-listing .listing-item {
    display: table-cell;
    list-style-type: none;
    vertical-align: top;
}

body.home .display-posts-listing .image {
    display: table-cell;
    /*float: left;*/
    border-bottom: none;
    width: 50%;
    vertical-align: top;
    padding-right: 5px;
}

body.home .display-posts-listing .mdph-display-posts-body {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-right: 30px;
}

body.home .display-posts-listing .title {
    display: block;
    font-size: 22px;
    clear: both;
    border-bottom: none;
}

body.home .display-posts-listing .excerpt-dash {
    display: none;
}

body.home .display-posts-listing .excerpt {
    display: block;
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
        "Geneva", "Verdana", sans-serif;
}

.mdph-section-nous-trouver h3 {
    color: #444444;
    font-weight: normal;
    font-size: 20px;
}

.mdph-section-nous-trouver p,
.mdph-section-nous-trouver li {
    color: #143058;
}

.location-list li {
    list-style-type: none;
    margin-bottom: 14px;
}

.location-list li:before {
    font-family: "FontAwesome";
    content: "\f041";
}

body.home .location-list {
    column-count: 2;
}

/* ----- EN-TÊTE ----- */

.page-header {
    background-color: #44372e;
    background-image: url("/wp-content/uploads/2018/06/mdph_background.jpg");
    background-position: center;
    color: white;
    text-align: center;
    background-attachment: fixed;
}

body.category-documents-et-telechargements .page-header,
body.post-in-category-documents-et-telechargements .page-header {
    background-color: rgb(37, 40, 41);
    background-image: url("/wp-content/uploads/2018/06/classeurs.jpg");
    background-attachment: fixed;
}

.page-header-title {
    color: white;
    text-shadow:
        1px 1px #444444,
        1px -1px #444444,
        -1px 1px #444444,
        -1px -1px #444444
    ;
}

/* ----- CONTENU ----- */

body.content-full-screen #content-wrap {
    background-color: #f5f5f5;
    width: 100%;
    max-width: none;
}

body.content-full-screen #main #content-wrap {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

body.content-full-screen #primary #content {
    width: 80%;
    padding: 40px 12px !important;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
}

body.content-full-screen #content-wrap .site-breadcrumbs {
    width: 80%;
    margin: 8px auto;
    color: #444444;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
        "Geneva", "Verdana", sans-serif;
}

/* corrections pour la page d'accueil */

body.home #content-wrap {
    background-color: transparent;
}

body.home #main #content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.home #primary #content {
    width: 100%;
    padding: 0 !important;
    box-shadow: none;
}

/* bandeau Mes démarches */

body.postid-1760 #content-wrap .mdph-bandeau-mes-demarches .de-0-a-15-ans .elementor-button,
body.postid-1773 #content-wrap .mdph-bandeau-mes-demarches .de-16-a-19-ans .elementor-button,
body.postid-1780 #content-wrap .mdph-bandeau-mes-demarches .de-20-a-59-ans .elementor-button,
body.postid-1785 #content-wrap .mdph-bandeau-mes-demarches .plus-de-60-ans .elementor-button {
    border-color: #ffb400;
    background-color: #ffb400;
    color: #444444;
}

/* ----- VUE CATÉGORIE ----- */

.blog-entry.thumbnail-entry .blog-entry-bottom {
    border-top: none;
}

body.archive a.more-link {
    display: none; /* redondant avec le lien Continuer la lecture */
}

/* ----- VUE ARTICLE ----- */

.single nav.post-navigation .nav-links .title {
    color: #143058;
}

/* ----- ERREUR 404 ----- */

.error404-content form#searchform input[type="text"] {
    width: 460px;
}

/* ---- CONTACT ----- */

.mdph-form-table {
    display: table;
    width: 100%;
    table-layout: fixed;
    vertical-align: top;
}

.mdph-form-table-cell {
    display: table-cell;
    padding-right: 20px;
    vertical-align: top;
}

.mdph-form-leftcol {
    width: 40%;
}

/* colonne de droite */
#frm_form_4_container #frm_field_17_container {
    width: 60%;
}

#frm_form_4_container .frm_primary_label {
    display: none;
}

#frm_form_4_container .frm_form_field {
    margin-bottom: 20px;
}

#frm_form_4_container input {
    /*margin-bottom: 20px;*/
    height: 40px;
}

/* champ Message */
#frm_form_4_container #field_rwffy {
    height: 220px;
}

#frm_form_4_container .frm_button_submit {
    width: 38%;
}

/*
 * C'était juste le positionnement du formulaire.
 * Maintenant, les styles visuels.
 */

#frm_form_4_container input,
#frm_form_4_container textarea {
    border: 2px solid #143058;
    border-radius: 0;
    background-color: #f5f5f5;
    font-size: 16px;
}

#frm_form_4_container .frm_blank_field input,
#frm_form_4_container .frm_blank_field textarea {
    border-color: #ff3400;
}

#frm_form_4_container .frm_error {
    color: #ff3400;
}

#frm_form_4_container .frm_button_submit {
    background-color: #143058;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: normal;
}

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

#footer-widgets .mdph10 {
    font-size: 24px;
}

#footer-widgets .small,
#footer-bottom {
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
        "Geneva", "Verdana", sans-serif;
}

#form_vios4 label[for="field_5gqzv"] {
    display: none;
}

input#field_5gqzv {
    border: none;
    border-radius: 0;
    background-color: white;
    height: 40px;
}

#form_vios4 #frm_field_11_container, #form_vios4 .frm_submit {
    display: inline-block;
}

#form_vios4 .frm_submit {
    position: relative;
    right: 4px;
}

#form_vios4 button.frm_button_submit {
    background-color: #ffb400;
    color: #143058;
    height: 40px;
}

#form_vios4 .frm_error_style {
    display: none;
}

#form_vios4 #frm_field_11_container .frm_error {
    position: absolute;
    color: #ffb400;
}

#footer-bottom.no-footer-nav #copyright {
    line-height: 1.6;
}

#footer-bottom.no-footer-nav #copyright a:hover {
    text-decoration: underline;
}

#cookie-notice {
    font-size: 16px;
}

@media screen and (max-width: 1426px) {
	#site-navigation-wrap .dropdown-menu > li > a {
	    font-size: 12px;
	}
}

@media screen and (max-width: 1152px) {
	#site-navigation-wrap .dropdown-menu > li > a {
	    font-size: 10px;
	}
}
@media screen and (max-width: 1015px) {
	#site-navigation-wrap .dropdown-menu > li > a {
	    font-size: 8px;
	}
}

.page-id-10 .elementor-widget .elementor-icon-list-item,.page-id-10 .elementor-widget .elementor-icon-list-item  {
    align-items: baseline;
}
.page-id-10 .elementor-widget .elementor-icon-list-icon i{
	padding-top: 8px;
}
.page-id-10 .eael-feature-list-icon-inner{
	margin-left:-35px;
}