/*
Theme Name: Le Voyage du siècle
Description: Theme pour site du voyage du siecle
Version: 1.0
Author: Salaun Holidays
Author URI: https://www.salaun-holidays.com/
Template: twentytwelve

*/
@import url("../twentytwelve/style.css");

body{background-size: cover;}

#page .site-content{width: 65%; padding-right: 5%; border-right: 1px solid #B28B4B;}
/* Image en tete */
#page{background-image:url(images/CarteVDS.png); background-position: 0 80px; background-repeat:no-repeat; border: 1px solid #B28B4B; margin-bottom: 0px; padding: 0 0 40px 0 !important;}

.site-header{padding: 0;}
#page header{width: 100%;}
#page header hgroup{width: 100%; height: 100px; margin-bottom: 260px;
	background: #1b213e; text-align: center; border-bottom: 1px solid #b28b4b;}

#page header .site-title{text-align: left; font-size: 2.7em !important; letter-spacing: 3px; line-height: 1.2em;
 font-weight: 600; display: block; width: 60%; padding: 10px 20px 0 20px;}
#page header .site-title a{color: white !important; text-decoration: none; }
#page header .site-description{display: block; float: left; text-align: left; font-size: 1.2em; padding: 0.5em 0; font-style:oblique; letter-spacing: 1.5px; color: #b28b4b; width: 60%;padding: 5px 20px; margin-bottom: 10px;}
#page header hgroup img{max-width: 25%; display: block; position: relative; float: right; top: -40px; padding-right: 20px;}

#page section img{max-width: 100%;}

#main{background: white; padding: 0 40px}

