/*

Theme Name: gourmetbag

Theme URI: http://wordpress.org/

Author: naturine

Author URI: http://naturine.fr/

Description: Gourmet Bag

Version: 1.0

*/



/* general styles */

body {font-family: 'Questrial', Arial, sans-serif !important;color: #998577; background: #6ecff6;}

a {color: #998577;}

a:hover, a:focus {color: #6c5a4f;text-decoration: underline;}

img {position: relative; max-width: 100%; height: auto;}

.fullscreen > .container > .row > div > br {display: none;}

.centerImg img {margin: 0 auto; display: block;}



/*

    HEADER

*/



/* menu styles */

.navbar-default {background-color: #d7df21;border-color: #b4bc20;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #ffffff;background: #6c5a4f;}

/* normal state */

.navbar-default .navbar-toggle {border-color: #6c5a4f;}

.navbar-default .navbar-toggle .icon-bar {background-color: #6c5a4f;}

/*hover state*/

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #6c5a4f;}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color: #d7df21;}



/*

    FOOTER

*/

footer {position: fixed;height: 50px;bottom: 0;width: 100%;}

footer .navbar {border: 0; margin: 0;background: #d7df21;border-top: 1px solid #b4bc20;}

footer .navbar .navbar-nav {background-color: #d7df21;border:0;margin: 0;}



footer .navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus {color: #ffffff;background: #6c5a4f;}



footer .navbar .navbar-nav.navbar-right {font-size: 11px;}

footer .navbar .navbar-nav.navbar-right>li>a:hover, .navbar .navbar-nav.navbar-right>li>a:focus {background: transparent; color: #6c5a4f;}

footer .navbar-nav.navbar-right:last-child {margin-right: 0;}

@media (max-width: 768px) {

    footer {position: relative;}

}



/*

    FRONT PAGE

*/

.container.wideheading {width: 100%;margin: 0;padding: 0;}

.container.wideheading h1 {color: #d7df21;position: absolute;bottom: -100px;left: 10%;white-space: nowrap;text-shadow: 2px 2px #6c5a4f;}

.container.wideheading img {max-width: 50%;}

.container.wideheading .actubloc{max-width: 25%;position: absolute;right: 0;top: 210px;left: 75%;}

.container.wideheading .miniblog {color: #6C5A4F;background-color: rgba(215, 223, 33, .4);font-size: 1.1em;}

.container.wideheading .fullscreen {padding-bottom: 130px;}

@media (max-width: 860px) {

    .container.wideheading h1 {font-size: 36px;max-width:100%;position: relative; top: auto; left: auto; text-align: center;bottom: auto;}

    .container.wideheading img {max-width: 100%;}

    .container.wideheading .actubloc {position: relative;margin: 0;top:auto;left: auto;max-width: 100%;}

    .container.wideheading .fullscreen {padding-bottom: 50px;}

}

.container iframe {max-width: 100%; position: relative;}

.fullscreen {padding-top: 70px;padding-bottom: 150px;margin: 0;width: 100%;min-height: 800px;}



.fullscreen.photoBackground {background: url("./img/gourmetbag-fond1.jpg") no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}



/*.fullscreen.pink{background: #ef59a1; color: #ffffff;}*/

/*.fullscreen.pink a,.fullscreen.pink a:hover,.fullscreen.pink a:focus{color: #ffffff;margin:0 5px;text-decoration: underline;}*/

.fullscreen.blue{background: #6ecff6; color: #ffffff;}

.fullscreen.blue a,.fullscreen.blue a:hover,.fullscreen.blue a:focus{color: #ffffff;/*margin:0 3px;*/text-decoration: underline;}

/*.fullscreen.green{background: #d7df21; color: #ffffff;}*/

/*.fullscreen.green a,.fullscreen.green a:hover,.fullscreen.green a:focus{color: #d7df21;padding: 5px;margin:0 5px; background: #ffffff;}*/

.fullscreen.green {background: #d7df21; color: #6c5a4f;}

.fullscreen.green div.row > div > h2 {color: #ffffff;}

.fullscreen.green a,.fullscreen.green a:hover,.fullscreen.green a:focus{color: #6c5a4f;margin:0 3px;text-decoration: underline;}



/* accordion style */

div.hexcordion > br {display: none;}

.accordion-group>.accordion-heading {background: #6c5a4f; border: 0; color: #d7df21;margin-bottom:15px;padding:0;border-top-right-radius: 0;border-top-left-radius: 0;}

.accordion-group>.accordion-heading+.panel-collapse>.accordion-inner {border: 0;}

.accordion-group>.accordion-heading .accordion-title a{padding: 10px 15px;display: block;}

.panel {margin-bottom: 0;background-color: transparent;border: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}

.accordion-heading {padding: 10px 15px;border-bottom: 0;border-top-right-radius: 0;border-top-left-radius: 0;}

.fullscreen.green .accordion-group>.accordion-heading .accordion-title a {background: #6c5a4f;text-decoration: underline; color: #d7df21;}

.fullscreen.green .accordion-group>.accordion-heading+.accordion-body>.accordion-inner a {color: #6c5a4f;text-decoration: underline;}





/**/

.percentage {display: inline-block;font-size: 25px;border-radius: 50px;height: 70px;width: 70px;line-height: 70px;text-align: center;background: #ef59a1;color: #ffffff;margin: 5px;}

.bubble {display: inline-block;font-size: 25px;border-radius: 50px;height: 35px;width: 35px;line-height: 35px;text-align: center;background: #ef59a1;color: #ffffff;margin: 5px;}

.capsule {display: inline-block;height: 35px;width: 35px;line-height: 35px; background: url("./img/capsule.png")}

p.centerimg {text-align: center;}

p.centerimg img{display: inline-block;border:1px solid white;/*margin: 5px;*/}



blockquote {

    margin: 0;

    border: 0;

    padding: 30px 40px;

    display: table;

    position: relative;

    font-size: inherit;

}

blockquote:before,

blockquote:after {font-family: Georgia, serif;

    font-size: 50px;

    font-weight: bold;

    position: absolute;}

blockquote:before {content: "\201C";left: 5px;top:5px;}

blockquote:after {content: "\201D";right: 5px;bottom:-10px;}



/*comp table*/

.compTable th {font-size: 30px;text-align: center;width: 50%;}

.compTable td {vertical-align: top;padding: 10px 0;}

.compTable tr td:first-child {padding-right: 5px;}

.compTable tr td:last-child {padding-left: 5px;}

.compTable tr {border-bottom: 1px solid #ffffff}

.compTable tr:first-child {border: 0;}



/* restau item */

div.restau {padding: 10px;border: 1px solid #ffffff;min-height: 310px;margin-bottom: 30px;}

div.restau.img {padding: 0;border: 0;}

div.restau.img img{display: block;margin: 0 auto;}

@media (min-width: 970px) and (max-width: 1170px){

    div.restau {min-height: 320px;}

}

@media (max-width: 768px) {

    div.restau {min-height: 0;}

}





/* download table */

.downloadTable table {border-collapse: collapse; width: 100%; border: 3px solid #ffffff;}

.downloadTable table tr {border-top: 3px solid #ffffff;}

.downloadTable table tr th {text-align: center; font-size: 19px; background: #ffffff; padding: 5px;}

.blue .downloadTable table tr th {color:#6ecff6;}

.green .downloadTable table tr th {color:#d7df21;}

.downloadTable table tr td {padding-top: 15px; padding-bottom: 15px;}

.downloadTable table tr td:first-child {padding-left: 15px;}

.downloadTable table tr td.desc {width: 40%;}

.downloadTable table tr td.link {text-align: center;}

.downloadTable table tr td.link a{display: block;}

.downloadTable table tr td.img {text-align: center; max-height: 100px; max-width: 100px;}

.downloadTable table tr td.img img {display: inline; max-width: 150px; max-height: 150px;}

@media (max-width: 768px) {

    .downloadTable table tr td.img img {max-width: 80px; max-height: 80px;}

}

/*404 error*/

.p404 {text-align: center;}



/* contact */

div.wpcf7 {max-width: 650px; margin: 0 auto;}

div.wpcf7 > form > p > span.wpcf7-form-control-wrap input,

div.wpcf7 > form > p > span.wpcf7-form-control-wrap textarea {width: 100%;color:#6ecff6;}

div.wpcf7 > form > p > input[type="submit"] {background: #ef59a1;border: 0;padding: 5px;margin: 0 auto;width: 120px;display: block;}

div.wpcf7 > form > p > span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {background-color: #ef59a1;color: #fff;padding: 5px;}

div.wpcf7 > form > p > span.wpcf7-form-control-wrap select {color: #6ecff6;height: 26px;}

div.wpcf7 > form > div.wpcf7-validation-errors {border: 2px solid #ef59a1;}



/* Carte des restaurants */

#gourmet-bag-map {

    height: 75vh;

}



/* Formulaires */

#searchMap {

    height: 45vh;

}



#searchRestaurant,

#restaurantMapLocationSearch {

    width: 300px;

    margin-top: 8px;

}



#searchRestaurant.has-error {

    border-color: rgb(169, 68, 66);

}



#searchRestaurant.has-success {

    border-color: rgb(60, 118, 61);

}



.markerPopupContent {

    color: #444;

}



.markerPopupContent > p > a,

.markerPopupContent > p > a:active,

.markerPopupContent > p > a:focus,

.markerPopupContent > p > a:hover,

.markerPopupContent > p > a:visited {

    color: #444 !important;

    text-decoration: none;

}



.row > a.btn-default,

.row > a.btn-default:active,

.row > a.btn-default:focus,

.row > a.btn-default:hover,

.row > a.btn-default:visited {

    color: #444 !important;

    text-decoration: none;

}