/** START OF GENERAL SETTINGS **/
:root {

 --font-family: "Arimo", serif;
 
  --white: #ffffff;
  --black: #333333;
  --grey-light: #f8f6f4;

  --greyDark: #171717; /*666*/
  --main-color: #c3b19a; /*gold - #cdbca7*/
  --main-color-light: #ede3d7;
  --main-color-xxlight: #f6f2ec;
  --transition3s: 0.3s linear;
}

.bgBlack {
  background: var(--black);
  color: var(--whiteDark);
}

.bg-cream {
  background: #faf8f5;
}

.form-control:focus,
.form-select:focus {
  outline: none;
  box-shadow: none;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--black);
    text-align: left;
    transition: background-color .5s;
    cursor: auto;
    background-color: #ffffff;    
}

button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

button:focus,
a:focus {
  box-shadow: none !important;
  outline: none;
}
a {
    color:#2a34bc;
}
a,
a:hover {
  text-decoration: none;
  display: inline-block;
}

/** FOR MAV IOS **/
button, .btn {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
button:focus,
.btn.focus,
.btn:focus,
input:focus,
select:focus,
textarea:focus{
  outline: 0;
  box-shadow: none !important;
}


.mt-offset {
    margin-top:60px;
}

/*HEADERS
===================== */
h1, .h1,
h2, .h2,
h3, .h3 {
    font-family: var(--font-family);
    color: var(--main-color);
    font-weight: 400;
    word-wrap: break-word;
    line-height:1.1;
    margin: 0px 0 30px;
}
h1, .h1 {
    font-size: 38px;
}
h2, .h2{
    font-size: 33px;
}
h3, .h3{
    font-size: 28px;
    margin: 0px 0 15px;
}
@media (max-width: 1199px) {
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    h3, .h3{
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    h1, .h1 {
        font-size: 34px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    h3, .h3{
        font-size: 24px;
    }
}
@media (max-width: 575px) {
    h1, .h1 {
        font-size: 34px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3{
        font-size: 22px;
    }
} 
/* ==================================*/

.btn,
.button-link{
    background-color: var(--main-color-light);
    border-radius: 15px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    padding: 12px 30px;
    font-size: 16px;
    color:var(--black);
}
.button-link a {
    color:var(--black);
}
.btn:hover,
.button-link:hover{
    background-color: var(--main-color-xxlight);
}
body {
    padding-top:150px;
}
/*HEADER*/
header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:5;
    background:#fff;
}
.header-container {
    height:150px;
    border-bottom:solid 1px #dddcdc;
    display:flex;
    align-items:center;
    justify-content:center;
}
.site-logo {
    text-align:start;
}
.site-logo img{
    height:90px;
    margin:15px 0;
}
.login-status-container {
    background:url(/images/user.svg) no-repeat right center;
    background-size: contain;
    padding-right:40px;
    min-height:30px;
    min-width:40px;
    text-align:right;
    display:flex;
    align-items:center;
    justify-content:end;
}
.login-status {
    line-height:1.2;
}
.login-status span{
    font-weight:500;
}
.btn-logout {
    text-decoration:underline;
    /*padding:10px 12px;
    margin-left:15px;*/
    font-size:14px;
}
/*FOOTER
==============================*/
.footer-container {
  /*  position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:50px;*/
    border-top:solid 1px #dddcdc;
    background-color: #ffffff;
    padding:10px 0;
    margin-top:60px;
}
@media (min-width: 768px) {
    .footer-container .content-row {
        display:flex;
        align-items:center;
        justify-content: space-between;
    }
}
@media (max-width: 767px) {
    .copyright {
        text-align:center;
        padding-top:10px;
        font-size:14px;
    }
}

.contact-details {
    display:flex;
    align-items:center;
    justify-content:center;

}
.footer-container img{
    width:30px;
    height:30px;
    margin-right:15px;
}
.footer-container a{
    color: var(--black);
} 
/*PROJECTS
==============================*/
.projects-listing {
    justify-content:start;
}
.projects-listing .project-box{
    min-height:150px;
    margin-bottom:20px;

}
.projects-listing .project-box > div{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    
    background:var(--grey-light);
    background: #FFFFFF;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
    .projects-listing .project-box > div{
        padding:30px;
    }
}
.projects-listing .project-box a {
    color:var(--main-color);
    font-size:20px;
}
.projects-listing .project-box img {
    /* height: 100px; */
    max-width: 190px;
}
/*================================*/
.login-page h2 {
    text-align:center;
}
.login-form input {
    background-color:var(--grey-light);
}
.login-form input::placeholder {
    color:#ccc;
    font-style:italic;
    font-size:14px;
}

/*===MENU============================*/
#accordionWeekly {
    background: #FFFFFF;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-top:60px;
}
h2.accordion-header button{
    font-size:20px;
    font-weight:500;
}

h3.accordion-header button{
    font-size:16px;
    font-weight:500;
}
.groupTitle {
    font-weight:600;
    margin-bottom:10px;
    text-decoration:underline;
}
h2 .accordion-button:not(.collapsed){
   background-color: var(--main-color-xxlight)!important;
    color:var(--black);
    padding-left: 1.5rem;
    font-weight:700;
}
h3 .accordion-button:not(.collapsed){
    /*background-color: var(--main-color-xxlight)!important;*/
    background:var(--grey-light)!important;
    color:var(--black);
}
h2.accordion-header:hover .accordion-button {
    padding-left: 1.5rem;
    
}
@media (min-width: 992px) {
    #accordionWeekly .accordion-body.recipies-container{
        display: flex;
        flex-wrap: wrap;
    }
    #accordionWeekly .accordion-body.recipies-container .group-of-recipies{
        width:50%;
    }
}
@media (min-width: 1200px) {
    #accordionWeekly .accordion-body.recipies-container .group-of-recipies{
        width:30%;
        margin:0 1.5%;
    } 
}
#accordionWeekly .accordion-item {
    border-bottom: 1px dashed var(--main-color-light);
}

