/*
Theme Name: AMAP AURA V5
Template: base-viticreation
Theme URI:
Description:
Version: 1.0
Author: Viticreation
Author URI: http://viticreation.fr
Tags:
*/

@import url('../base-viticreation/style.css');
/*@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);*/

/*	Global
-----------------------------------------------------------------------*/
/*body { background: #cc9 url('images/background.jpg') repeat-x fixed;  }*/
#page {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    background: #fff;
}

#main {
    padding-top: 20px;
}

ul {
    list-style-image: url('images/coche.png');
}

/*	Titres
-----------------------------------------------------------------------*/
h1,
h1 a,
h1 a:hover,
h2,
h2 a,
h2 a:hover,
.entry-content h2 a,
.entry-content h2 a:hover {
    color: #f14623;
    text-align: center;
}

h1.entry-title,
h1.entry-title a,
h1.entry-title a:hover {
    color: #f14623;
    padding-top: 30px;
}

h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    color: #368432;
}

/*#content h1,*/
/*h1.entry-title,*/
/*#content h2 { 	background: url('images/puce.jpg') no-repeat; padding-left: 30px; }*/
/*#content h1.entry-title { background-position: 0 1px; }*/
#content h2 {
    background-position: 0 -2px;
    /*margin-left: 2em;*/
}

.category h2,
#post86 h2 {
    color: #368432;
}

h2.entry-title,
h2.entry-title a {
    color: #368432;
}

/*	Polices
-----------------------------------------------------------------------*/
a,
.widget a,
.entry-content a {
    color: #368432;
}

/*	Blocs
-----------------------------------------------------------*/
#sidebar-right,
#sidebar-left {
    width: 20%;
    min-width: 200px;
    max-width: 230px;
}

#sidebar-left {
    float: left;
    margin-right: 1%;
}

#sidebar-right {
    float: right;
    margin-left: 1%;
}

#primary {
    width: 58%;
    float: left;
}

.entry-content {
    margin: 0 1rem;
    text-align: justify;
}

.archive .hentry {
    padding: 20px 0;
}


/*	Header
-----------------------------------------------------------------------*/
.site-header .home-link {
    padding: 0;
}

header#masthead img {
    max-width: 100%;
}

/*	Widgets
-----------------------------------------------------------------------*/
#sidebar-left-top .widget-area div,
#sidebar-left-bottom .widget-area div,
#sidebar-right .widget-area div {
    background: url('images/widget-background.jpg');
}

#sidebar-left-top .widget {
    background: url('images/entete_menuv2.png') no-repeat;
    background-size: 100%;
    padding-top: 70px;
}

#sidebar-left-bottom .widget {
    background: url('images/entete-leftbottomv2.png') no-repeat;
    background-size: 100%;
    padding-top: 105px;
}

.side-site #sidebar-left-bottom aside:nth-of-type(1) {
    background: url('images/entete_menuv2.png') no-repeat;
    background-size: 100%;
    padding-top: 70px;
}

.side-site #sidebar-left-bottom aside:nth-of-type(2) {
    background: url('images/entete-leftbottomv2.png') no-repeat;
    background-size: 100%;
    padding-top: 105px;
}

.main-site #sidebar-right aside:nth-of-type(1) {
    background: url('images/entete-rightv2.png') no-repeat;
    background-size: 100%;
    padding-top: 70px;
}

.main-site #sidebar-right aside:nth-of-type(2) {
    background: url('images/entete-rightbottomv2.png') no-repeat;
    background-size: 100%;
    padding-top: 70px;
}

.side-site #sidebar-right aside:nth-of-type(1) {
    background: url('images/entete-rightv2.png') no-repeat;
    background-size: 100%;
    padding-top: 70px;
}

.side-site #sidebar-right aside:nth-of-type(2) {
    background: url('images/entete-rightbottomv2.png') no-repeat;
    background-size: 100%;
    padding-top: 70px;
}

.main-site #sidebar-left-top .widget .widget-title {
    background: #a3c415;
}

