/*
Theme Name: Rando MB
Description: Theme enfant
Author: CB-IS
Author URI: https://www.cb-is.com
Template: twentyseventeen
Version: 0.1.0
*/

.custom-header {
  position: relative;
  height: 350px;
}

.site-content .entry-title, h1 {
	color: #FFFFFF !important;
	background-color: #36A9E1 !important;
	font-size: 24px !important;
	padding: 1em !important;
	font-weight: bold !important;
}

.title {
	font-weight:bold;
}

.menu-item
{
	font-size: 18px !important;
}

.custom-header {
  position: relative;
  height: 350px;
}

.nav-subtitle {
	visibility: hidden;
}

.nav-title {
	visibility: hidden;
}

.swiper {
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.twentyseventeen-front-page .custom-header,
.twentyseventeen-front-page .custom-header-media {
    height: 60vh;
    min-height: 200px;
    max-height: 800px;
}

.twentyseventeen-front-page .custom-header-media {
    height: 100%;
}

.twentyseventeen-front-page .custom-header-media::before {
    content: none;
}

@media (max-width: 768px) {
    .twentyseventeen-front-page .custom-header {
        height: 40vh;
    }
}
@media (max-width: 768px) {
    .twentyseventeen-front-page .site-header,
    .twentyseventeen-front-page .custom-header,
    .twentyseventeen-front-page .custom-header-media,
    .twentyseventeen-front-page .custom-header-media::before {
        height: 40vh;
    }
}

/* Élargir la zone de contenu */
.site-content .wrap {
    max-width: 1400px;
}

.twentyseventeen-front-page .site-content .wrap {
    max-width: 1400px;
}

/* Position du logo sur les pages internes */
body:not(.home) .site-branding {
    position: absolute;
    left: 62%;
    transform: translateX(-62%);
    z-index: 100;
}

body:not(.home) .custom-logo {
	width: 500px;
    height: 193px;
	max-height: 200px;
}

/* Position du logo sur la page d'accueil */
.home .site-branding,
.twentyseventeen-front-page .site-branding {
    position: absolute;
    top: 80px;   /* plus bas dans le bandeau */
    left: 20% !important;
    z-index: 100;
}

.home .custom-logo {
	width: 600px;
	height: 232px;
    max-width: 680px; /* logo plus grand */
}

@media (max-width: 768px) {
    .site-branding {
        position: static;
        text-align: center;
        margin: 20px 0;
    }

    .custom-logo {
        max-width: 140px;
    }
}