/*!
Theme Name: 	afr
Description: 	Bootstrap theme
Version: 		1.0
Author: 		myahandco.com
Author URI: 	http://www.myahandco.com
Tags: 			afr
*/

body {
    font-family: 'Arial',sans-serif;
    color: #666 !important;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Trebuchet MS',sans-serif;
    text-transform: uppercase;
}
.text-shadow{
    text-shadow: 2px 2px 2px #333;
}

.bg-light{margin-bottom: 50px; background:#fff !important; border-bottom:#c2c2c2 solid 1px; }
.nav-link { color:#666 !important; background:#fff;   font-family: 'proxima-nova',sans-serif; font-size:1rem;}
.nav-link:hover {  color:#ef6024 !important;}
.current-menu-parent > .nav-link,.current-menu-item a{  color:#ef6024 !important;}
.dropdown-item:focus {
    background: #f2f2f2 !important;
    color:#333 !important;
}
.submenu {
    min-width:280px;
    padding:15px;
    background: #f1ece7;
    font-size: 0.8rem;
}
.submenu li {  padding: 0px 15px;}

.submenu li a:hover{ transition: color .3s !important; color:#a9df3d !important;}
.white  { color:#fff !important; }
.white h1,.white h2 ,.white h3 ,.white h4 ,.white h5 ,.white h6  { color:#f2f2f2 !important; }
.shadow * { text-shadow: 2px 2px 2px #000; }
.box-shadow  { box-shadow: 0px 0px 5px #ccc; }
.navbar-nav {  letter-spacing: 0.025rem;}
.custom-html-widget {
    color:#fff; text-align:center;
}
.breadcrumb {
    margin-top: 10px;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    font-size: .8rem;
}
.breadcrumb a {
    color: #ef6024;
    text-decoration: none;
}
.citation{
    font-family: Georgia, Serif;
    font-size: 2rem;
    color: #66cccc;
    font-style: italic;
    line-height: 2.2rem;
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        /*  padding-right: 1rem;
          padding-left: 1rem; */
    }
}


#breadcrumb  {

    z-index: 999999999999;
    display: none;
    cursor: pointer;

    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    padding:7px 10px;
}
#scrolltop:hover {
    background-color: #556841;
    color: #fff;
}



.logo{
    text-align: center;
    padding: 15px 0px;
}

.menu-top{
    margin-bottom : 0px;
}

/* Style afr rubrique */

/* Style afr enfance */
.frise {
    width: 100%;
}

.home .frise {
    width: 100%;
}

.enfance .bandeau h1 {
    color: #fff;
    margin-bottom: 0;
}
.enfance h1, .enfance h3, .enfance h4 {
    color: #66cccc;
}
.enfance h2{
    color: #865335;
    text-transform: none;
    font-size: 1.5rem;
    padding-bottom: 25px;
}

.enfance .bandeau{
    background: #66cccc;
    margin-bottom: 50px;
    padding: 20px 0px;
}
.enfance h1{
    margin-bottom: 0.2rem;
}

.enfance .picto {
    width: 90px;
    float: left;
    margin-right: 15px;

}

.enfance .frise {
    width: 100%;
}

.enfance hr{
    border: 2px #66cccc solid;
}

/* Style afr loisirs */
.loisirs .bandeau h1 {
    color: #fff;
    margin-bottom: 0;
}
.loisirs h1, .loisirs h3, .loisirs h4 {
    color: #ef6024;
}
.loisirs h2{
    color: #865335;
    text-transform: none;
    font-size: 1.5rem;
    padding-bottom: 25px;
}

.loisirs .bandeau{
    background: #ef6024;
    margin-bottom: 50px;
    padding: 20px 0px;
}
.loisirs h1{
    margin-bottom: 0.2rem;
}

.loisirs .picto {
    width: 90px;
    float: left;
    margin-right: 15px;

}

.loisirs .frise {
    width: 100%;
}

.loisirs hr{
    border: 2px #ef6024 solid;
}

/* Style afr jeunesse */
.jeunesse .bandeau h1 {
    color: #fff;
    margin-bottom: 0;
}
.jeunesse h1, .jeunesse h3, .jeunesse h4 {
    color: #ffcc33;
}
.jeunesse h2{
    color: #865335;
    text-transform: none;
    font-size: 1.5rem;
    padding-bottom: 25px;
}

.jeunesse .bandeau{
    background: #ffcc33;
    margin-bottom: 50px;
    padding: 20px 0px;
}
.jeunesse h1{
    margin-bottom: 0.2rem;
}

.jeunesse .picto {
    width: 90px;
    float: left;
    margin-right: 15px;

}

.jeunesse .frise {
    width: 100%;
}

.jeunesse hr{
    border: 2px #ffcc33 solid;
}

/* Style afr asso */
.asso .bandeau h1 {
    color: #fff;
    margin-bottom: 0;
}
.asso h1, .asso h3, .asso h4 {
    color: #cc3399;
}
.asso h2{
    color: #865335;
    text-transform: none;
    font-size: 1.5rem;
    padding-bottom: 25px;
}

.asso .bandeau{
    background: #cc3399;
    margin-bottom: 50px;
    padding: 20px 0px;
}
.asso h1{
    margin-bottom: 0.2rem;
}

.asso .picto {
    width: 90px;
    float: left;
    margin-right: 15px;

}

.asso .frise {
    width: 100%;
}

.asso hr{
    border: 2px #cc3399 solid;
}

.footer{
    background: #996633;
    color: #fff;
    font-size: 0.8rem;
    margin-top: 50px;
}
.footer h3{
    font-size: 1.3rem;
    color: #fff !important;
}
.footer-bottom{
    background: #865335;
    color: #dcb086;
    text-align: center;
    font-size: 0.8rem;
    padding: 10px 0px;
}

.footer-bottom p{
    margin-bottom: 0px;
}

.footstyle{
    padding: 50px 20px;
}

.form-control {
    display: block;
    width: 100%;

}
#media_image-2{
    padding: 0px 50px !important;
}

#btn-0{
    background-color: #66cccc;
    color: #fff;
    margin-top: 5px;
}
#btn-1{
    background-color: #99cc33;
    color: #fff;
    margin-top: 5px;
}
#btn-2{
    background-color: #cc99cc;
    color: #fff;
    margin-top: 5px;
}
.btn-contact{
    color: #fff !important;
    background-color: #f0ae1f !important;
    margin-right: 5px;
}
.block-btn-header{
    text-align: right;
}
.text-header{
    padding: 5px ;
}

/******************** MOBILE*********************/
@media (max-width: 575.98px) {
    .col { width: 100%;}
    #btn-0, #btn-1, #btn-2, .btn-contact{
        font-size: 0.7rem;
    }
    .text-header{
        text-align: center;
    }
    .block-btn-header{
        text-align: center;
    }
    .logo img{
        width: 90% !important;
    }
    .navbar-light .navbar-toggler{
        border: 0px;
        font-size: 2rem;
    }
    #media_image-2{
        padding: 10px 80px !important;
    }
    .footstyle{
        padding: 10px 20px;
        text-align: center;
    }

}