.main-site #sidebar-left-bottom .widget .widget-title {
    background: #4d9b41;
}

.side-site #sidebar-left-bottom aside:nth-of-type(1).widget .widget-title {
    background: #a3c415;
}

.side-site #sidebar-left-bottom aside:nth-of-type(2).widget .widget-title {
    background: #4d9b41;
}

.main-site #sidebar-right aside:nth-of-type(1) h3.widget-title {
    background: #f05f0b;
}

.main-site #sidebar-right aside:nth-of-type(2) h3.widget-title {
    background: #91c229;
}

.side-site #sidebar-right aside:nth-of-type(1) h3.widget-title {
    background: #f05f0b;
}

.side-site #sidebar-right aside:nth-of-type(2) h3.widget-title {
    background: #91c229;
}

#sidebar-right .widget .widget-title {
    background: #f05f0b;
}

.main-site #sidebar-left-top aside div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #a3c415;
}

.main-site #sidebar-left-bottom aside div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #4d9b41;
}

.side-site #sidebar-left-bottom aside:nth-of-type(1) div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #a3c415;
}

.side-site #sidebar-left-bottom aside:nth-of-type(2) div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #4d9b41;
}

#sidebar-right aside div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #f05f0b;
}

.main-site #sidebar-right aside:nth-of-type(1) div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #91c229;
}

.side-site #sidebar-right aside:nth-of-type(2) div {
    border-radius: 0px 0px 0px 10px;
    border-bottom: 2px solid #91c229;
}


.widget {
    padding: 0;
    background: none;
}

.widget-area {
    width: 100%;
    padding: 15px;
}

.widget .widget-title {
    color: #000;
    font-weight: bold;
    color: #ddd;
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
}

#sidebar-right .widget .widget-title {
    text-align: center;
}

.widget ul {
    list-style-image: none;
    padding: 0 10px 10px 10px;
}

.widget li {
    padding: 2px 0;
}

.widget li a,
.widget li a:hover {
    color: #444;
}

#sidebar-home-top img {
    width: 75%;
    margin: auto;
    display: block;
}

.home #sidebar-home-top img {
    width: 100%;
}

/*	Footer
-----------------------------------------------------------------------*/
/*#footer a, #footer a:hover, #footer a:active, #footer a:focus { color: #f90; }*/
#footer {
    position: relative;
    margin-bottom: 20px;
    margin-top: 35px;
    padding-bottom: 35px;
}

#footer-top img {
    max-width: 100%;
    margin-top: -40px;
}

#creation,
#mentions a,
#copyright {
    position: absolute;
    bottom: 10px;
}

#creation {
    right: 20px;
}

#copyright {
    left: 20px;
}

#mentions a,
#mentions a:hover {
    color: #000;
    left: 40%;
}

#facebook {
    width: 150px;
    margin: -200px 61% 170px auto;
    height: 30px;
    vertical-align: middle;
}

#instagram {
    width: 150px;
    margin: -200px 45% 170px auto;
    height: 30px;
    vertical-align: middle;
}

#instagram img {
    width: 30px;
    height: 30px
}

#youtube {
    width: 150px;
    margin: -200px 30% 170px auto;
    height: 30px;
    vertical-align: middle;
}

#youtube img {
    width: 30px;
    height: 30px
}

#footer #region {
    width: 150px;
    margin: -165px 45% 135px auto;
    height: 30px;
    vertical-align: middle;
}

#footer #region img {
    max-width: 100%;
}


/*	Page
-----------------------------------------------------------*/
.full-width #primary {
    width: 100%;
}



/*	Home
-----------------------------------------------------------*/
.home h1.entry-title,
.home #content h2 {
    text-align: center;
}

.home #content h2 {
    margin: 0;
}

/*	Archives
-----------------------------------------------------------*/
.category .entry-thumbnail {
    width: 180px;
    margin-right: 30px;
    float: left;
}

/*	Single
-----------------------------------------------------------*/
.single .entry-thumbnail {
    max-width: 100%;
    width: 250px;
    float: left;
    margin: 0 10px 10px 0;
}

