@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css';

* {padding:0;margin:0;}
body {font-family:verdana;color:#545454;}
a {text-decoration:none;transition:.5s;color:#7ABFB6;}
.content ul {list-style-position:inside;list-style-type:none;padding:1em 0;}
.content ul i {margin-right:1em;color:#7ABFB6;}
h2 {color:#7ABFB6;}
ol {list-style-position:inside;}

#maincontainer{width:100%;}

#header_inner {min-height:235px;}
#header #header_inner #block-khbs-site-branding {display:block;margin:auto;width:400px;}
#header #header_inner img {width:100%;}

#header #block-khbs-logoleft {position:relative;}
#header #logo-left-container {position:absolute;top:-175px;left:1em;}
#header #logo-left-container #logo-left {display: block;width: 200px;height: 200px;background: url(/sites/default/files/logo_0.png);background-size: 250px;overflow: hidden;color: #FFF;border-radius: 7em;border: 9px solid #7ABFB6;background-position-x: -24px;background-position-y: -15px;}

#header_nav {border-bottom:2px solid #545454;text-align:center;}
#header_nav .icon {position:absolute;left:0.5em;top:1.5em;background:#545454;border-radius:0.25em;padding: 0 0.25em 0.1em;color:#FFF;font-size:2em;0.25em;}
#header #header_nav li a {display:block;padding:1em 2em;background:#7ABFB6;color:#FFF;}
#header #header_nav li a:hover {background:#545454;}
#header #header_nav li a.is-active {background:#545454;}

.messages__content {border-bottom: 2px solid #545454;background: #7ABFB6;color: #FFF;padding: 1em;text-align: center;font-size: 1.2em;}

#block-khbs-primary-local-tasks {position:absolute;left:0; top:40%;background:#545454;border-radius:0 1em 1em 0;border:1px solid #FFF;z-index:2;}
#block-khbs-primary-local-tasks a {color:#FFF;display:block;padding:0.5em 0.25em;}

.content {background:url(../images/kitchen2.jpg);background-size: cover;background-position-y:center;}
.content>div {padding:4em 12em 13em;background:rgba(255,255,255,0.5);}
.content .contact-message-contact-form-form {background:rgba(255,255,255,0.7);padding:2em;text-align:center;}
.content #block-khbs-content {background:rgba(255,255,255,0.7);padding:2em;text-align:center;}
.content #block-khbs-content p {padding:1em 0;}

.content .contact-message-contact-form-form label {display:block;padding:0.25em;}
.content .contact-message-contact-form-form input, .content .contact-message-contact-form-form textarea {border:1px solid #545454;padding:0.25em;}
.content .contact-message-contact-form-form #edit-submit {padding:0.25em 0.5em;background:#7ABFB6;border-radius:0.5em;}

.content #block-khbs-views-block-testimonials-block-1 {background:rgba(255,255,255,0.7);padding:2em;text-align:center;border:none;border-radius:0;}
.content #block-khbs-views-block-testimonials-block-1 .flexslider {background:transparent;border:none;}
.content .testimonial {background:#545454;border-radius:1em;border:3px solid #7ABFB6;padding:1em;}

.content a em {font-style:normal;display:inline-block;padding:0.5em 1em;font-size:1.25em;color:#FFF;background:#7ABFB6;border-radius:1em;border:2px solid #545454;transition:.5s;width:20%;margin:0 1em;}
.content a:hover em {background:#545454;border:2px solid #7ABFB6;}

.content .flex-container {display:flex;flex-direction: row;align-content:center;gap:1em;margin:1em 0 0;flex-flow: row wrap;}
.content .flex-container .flex-item {flex-grow:1;flex-basis:20%;vertical-align:middle;font-size:1.1em;color:#FFF;background:#7ABFB6;border-radius:1em;border:2px solid #545454;padding:0.5em;}
.content .testimonials {width:50%;margin:auto;}
.content .flex-container .flex-item:hover {background:#545454;border:2px solid #7ABFB6;}
.content .testimonials .testimonial-title {font-size:0.9em;color:#7ABFB6;}
.content .testimonials .testimonial-body {font-size:0.75em;color:#FFFFFF;font-style:italic;padding:1em 0;}
.content .testimonials .testimonial-name {font-size:0.75em;color:#FFFFFF;}

.content .image-gallery {display:flex;flex-direction: row;align-content:center;gap:1em;margin:1em 0 0;flex-flow: row wrap;align-items:center;justify-content: center;}
.content .image-gallery a {display:block;flex-grow:0;flex-basis:30%;vertical-align:middle;font-size:1.1em;color:#FFF;background:#545454;border-radius:1em;border:2px solid #7ABFB6;padding:0.5em;}
.content .image-gallery img {max-width:90%;}

.user-login-form {width:75%;text-align:center; padding:1em 0;border-radius:1em;background:#545454;border:2px solid #7ABFB6;margin:0 auto 1em;}
.user-login-form .form-item {padding:1em;color:#FFF;}
.user-login-form .form-item input {padding:0.1em;border:1px solid #7ABFB6;font-size:1em;}
.user-login-form #edit-actions input {font-style:normal;display:inline-block;padding:0.5em 1em;font-size:1.25em;color:#FFF;background:#7ABFB6;border-radius:1em;border:2px solid #545454;transition:.5s;width:20%;margin:0 1em;}
.user-login-form .description {font-style:italic;}

footer {color:#FFF;background:#545454;padding:1em 12em;}
footer>div {display:flex;flex-direction:row;flex-wrap:wrap;}
footer nav {text-align:center;padding:1em 0;order:1;flex:1 0 100%;}
footer nav li {display:inline-block;list-style:none;padding:0 1em;}
footer nav li a {color:#FFF;}
footer nav li a:hover {color:#7ABFB6;}
footer nav li a.is-active {color:#7ABFB6;}
footer #block-khbs-sociallinks {font-size:1.5em;padding:1em 0 0;order:2;flex:1 0 50%;}
footer #block-khbs-sociallinks a {color:#FFF;}
footer #block-khbs-sociallinks a:hover {color:#7ABFB6;}
footer #block-khbs-copyright {order:3;flex:1 0 50%;text-align:right;padding:2em 0 0;font-size:0.75em;align-self:flex-end;}
footer img {width:54px!important;height:66px!important;}

@media screen and (max-width: 1600px) {
    .content .image-gallery a {flex-basis:29%;}
}

@media screen and (max-width: 1320px) {
    .content .image-gallery a {flex-basis:28%;}
}

@media screen and (max-width: 1155px) {
    .content .image-gallery a {flex-basis:44%;}
}

@media screen and (max-width: 1075px) {
    .content .image-gallery a {flex-basis:43%;}
}

@media screen and (max-width: 985px) {
    .content .image-gallery a {flex-basis:90%;}
}

@media screen and (max-width: 900px) {
    #header_inner {min-height:320px;}
    #header_nav .icon {display:block;}
    #header #header_inner #block-khbs-site-branding {display:none;}
    #header #header_nav #block-khbs-main-menu {display:none;}
    #header #header_nav li {display:block;margin:0;}
    .content>div {padding:4em 0em 4em;}
    #header #header_nav li a {border-radius:0;}
    footer {padding:1em 0em;}
    #header #logo-left-container {left: 0;right: 0;top:0;}
    #header #logo-left-container #logo-left {margin:auto;}
    .content a em {width:90%;margin:0 0 1em;}
    .content .testimonials {width:90%;}
    .content .image-gallery a {flex-basis:90%;}
    
     .seasonal-offer {background-color:#7ABFB6;font-size:1em;text-align:center;z-index:2000;padding:0.5em 0;position:relative;right:0;top:0;transform:none;width:100%;margin: 0 0 1em;}
    .seasonal-offer a {color:#FFF;}
}
@media screen and (min-width: 901px) {
    #header_nav .icon {display:none;}
    #header #header_nav #block-khbs-main-menu {display:block;}
    #header #header_nav li {display:inline-block;margin:0 0.5em;}
    #header #header_nav li a {border-radius:1em 1em 0 0;}
   .seasonal-offer {background-color:#7ABFB6;font-size:2em;padding:0.5em;position:fixed;right:-4em;text-align:center;top:3em;transform:rotate(45deg);width:16em;z-index:2000;}
   .seasonal-offer a {color:#FFF;}
}