/****************************************************
 *                                                  *
 *   CUSTOM STYLESHEET FOR AUPETITCAFEDELAGARE.CH   *
 *                                                  *
 ****************************************************/



/*
    ---------- GENERAL THINGS & STUFF
*/

html, body {
    font-size: 16px;
}



/* Fonts */
body {
    font-family: "Open Sans", sans-serif;
    color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Monotype Corsiva", serif;
    color: #111;
}

h1 {
    font-size: 3rem;
    margin-bottom: 30px;
}

h2 {
    margin-top: 25px;
    margin-bottom: 15px;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}



/* Colors */
.white {
    color: #fff;
}



/* Alignments */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }



/* Accent colors */
.pcg-accent-color {
    color: #a52210;
}
.pcg-accent-bg {
    background-color: #a52210;
}

.pcg-accent-color2 {
    color: #d55240;
}
.pcg-accent-bg2 {
    background-color: #d55240;
}



/* Links */
a,
a:visited {
    color: #a52210;
    transition: color .3s ease;
}

a:hover,
a:active,
a:focus {
    color: #d55240;
}

a.btn-danger {
    color: #fff;
}



/* iframes */
iframe {
    border: none;
    width: 100%;
}



/* Contact Form 7 */
.wpcf7 label {
    display: block;
}


.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    margin-bottom: 20px;
}

.wpcf7 input[type="checkbox"] {
    margin-bottom: 0;
}

.wpcf7 span.wpcf7-list-item {
    display: block;
}

.wpcf7 span.wpcf7-list-item.last {
    margin-bottom: 20px;
}

.wpcf7 input.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
    border-color: #f00;
    margin-bottom: 0;
}

.wpcf7 .wpcf7-not-valid span.wpcf7-list-item.last {
    margin-bottom: 0;
}

.wpcf7 span.wpcf7-not-valid-tip {
    margin-bottom: 20px;
}

/* WPCF7: Response/Validation */
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    margin-left: 0;
    margin-right: 0;
    border-width: 1px;
    border-radius: 3px;
    padding: 1em 2em;
    text-align: center;
}

div.wpcf7-mail-sent-ok {
    background-color: #edfdd3;
    border-color: #c4dba0;
    color: #657e3c;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    background-color: #ffc;
    color: #c4690e;
    border-color: #f7e700;
}



/* Full Width Containers */
.full-width-container {
    position: absolute;
    left: 0;
    right: 0;
}



/* Menu Entry */
.menu-entry {
    margin-bottom: 10px;
    max-width: 600px;
}

.menu-entry::after {
    display: block;
    content: "";
    clear: both;
}

.menu-entry .meal-title,
.menu-entry .meal-price {
    /* position: relative; */
    /* bottom: -4px; */
    /* background-color: #fff; */
}

.menu-entry .meal-title {
    float: left;
    /* padding-right: 5px; */
}

.menu-entry .meal-price {
    float: right;
    text-align: right;
    /* padding-left: 5px; */
}

.menu-entry + p {
    /* margin-bottom: 0; */
    margin-top: 1rem;
}



/*
    ---------- HEADER & NAVIGATION
*/
#pre-header {
    font-size: .8125rem;
    line-height: 40px;
    background: #d55240;
    color: #fff;
}

#pre-header a,
#pre-header a:visited {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

#pre-header a:hover,
#pre-header a:active,
#pre-header a:focus {
    color: #e7bb8f;
}

#header {
    line-height: 150px;
    color: #fff;
    background: #a52210;
}

#header a {
    color: #fff;
}

#site-logo img {
    width: 148px;
    height: 148px;
}

#header ul.menu {
    list-style: none;
    font-size: 1.25rem;
    margin: 0;
    padding: 0;
    line-height: 150px;
}

#header #header-menu ul.menu > li {
    display: inline-block;
}

#header #header-menu ul.menu > li:last-of-type {
    margin-right: -20px;
}

#header #header-menu ul.menu > li > a,
#header #header-menu ul.menu > li > a:visited {
    display: block;
    text-decoration: none;
    line-height: 150px;
    height: 150px;
    padding: 0 20px;
    transition: background-color .3s ease;
}

#header ul.menu > li.current-menu-item > a,
#header ul.menu > li > a:hover,
#header ul.menu > li > a:active,
#header ul.menu > li > a:focus {
    background-color: #fff;
    color: #a52210;
}


/* Mobile Menu */
#mobile-toggle {
    font-size: 40px;
}

#header #mobile-menu ul.menu {
    line-height: 50px;
    text-align: center;
}

#header #mobile-menu ul.menu > li {
    display: block;
    border-bottom: 1px solid #d55240;
}

#header #mobile-menu ul.menu > li > a {
    display: block;
    text-decoration: none;
    transition: background-color .3s ease;
}



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

#page-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

#page-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

#page-content img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

/* WordPress Built-in Galleries */
#page-content [id^="gallery-"] .gallery-item {
    width: calc(33% - 5px);
    margin-right: 5px;
}
#page-content [id^="gallery-"] img {
    border: none;
}



/*
    ---------- FOOTER
*/
#footer {
    font-size: .8125rem;
    color: #fff;
    background: #a52210;
    padding: 30px 0;
}

#footer a,
#footer a:visited {
    color: #fff;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
    color: #e7bb8f;
}



/*
    ---------- SEARCH RESULTS
*/
/* ... */



/*
    ---------- HOME PAGE
*/
body.page-template-homepage h1.page-title {
    font-family: "Monotype Corsiva", serif;
}

#follow-us {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #2d0805;
    color: #fff;
}

#follow-us h2 {
    font-family: "Monotype Corsiva", serif;
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
}

#follow-us a,
#follow-us a:visited {
    color: #fff;
    text-decoration: none;
}

#follow-us a:hover,
#follow-us a:active,
#follow-us a:focus {
    color: #3b5998; /* Facebook Blue */
}



/*
    ---------- CUSTOM FONTS
*/
/* Monotype Corsiva */
@font-face {
    font-family: 'Monotype Corsiva';
    src: url('fonts/Monotype Corsiva.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}