/*	Contact
-----------------------------------------------------------*/

/*	Page ComparAmap
-----------------------------------------------------------*/

#filtre-comparamap table,
#filtre-comparamap td {
    border: none;
    padding: 0;
}

.panier-thumbnail {
    width: 200px;
}

h2.panier-title {
    clear: none;
}

/*	Page ComparAmap
-----------------------------------------------------------*/
/*.prunecluster.prunecluster-medium { background: url('http://amap-aura.org/wp-content/uploads/2016/11/carotte-rouge-50-e1479049634790.png') no-repeat; height:60px; }*/

/*.leaflet-markercluster-icon.cluster-icon { position: relative; }
span.cluster-text { position: absolute; top: -30px; left: -20px; font-weight: bold; }*/




/*	Page Outils Amap
-----------------------------------------------------------*/
#image-cliquable {
    position: relative;
}

#image-cliquable span {
    display: none;
}

#image-cliquable div {
    position: absolute;
    display: none;
    width: 250px;
    background: #fff;
    border: #f05f0b solid 2px;
    border-radius: 10px;
    padding: 10px;
}

#image-cliquable div ul {
    list-style-image: none;
    list-style-type: none;
    padding: 0;
}

.tax-thumbnail.sommaire {
    width: 44px;
    float: left;
}

.tax-thumbnail.sommaire img {
    display: inline-block;
    padding-right: 5px;
}

/*	Contactc Form 7
-----------------------------------------------------------*/
.wpcf7-form-control.wpcf7-submit {
    border: none;
    background: #F05F0B;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 5px
}

@media (max-width: 1599px) {}

@media (max-width: 1280px) {}

@media (max-width: 1069px) {

    #sidebar-right,
    #sidebar-left {
        width: 50%;
        max-width: 100%;
        margin: 0;
    }

    #sidebar-right .widget,
    #sidebar-left div.widget-area {
        width: 46%;
        max-width: 210px;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }

    div.widget-area {
        padding: 0;
    }

    #beforebreadcrumb {
        clear: both;
        width: 95%;
        margin: auto;
    }

    .site-main .widget-area {
        margin-right: 0;
    }
}

@media (max-width: 999px) {}

@media (max-width: 880px) {

    #sidebar-right,
    #sidebar-left {
        float: none;
        clear: left;
    }

    #sidebar-right,
    #sidebar-left {
        width: 60%;
        margin: auto;
    }

    /*#sidebar-left-top, #sidebar-left-bottom { width: 50%; margin: auto; float: left; }*/

    #sidebar-right .widget,
    #sidebar-left div.widget-area {
        width: 95%;
        max-width: 210px;
        float: left;
    }

    #primary {
        width: 100%;
    }
}

@media (max-width: 767px) {}

@media (max-width: 643px) {

    .demi,
    .tiers {
        margin: auto;
        width: 95%;
    }
}

@media (max-width: 359px) {}

/* Page équipe */
.responsive-team {
    max-width: 48%;
    float: left;
    width: 48%;
    border: 1px solid #D5D1C8;
    min-height: 350px;
    margin-left: 2%;
    margin-bottom: 3%;
}

.team-image {
    float: right;
    margin-left: 4%;
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    height: 100%;
}

.team-img {
    max-height: 110px;
    height: 100%;
}

.team-fond {
    padding-left: 5%;
    background-color: #D5D1C8;
}

.team-prenom {
    font-size: 21px;
}

.team-nom {
    font-size: 18px;
    text-transform: uppercase;
}

.team-description {
    padding-left: 2%;
    padding-right: 2%;
}

@media (max-width: 600px) {
    .responsive-team {
        max-width: 100% !important;
        width: 100% !important;
        max-height: 100% !important;
        height: 100%;
    }

    .team-image {
        max-height: 625px;
        max-width: 625px;
        height: 100%;
        width: 100%;
    }

    .team-img {
        max-height: 625px;
        height: 100%;
    }
}

/*Page adhésion*/

@media (max-width: 600px) {
    #photo-adhesion {
        display: none;
    }
}