/* Menu */
#site-navigation{margin-top: 0px;}
.main-navigation{border-top: 0px !important}
.main-navigation .menu-menu-container{margin-top: 0px; background: #1b213e; border-top: 1px solid #b28b4b;}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 0px; border-top: 0px; text-align:center;}
.main-navigation li a{text-transform:inherit; font-size: 1.2em; color: white;}

/* Titre */
.widget-title{text-transform: inherit; font-size: 1.3em; font-weight: 500;}
.entry-title{border-bottom: 1px solid #B28B4B;}


/* Article */
.site-content article{margin-bottom: 0px}
article .entry-meta{margin-top: 0px}
article{border-bottom: 0px !important;}
article .entry-meta{padding-top: 10px; font-size: 0.9em; font-weight: 300;}

article .comment-meta{margin-bottom: 1em !important;}
article .entry-content p{  -webkit-hyphens: auto;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;}
.comments-title{border-bottom: 1px solid #B28B4B ;}
.nav-single a{text-decoration:none;}

.etape{display: inline-block; width: 200px;}

/* Liens */
a{color: #141014}

.main-navigation{ border-top: 1px solid #b28b4b; padding-bottom: 2em;}
.main-navigation li {color: #000000; margin: 0 -2px;}
.main-navigation li a{line-height: 2em; padding: 0px 15px; font-size: 1.3em}
.main-navigation li a:hover{background: #B28B4B; color: white;}

/* Sidebar */
#secondary .widget ul li a{font-size: 1.1em !important;}
#secondary .widget{margin-bottom: 2em;clear: both}
.widget-area .widget h3{margin-bottom: 0; margin-top: 2em; color: #B28B4B !important}
.widget em{font-size: 0.8em; color: #9f9f9f}

.widget-area .widget input, .widget-area .widget input#s{width: 95%}
.widget-area .widget input#s{margin-bottom: 1.714285714rem}
.widget-area .widget input[type="submit"]{width: 60%; text-align: center; float: right; margin-bottom: 2em; }
.widget-area .widget p.wysija-paragraph{margin-bottom: 0px}

/* current element */
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {background: #B28B4B; color: white; font-weight: 500;}

/* Calendrier */
#calendar_wrap #wp-calendar caption{text-align: center; font-size: 1.3em; margin-bottom: 10px}
#calendar_wrap #wp-calendar tr td, #calendar_wrap #wp-calendar tr th{text-align: center}
#calendar_wrap #wp-calendar tr #today{background: #EEE3D2}
/* Footer */
#colophon{background: #1b213e; margin-top: 0px; width: 960px; margin-bottom: 50px;}
#colophon .menu-footer-container ul{text-align:center}
#colophon .menu-footer-container ul li{display: inline-block; padding: 0 1em;}

#footerbar {height: auto; padding: 10px 0;}
#footerbar .elemFooter{width: 19.3%; height: 170px; border-right: 1px dashed #b28b4b; float: left; padding: 0 2%; margin-bottom: 2em; color: white;}
#footerbar .elemFooter:last-child{border-right: 0px;}
#footerbar .elemFooter h3{font-size: 1.7em; font-weight: lighter ;}
#footerbar .elemFooter a{color: white; text-decoration: none; font-size: 1.1em}
#footerbar .elemFooter a:hover{color: #b28b4b;}
#footerbar .elemFooter img{max-width: 100%; padding: 10px 0;}

.copyright {text-align: center; color: white; line-height: 1.5em}

footer[role="contentinfo"]{border-top: 0px}

/* Page navi */
#content .wp-pagenavi{text-align: center}
#content .wp-pagenavi a, .wp-pagenavi span {border: 1px solid #EEE3D2; margin: 2px; padding: 3px 5px; text-decoration: none;}

#content .wp-pagenavi a:hover, .wp-pagenavi span.current {border-bottom-color: #EEE3D2 !important; border-left-color: #EEE3D2 !important; border-right-color: #EEE3D2 !important; border-top-color: #EEE3D2 !important; background: #EEE3D2; color: #B28B4B}

/* Control des box shadows */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { 
border-radius: 3px;
box-shadow: none;
}

.bx-viewport{margin-bottom: 20px;}


.gmp_map_opts{max-width: 100%;}

.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger{margin-top: 10px}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a:before{text-decoration: none;}

.homeLink{padding: 0 10px 20px 10px; display: block;}
.homeLink a{display: block; width: 100%; text-align: right;}

.juiz_sps_counter, .juiz_sps_totalcount{padding: 3px 3px 2px !important;}

/* Responsive */
@media screen and (max-width: 960px) {
html{width: 100%;}
html body{width: 100%;}
html body #page{width: 100%;}
html body #page header{width: 100%;}

#colophon{width: 100% !important; padding: 0;}
#footerbar{width: 100%;}
#footerbar .elemFooter{width: 28%; height: auto; text-align: center}
#footerbar .elemFooter:nth-child(3){border-right: 0px;}
#footerbar .elemFooter:last-child{width: 100%; text-align: center}
#footerbar .elemFooter img{max-width: 35%; text-align: center}

}

@media screen and (max-width: 600px) {

body{background-image: none!important; width: 100%;}
#page {width: 100% !important;}
#page header hgroup{width: 100%;}
.site-header hgroup{width: 100%;}
#colophon{padding: 0px;}
#page .site-content{width: 100% !important;}
#footerbar .elemFooter{width: 100%; height: auto;}
#site-navigation ul{display: block;}

#menu-menu{background: #242424 !important;}
}


@media print {
  #page #masthead, #page #secondary, #page #colophon{display: none !important;}
  #page, #page #primary{border: none;}
  #page #primary{border-right: none; width: 100%}


  .bx-wrapper, .bx-wrapper .bx-viewport, .bx-wrapper .bx-viewport ul, .bx-wrapper .bx-viewport ul li, .bx-wrapper ul li img{width: 100% !important;}
  .bx-controls{display: none;}
}


#react-geoloc {
    margin: 0 -20px;
}
#Geoloc__Map {
  height: 300px;
    width: 100%;
}

.widget-area .Geoloc.widget h3 {
    margin: 0;
}
.Geoloc__status {
    font-size: 0.8em;
}

.Geoloc h3 span {
    font-size: 75%;
    float: right;
    margin-top: 3px;
}
.Geoloc h3 a {
    /*margin-top: 3px;*/
    display: inline-block;
}
.Geoloc__logo--locster {
    height: 30px;
    vertical-align: bottom;
}