/*
 Theme Name:   Moulin de Plaisance
 Theme URI:    https://www.moulindeplaisance.bzh
 Description:  Thème du site Moulin de Plaisance
 Author:       Karl Pineau
 Author URI:   https://www.linkedin.com/in/karlpineau/
 Template:     wp-bootstrap-4
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  moulindeplaisance
*/

body {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: black;
    font-weight: 300;
}

h1, h2 {
    font-family: 'Arima Madurai', cursive !important;
    font-size: 40px !important;
    color: black !important;
}

h3 {
    font-size: 26px;
    text-decoration: underline;
    font-weight: 400 !important;
}

a, a:focus, a:hover, a:active, .a-moulin, .a-moulin:focus, .a-moulin:hover, .a-moulin:active {
    color: black;
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

.no-link, .no-link:hover, .no-link:active, .no-link:focus {
    text-decoration: none;
    color: #000000;
}

.no-underline {
    text-decoration: none !important;
}

#bg-header {
    background-image: url("images/fond.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
@media only screen and (max-width: 450px) {
    #bg-header {
        background-position: left top;
    }
}


#site-title a, #site-title a:hover, #site-title a:focus, #site-title a:visited, #site-title a:active {
    font-size: 40px;
    color: #FFFFFF;
    font-family: 'Arima Madurai', cursive;
    text-decoration: none;
}

@media only screen and (max-width: 450px) {
    #site-title a, #site-title a:hover, #site-title a:focus, #site-title a:visited, #site-title a:active {
        font-size: 30px !important;
    }
}

#site-title-sub {
    font-size: 25px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    margin-top: -10px;
}

#site-description {
    font-size: 45px;
    color: #FFFFFF;
    font-family: 'Arima Madurai', cursive;
}

.navbar-nav .nav-item {
    padding-left: 1.5rem;
}

.navbar-nav .nav-item a, .navbar-nav .nav-item a:hover, .navbar-nav .nav-item a:focus, .navbar-nav .nav-item a:visited, .navbar-nav .nav-item a:active {
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
    text-decoration: none;
}

.nav-item .dropdown-menu a, .nav-item .dropdown-menu a:focus, .nav-item .dropdown-menu a:hover, .nav-item .dropdown-menu a:active, .nav-item .dropdown-menu a:visited {
    color: #000000;
    font-size: 95%;
    margin-left: -0.8rem;
}

/* ---------- Breadcrumb -------------------- */
.breadcrumb {
    background-color: #FFF;
    padding-left: 0;
    margin-left: 0;
}

.breadcrumb-item a, .breadcrumb-item a:hover, .breadcrumb-item a:focus, .breadcrumb-item a:visited, .breadcrumb-item a:active,
.breadcrumb-item.active, .breadcrumb-item.active, .breadcrumb-item.active, .breadcrumb-item.active, .breadcrumb-item.active {
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 1024px) {
    .breadcrumb {
        font-size: 80%;
    }
}

/* ---------- Content ----------------------- */
.img-icon {
    max-width: 100px;
    max-height: 50px;
}

/* ---------- Page Home --------------------- */
@media only screen and (min-width: 1024px) {
    #home-welcomeDiv {
        background-image: url("images/moulin_fond_carte.jpg");
        background-repeat: no-repeat;
        background-size: 500px auto;
        background-position: right center;
    }
}

.home-card-title {
    font-family: 'Arima Madurai', cursive;
}
.home-card-title a, .home-card-title a:hover {
    text-decoration: none;
}

/* ---------- Page Cottage ------------------ */
#cottage-booking-card .card-header {
    background-color: #FFFFFF;
    border-bottom: none;
}

.bk_calendar_frame {
    width: 100% !important;
}

.wpdev_hint_with_text {
    font-size: 70%;
}

/* ---------- Page Region ------------------- */
#region-redon {
    background-image: url("images/bg-redon.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    border-radius: 10px;
}

#region-nantes {
    background-image: url("images/bg-nantes.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    border-radius: 10px;
}

#region-rennes {
    background-image: url("images/bg-rennes.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    border-radius: 10px;
}

#region-morbihan {
    background-image: url("images/bg-morbihan.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    border-radius: 10px;
}

#region-anjou {
    background-image: url("images/bg-anjou.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    border-radius: 10px;
}

.region-card {
    text-decoration: none;
    color: #FFFFFF;
}

.region-card h3 {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 160%;
}

.region-card a, .region-card a:hover, .region-card a:focus {
    color: #FFFFFF;
}

/* ---------- Footer ------------------------ */
footer {
    border-top: #65AD35 solid 20px;
    font-size: 80%;
}

.img-footer {
    max-height: 60px;
    max-width: 100px;
}


/* ---------- Image Gradient ----------------- */
.container-imgGradient {
    display: inline-block;
    background:
        linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0) 10%,
        rgba(255,255,255,0) 90%, rgba(255,255,255,1));
}

.opacitygradient {
    vertical-align: top;
    position: relative;
    z-index: -1;
}