#col-g-adhesion {
    max-width: 70%;
    float: left;
}

#col-d-adhesion {
    max-width: 25%;
    float: right;
    height: 100px;
    border: 1px solid #368432;
    text-align: center;
}

@media (max-width: 600px) {
    #col-d-adhesion {
        max-width: 100%;
        height: 100%;
        clear: both;
    }
}

@media (max-width: 600px) {
    #col-g-adhesion {
        max-width: 100%;
    }
}

#photo-adhesion {
    float: right;
    height: 200px;
}

#col-adhesion {
    max-width: 65%
}

@media (max-width: 600px) {
    #col-adhesion {
        max-width: 100%;
    }
}

/*Page outils de communication*/

.col-g-com-txt {
    max-width: 74%;
    float: left;
}

.col-d-com-img {
    max-width: 24%;
    float: right;
}


.col-g-com-img {
    max-width: 24%;
    float: left;
}

.col-d-com-txt {
    max-width: 74%;
    float: right;
}

@media (max-width: 600px) {

    .col-g-com-img,
    .col-d-com-img {
        display: none;
    }

    .col-g-com-txt,
    .col-d-com-txt {
        max-width: 100%;
        width: 100%;
    }
}

.col-tiers-img {
    width: 31%;
    margin: 1% 1% 1% 0;
}

@media (max-width: 600px) {
    .col-tiers-img {
        width: 48%;
    }
}

.clear {
    clear: both;
}

/*Page contact*/

.formulaire-contact {
    background-color: #a3c415;
    color: #000;
    text-align: center;
}

.formulaire-contact::placeholder {
    color: #000;
}

#contact-droite {
    max-width: 40%;
    float: right;
    text-align: center;
    background-color: #d5d1c8;
    border: solid 1px #a3c415;
}

#contact-gauche {
    max-width: 59%;
    float: left;
}

@media (max-width: 600px) {

    #contact-droite,
    #contact-gauche {
        max-width: 100%;
        float: left;
    }
}

#ig {
    background-image: url(http://amap-aura.org/wp-content/uploads/2018/07/instagram.php_.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px 20px;
    padding-left: 2em;
}

#fb {
    background-image: url(http://amap-aura.org/wp-content/uploads/2020/04/logo_fb.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px 20px;
    padding-left: 2em;
}

#yt {
    background-image: url(http://amap-aura.org/wp-content/uploads/2020/04/logo_yt.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px 20px;
    padding-left: 2em;
}

#linkedin {
    background-image: url(http://amap-aura.org/wp-content/uploads/2020/04/logo_linkedin.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px 20px;
    padding-left: 2em;
}

#rs-contact {
    list-style: none;
    padding: 0;
}

/* Page amap & médias */
.amap-media-g {
    max-width: 50%;
    float: left;
    width: 49%;
    text-align: center;
}

.amap-media-d {
    max-width: 50%;
    float: right;
    width: 49%;
    text-align: center;
}

@media (max-width: 600px) {

    .amap-media-g,
    .amap-media-d {
        max-width: 100%;
        width: 100%;
    }
}

/*Visuels page présentation des AMAP*/
@media (max-width: 600px) {
    #visu-grand {
        display: none;
    }

    .visu-mobile {
        display: block !important;
        max-height: 300px;
    }
}

.visu-mobile {
    display: none;
}

#dynamic-to-top {
    bottom: 80px !important;
    right: 10px !important;
}

/* Page sensibilisation alimentaire jeunes */
#amap-college {
    width: 49%;
    margin: 0;
}

@media (max-width: 600px) {
    #amap-college {
        width: 100%;
        margin-top: 5px;
    }
}

.sensibilisation-jeune {
    text-align: center;
}

.sensibilisation-jeune-mobile {
    display: none;
}

@media (max-width: 600px) {
    .sensibilisation-jeune {
        display: none;
    }

    .sensibilisation-jeune-mobile {
        display: block !important;
    }
}

/*Menu responsive*/
.responsive-menu-item-has-children > a {
    font-weight: bold;
}