/******************** IPAD mini*********************/
@media (max-width: 767.98px) {
    #btn-0, #btn-1, #btn-2, .btn-contact{
        font-size: 0.7rem !important;
    }
    #media_image-2{
        padding: 10px 80px !important;
    }
    .footstyle{
        padding: 10px 20px;
        text-align: center;
    }

}

/******************** IPAD PORTRAIT *********************/
@media (min-width: 768px) and (max-width: 991.98px) {
    #btn-0, #btn-1, #btn-2, .btn-contact{
        font-size: 0.7rem;
    }
    #media_image-2{
        padding: 10px 10px !important;
    }
    #media_image-2 img{
        width: 100%;
    }
    .footstyle{
        padding: 10px 20px;
    }

}

/******************** IPAD PAYSAGE *********************/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-light .navbar-nav .nav-link{
        font-size: 0.9rem !important;}
}

/******************** DESKTOP *********************/

@media (min-width: 1199.98px) {
}

@media (min-width: 1280px) {
    .block { min-height: 450px;}
}

@media (min-width: 2000px) {
    .block { min-height: 550px;}
}

/*STYLE HOME PAGE MASONRY*/
.block { height: 350px; cursor: pointer;}
.block a {text-decoration: none;}
.block h1 {text-transform: none;}
.card { border:0px; border-radius:0px;}

.masonry-qui{
    cursor: pointer;
    background: #cc3399;
    text-align: center;
}

.masonry-qui a{
    color: #fff;
}
.masonry-qui a:hover{
    text-decoration: none;
}
.masonry-logo{
    background: #fff;
    padding: 0 30px;
}
.masonry-ludo{
    cursor: pointer;
    background: #ef6024;

    text-align: center;
}
.masonry-ludo a {
    color: #fff;
}
.masonry-ludo a:hover{
    text-decoration: none;
}
.masonry-contact{
    cursor: pointer;
    background: #cccc33;
    text-align: center;
}
.masonry-contact a{
    color: #fff;
}
.masonry-contact a:hover{
    text-decoration: none;
}
.masonry-vacances{
    cursor: pointer;
    background: url('/wp-content/uploads/2022/03/vacances-home.jpg');
    background-size: cover;
    color:#fff;
    background-position: 50% 50%;
    text-shadow:2px 2px 2px #333;
}
.masonry-vacances a {
    color: #fff;
}
.masonry-vacances a:hover{
    text-decoration: none;
}
.masonry-perisco{
    background: url('/wp-content/uploads/2022/03/periscolaire-mercredis-1.jpg');
    background-size: cover;
    color:#fff;
    text-shadow:2px 2px 2px #333;
    background-position: 50% 50%;
}
.masonry-perisco a {
    color: #fff;
}
.masonry-perisco a:hover{
    text-decoration: none;
}
.masonry-relais{
    background: url('/wp-content/uploads/2022/03/relais-jeunes-home.jpg');
    background-size: cover;
    color:#fff;
    text-shadow:2px 2px 2px #333;
    background-position: 50% 50%;
}
.masonry-relais a {
    color: #fff;
}
.masonry-relais a:hover{
    text-decoration: none;
}
.masonry-couture{
    background: url('/wp-content/uploads/2022/03/couture-home.jpg');
    background-size: cover;
    color:#fff;
    text-shadow:2px 2px 2px #333;
    background-position: 50% 50%;
}
.masonry-couture a {
    color: #fff;
}
.masonry-couture a:hover{
    text-decoration: none;
}
.masonry-espace{
    cursor: pointer;
    background: #cc99cc;
    text-align: center;
}
.masonry-espace a{
    color: #fff;
}
.masonry-espace a:hover{
    text-decoration: none;
}
.masonry-sejours{
    background: #a6cb3f;
    color:#fff;
    background-size:cover;
    background-position: 50% 50%;
}
.masonry-sejours a {
    color: #fff;
}
.masonry-sejours a:hover{
    text-decoration: none;
}
#scrolltop:hover {
    background-color: #556841;
    color: #fff;
}
#scrolltop {
    z-index: 999999999999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    padding: 7px 10px;