/*
Theme Name:         LE SMAGE DES GARDONS
Theme URI:          ***
Description:        Création du thème
Version:            2017
Author:             Poisson Soluble
Author URI:         http://www.poisson-soluble.com
*/

body {background:#f0f9f9; font-family: 'Roboto', sans-serif; font-weight:300; color:#777; padding-top:80px; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-family: 'Montserrat', sans-serif; cursor:default;}
h2 {font-size:20px; font-weight:700; text-transform: uppercase;}
h3 {font-size:20px; font-weight:300;}
p {line-height:1.6;}
a {color:#4594a0; transition:0.3s;}
a:hover {color:#037d86;}
a:focus {text-decoration:none;}
.btn {border-radius:50px; background:#037d86; font-family: 'Montserrat', sans-serif; text-transform:uppercase; border:none; font-weight:700; font-size:14px; letter-spacing:1px; padding:10px 20px; color:#fff!important; cursor:pointer;}
.btn:hover {background:#4594a0; color:#fff;}
.btn-pink {background:#e85a71!important;}
.mgtop {margin-top:15px;}
.mgbot {margin-bottom:15px;}
.pink {color:#e85a71!important;}
.bg-pink {background:#e85a71!important;}
.wp-caption {border: 5px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.widget-image-caption, figcaption {text-transform: uppercase; font-size: 8px; font-weight: 700; letter-spacing: 1px; padding: 5px;
background: #037d86; color: #fff;}
.gallery img {border:none!important;}
strong {font-weight:700;}
.elementor-section.elementor-section-boxed > .elementor-container {max-width:1200px!important;}
.btn-edit {color:#e85a71; margin-left:15px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ----- HEADER ----- */

header {position:fixed; width:100%; height:80px; top:0; left:0; z-index:100; background:#037d86;}
.logo {position:absolute; top:0; left:0; z-index:10; display:inline-block; background:#fff; padding:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.menu ul {height:80px; overflow: hidden; list-style-type:none; margin:0 -15px 0 0; padding:0; text-align:right; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; text-transform: uppercase;}
.menu ul li {display:inline-block; vertical-align:middle; margin-left:1px;}
.menu ul li a {display:flex; height:80px; justify-content: center; align-items:center; padding:0 25px; background:rgba(255,255,255,0.15); color:#fff;}
.menu ul li a:hover {background:rgba(255,255,255,0.25); text-decoration: none;}
.menu ul li.active a {background:#067682; box-shadow:inset 0 0 10px rgba(0,0,0,0.15);}
header .fa-lock {font-size:16px;}
.menu-mobile {display:none; position:absolute; top:80px; left:0; width:100%; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.menu-mobile ul {list-style-type:none; margin:0; padding:20px 0 0 0;}
.menu-mobile li {padding: 5px 30px; border-bottom:1px solid #efefef;}
.search-box {position:absolute; display:none; width:100%; top:80px; left:0; z-index:5; height:120px; padding-top:25px; background:#067682; box-shadow: 0 50px 50px 0px rgba(0, 0, 0, 0.25);}
.search-box label {color:#fff; padding-top:12px; font-size:20px;}
.search-box input[type="search"] {background:none; color:#fff; font-size:30px; font-weight:100; border-radius:0; border:none; border-bottom:1px solid rgba(255,255,255,0.3); font-family: 'Montserrat', sans-serif;}
.search-box input[type="search"]:focus {border-bottom:1px solid #fff;}
.search-box ::-webkit-input-placeholder {color:rgba(255,255,255,0.5);}
.search-box-open, .submenu-box-open {display:block!important;}
.submenu {display:none;}
.submenu-box {display:none; position:absolute; top:80px; left:0; width:100%; z-index:6; border-top:5px solid #067682;}
.submenu-box .container {background:#fff url(img/bg_menu.jpg) center right no-repeat; min-height:320px; padding:70px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; box-shadow: 0 30px 50px 0px rgba(0, 0, 0, 0.1);}
.submenu-box ul {position:relative; width:280px; min-height:80px; margin:0; padding:0; list-style-type: none; line-height:1.8; font-weight:700; text-transform:uppercase;}
.submenu-box ul a {display:block; color:#e85a71;}
.submenu-box ul a:hover {text-decoration:none; padding-left:5px; opacity:0.7;}
.submenu-box ul ul {display:none; position:absolute; top:0; left:100%; font-weight:300; width:500px; text-transform:none!important;}
.submenu-box ul li:hover > ul {display:block;}
.submenu-box-close {display:inline-block; position:absolute; top:50px; right:50px; font-size:20px; color:#fff;}
.submenu-box ul ul a {color:#4594a0;}

.open-menu {color:#fff; display:inline-block; float:right; font-size:24px; margin:25px 0 0 0; padding:0; line-height:1;}
.open-menu:hover, .open-menu:focus {color:#fff;}

.acces-rapide {position:fixed; top:150px; right:-280px; z-index:102; width:280px; min-height:200px; padding:20px; background:#e85a71; color:#fff; font-size:12px; border-bottom-left-radius:5px; transition:0.3s;}
.acces-open {right:0!important;}
.acces-rapide ul {list-style-type:none; margin:10px; padding:0;}
.acces-rapide li {padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.acces-rapide li:last-child {padding-bottom:0; border:none;}
.acces-rapide a {color:#fff;}
.acces-rapide-btn {display:inline-block; position:absolute; top:134px; left:-38px; padding:10px 20px; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; background:#e85a71; transform:rotate(-90deg); transform-origin:top left; border-top-left-radius:5px; border-top-right-radius:5px;}
.acces-rapide-btn:hover {text-decoration:none;}

/* ----- HOMEPAGE ----- */

.homepage-part-one .container {margin-top:-100px; background:#fff; border-top-left-radius:20px; border-bottom-left-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.day-word, .bloc-news {padding:0;}
.day-word {padding:30px;}
.day-word p {text-align:justify; font-size:16px; column-count: 2; column-gap: 30px;}
.day-word h2 {display:inline-block; padding:10px 30px; margin:0 0 30px -30px; color:#fff; background:#e85a71;}
.bloc-news {background:#037d86;}
.bloc-news a {color:#fff!important;}
.bloc-news h3 a {font-weight:300!important;}
.bloc-news h2 {display:inline-block; position:absolute; top:30px; right:0; z-index:10; padding:10px 30px; color: #fff!important;
    background: #e85a71; font-weight: 700!important; text-transform: uppercase!important; font-size: 20px!important;}
.bloc-news-title {background:#037d86; padding:20px}
.bloc-news-date {color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:12px; text-transform:uppercase; margin:0 0 5px 0;}
.bloc-news-title h3 {color:#fff;}
.bloc-news-link {display:block;}

.homepage-part-two .container {margin-top:50px; margin-bottom:50px; padding-top:30px; padding-bottom:30px; background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.homepage-part-two-col {padding:0 30px;}
.homepage-link-bassin {position:relative; display:block; color:#fff;}
.homepage-link-bassin:hover {color:#fff;}
.homepage-link-bassin h2 {position:absolute; display:inline-block; bottom:30px; left:30px; z-index:3; line-height:1.5;}
.homepage-link-bassin h2:hover {cursor:pointer;}
.homepage-link-bassin h2:before {content:''; position:absolute; top:-10px; left:0; width:30px; height:2px; background:#e85a71; transition:0.3s;}
.homepage-link-bassin-overlay {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background: linear-gradient(45deg, rgba(69,148,160,0.9) 0%,rgba(229,229,229,0) 100%);}
.homepage-link-bassin:hover h2:before {width:100px;}

.lanceur-espace {display:block; width:100%; color:#fff; text-align:center; padding:45px 0; text-transform:uppercase; font-family: 'Montserrat', sans-serif; letter-spacing:2px; font-weight:400; text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);}
.lanceur-espace:hover {color:#fff; text-decoration:none; letter-spacing:5px;}
.lanceur-espace-doc {margin-bottom:10px; background:#fff url(img/bg-doc.jpg) center center no-repeat;}
.lanceur-espace-mar {background:#fff url(img/bg-mar.jpg) top center no-repeat;}

.journal h2 {font-weight:100; font-size:50px; color:#e85a71; margin-bottom:10px;}
.journal-sommaire {line-height:1; font-size:12px;}
.journal-sommaire p {margin:0; padding:0;}
.journal-sommaire ul {margin:0 0 0 20px; padding:0; color: #e85a71;}

/* ----- PAGE ----- */

.page-title {height:230px; padding-top:70px; background:url(img/bg-page.jpg) center center no-repeat; text-align: center;}
.page-title h1 {font-size:34px; font-weight:100; color:#fff; text-transform: uppercase; letter-spacing: 5px;}
.page-header h2 {margin-left:50px; color:#4594a0; font-size:24px; max-width:900px;}
.fil-ariane {font-size:12px; color:#fff; text-align:right!important; margin-right:-28px; padding-top:40px; opacity:0.5;}
.fil-ariane:hover {opacity:1;}
.fil-ariane a {color:#fff;}
.page-header .container {display:flex; align-items:center; height:100px; margin-top:-50px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.page-header-navigation {display:inline-block; position:absolute; top:0; right:0px; height:100%; border-left:1px solid #e2eaea;}
.page-header-navigation a {display:block; width:100%; height:100%; padding:36px 50px 0 50px;}
.page-header-navigation a:after {content:'→'; padding-left:10px; transition:0.15s;}
.page-header-navigation a:hover {text-decoration:none; background:#f0f9f9;}
.page-header-navigation a:hover:after {padding-left:15px;}
.page-header-date {display:inline-block; position:absolute; right:50px;}
.page .container {background:#fff; padding:100px; margin-top:30px; margin-bottom:50px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.page .container p {text-align:justify;}
.page .container p:last-child {margin-bottom:0;}
.page .container h2, .submenu-box h2 {margin:0 0 30px 0; font-size:30px; font-weight:100; text-transform: none; color:#4594a0;}
.page .container a {font-weight:bold; color:#74c3c9;}

.page-header-icon {display:block; margin-left:-15px; width:100px; height:100px; background:#037d86; color:#fff; text-align:center; line-height:100px; font-size:30px;}

.page-news {margin:30px 0;}
.page-news article {padding:5px;}
.page-news article h3 {margin:15px 0 10px 0;}
.page-news article p {margin:0;}
.article-content {min-height: 460px; background:#fff; padding:30px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.article-content img {max-height:210px;}

.page-return {text-align:center; margin-bottom:30px;}
.page-pagination {text-align:center; margin-top:30px}
.page-pagination .wp-pagenavi {display:inline-block;}

span.wpcf7-not-valid-tip {font-size:12px!important;}

.btn-subpage {display:block; position:relative; top:0; border-radius:5px; overflow:hidden; margin-bottom:30px; transition:0.3s;}
.btn-subpage:hover {top:-10px; box-shadow: 0 20px 30px rgba(0,0,0,0.2);}
.btn-subpage h3 {display:inline-block; position:absolute; bottom:0; left:0; z-index:10; margin: 0!important; width:100%; padding:15px 5px; background: rgba(3, 125, 134, 0.75); color:#fff;}

.form-pass {width:450px; background: #fff; margin: 50px auto; padding: 50px 100px 40px 100px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.pass-wrong {background: #e85a71; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 3px; padding: 5px; margin: 40px -100px -50px -100px;}

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

footer {padding-top: 190px; background:url(img/bg-footer.png) top center no-repeat; font-size:14px;}
footer h3, .journal h3 {font-size:16px; font-weight:700; text-transform:uppercase; color:#4594a0; margin-bottom:15px;}
footer h3 a, footer h3 a:hover {color:#4594a0;}
footer h4 {font-size:14px; color:#e85a71; text-transform:uppercase; margin-bottom:15px;}
footer h4:before {content:'• ';}
footer h4 a, footer h4 a:hover {color:#e85a71;}
footer a, footer a:hover {color:#777;}
footer ul {list-style-type:none; margin:0; padding:0;}
.footer-links {text-align:center; background:#4594a0; padding:40px 0; margin-top:40px;}
.footer-links ul {list-style-type:none; margin:0; padding:0;}
.footer-links ul li {display:inline-block; margin-right:-4px; padding:0 10px;}
.footer-links ul li:after {content:'|'; margin-left:20px; color:#037d86;}
.footer-links ul li:last-child:after {content:''; margin-left:0;}
.footer-links ul li a {color:#fff;}
.mentions {background:#037d86; padding:15px 0; color:rgba(255,255,255,0.5);}
.mentions a {color:rgba(255,255,255,0.5);}
.mentions a:hover {color:#fff; }
.mentions p {margin:0; padding:0; font-size:11px;}

/* ----- RESPONSIVE ----- */
@media (min-width: 1440px) {
    .container {width: 1400px; max-width: 100%;}
}

@media (min-width: 1200px) {
    .open-menu {display:none;}
}

@media (max-width: 1200px) {
    .page-header-navigation {display:none;}
}

@media (max-width: 768px) {
    .logo {left:15px;}
    .fil-ariane, .footer-links, .page-header-date {display:none;}
    .page .container {padding:30px;}
    .page-header-icon {width:50px;}
    .page-title {height:200px; padding-top:58px;}
    .page-title h1 {font-size:30px; letter-spacing:1px;}
    .acces-rapide {top:90px;}
    .page-header h2 {margin-left:30px; font-size:20px;}
    footer {background:none; padding-top:0;}
    footer .row {margin:0 0 0 10px;}
    footer .col-md-3 {margin-bottom:30px;}
    .day-word h2, .bloc-news h2 {display:none;}
    .bloc-news img {margin:0 auto;}
    .homepage-part-one .container {margin-top:0; border-radius:0;}
    .day-word p {column-count: 1; column-gap: 0;}
    .homepage-part-two .container {margin-top:0; border-radius:0; padding-bottom:0;}
    .homepage-part-two-col {margin-bottom:30px;}
    .journal, .mentions {text-align:center;}
    .journal h2 {margin-top:30px;}
    .pull-right {float:none!important;}
}