#accordionWeekly .recipe{
    line-height:1.2;
    margin-bottom:10px;
    display:flex;
}
#accordionWeekly .recipe:before{
    content: "• ";
    /* float: left; */
    font-size: 18px;
    padding-right: 5px;

}

/*RESTAURANT recipies as boxes
==================================================*/
.blocklist-section.non-accordion .group-of-recipies {
    margin-top:60px;
}
.blocklist-section.non-accordion {
        margin-top:30px;
        padding: 20px;
        background: var(--grey-light);
        background: #FFFFFF;
        box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
        border-radius: 4px;
        box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.12);  
}


@media (min-width: 992px) {
    .blocklist-section.non-accordion{
        display: flex;
        flex-wrap: wrap;
    }
    .blocklist-section.non-accordion .group-of-recipies{
        width:50%;
    }
}
@media (min-width: 1200px) {
    .blocklist-section.non-accordion .group-of-recipies{
        width:30%;
        margin-left: 1%;
        margin-right: 1%;
    } 
}

.blocklist-section.non-accordion .groupTitle {
    font-size:18px;
}

.blocklist-section.non-accordion .recipies-listing {
    /*justify-content:start;
    display:flex;
    align-items:center;*/

}
.blocklist-section.non-accordion .recipies-listing .recipe{
   /* min-height:150px;*/
       margin: 0 20px 20px 0;
    line-height:1.2;
    margin-bottom:10px;
    display:flex;
}
.blocklist-section.non-accordion .recipies-listing .recipe > div{
   /* background:var(--grey-light);
    height:100%;
        display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;*/
    
}
/*
.blocklist-section.non-accordion .recipies-listing .recipe a {
    color:var(--black);

}*/
.blocklist-section.non-accordion .recipies-listing .recipe:before{
    content: "• ";
    /* float: left; */
    font-size: 18px;
    padding-right: 5px;

}

/*
.accordion-body .accordion-flush>.accordion-item:last-child {
  
}*/



.extra-text {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    padding: 40px 20px 30px 20px;
}


#form-search {
    font-size:14px;
    display:flex;
}
#form-search input{
    padding:5px 10px;
    border:solid 1px #ccc;
}
#submit-search {
    background:url(/images/search.svg) no-repeat center center;
    background-size:contain;
    width:40px;
    height:30px;
}