/* Baseline-default.css rev: 18/06/2018*/

/*++++++++IMPORT++++++++*/
/*++++++++++++++++++++++*/

/*+++++BODY / GLOBALS+++++*/
/*++++++++++++++++++++++++*/

html { -ms-overflow-style: scrollbar; font-size: 14px; } /* disable IE scrollbar overlay */
body { font-family: "Barlow Condensed", sans-serif; font-size: 1rem; min-height: 100vh; }
.container .container { padding: 0; width: 100%; }
iframe { border: none; }

body { 
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.2))), 
    -webkit-gradient(linear,left top, left bottom,from(rgba(54, 17, 24, 0.1)),to(rgba(54, 17, 24, 0.1))), 
    url("../images/bg-temple.jpg") no-repeat top center;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0.2)), 
    -webkit-linear-gradient(top,rgba(54, 17, 24, 0.1),rgba(54, 17, 24, 0.1)), 
    url("../images/bg-temple.jpg") no-repeat top center;
    background: -o-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0.2)), 
    -o-linear-gradient(top,rgba(54, 17, 24, 0.1),rgba(54, 17, 24, 0.1)), 
    url("../images/bg-temple.jpg") no-repeat top center;
    background: linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.2)), 
    linear-gradient(to bottom,rgba(54, 17, 24, 0.1),rgba(54, 17, 24, 0.1)), 
    url("../images/bg-temple.jpg") no-repeat top center;
}

/* typography */
p { margin: 0 0 1em; padding: 0;}
blockquote {margin: 0 0 1em;}
p:last-child { margin-bottom: 0; }
blockquote:last-child { margin-bottom: 0; }
a         { color: #1c7be1; }
a:hover   { color: #ccc;    }
a:focus   { outline: none;  }
p a       { color: #fed600; }
p a:hover { color: #000;    }

.btn { border-radius: 10px; padding: 4px 20px 8px 20px; font-size: 1.5rem; font-weight: 500; }

.btn-default { background-color: #702333; border-color: #702333; border-width: 3px; color: #fff; }
.btn-default:hover { background-color: transparent; border-color: #702333; color: #702333; text-decoration: none; }
.homepage .section_row_3 .btn-default:hover { background-color: #fed600; border-color: #702333; color: #702333; text-decoration: none; }
.btn-info { background-color: #fed600; border-color: #fed600; border-width: 3px; color: #000; }
.btn-info:hover { background-color: transparent; border-color: #fed600; color: #fed600; text-decoration: none; }

/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2; font-family: "Barlow Condensed", sans-serif; padding: 5px 0 0; }
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page .h1, #page .h2, #page .h3, #page .h4, #page .h5, #page .h6  {
    color: #000; font-family: "Barlow Condensed", sans-serif; 
}
#page h1, .h1 { font-size: 2.2rem; }
#page h2, .h2 { font-size: 1.8rem; }
#page h3, .h3 { font-size: 1.6rem; }
#page h4, .h4 { font-size: 1.4rem; }
#page h5, .h5 { font-size: 1.2rem; }
#page h6, .h6 { font-size: 1.0rem; }

.column_2a { padding: 0; margin: 0; }

/*+++++TOP NAVIGATION+++++*/
/*++++++++++++++++++++++++*/

.navbar-default { padding: 5px 0;}
.navbar-toggle { border: none; background: none; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: none; }

.navbar-default .navbar-toggle .icon-bar { height: 5px; width: 35px; background-color: #000; }
.navbar-default .navbar-toggle:hover .icon-bar { background: #702333; }

/*+++++HEADER+++++*/
/*++++++++++++++++*/

/* general header */
header { position: relative; z-index: 9; }
header { background: none; box-shadow: none; padding: 40px 0 60px 0px; }
header .container:first-of-type { width: auto; padding: 0 30px 20px 30px; }
header .col-md-3 p, header .col-md-3 a { color: #fed600; font-weight: 500; }

/* logo */
#logo { text-align: center; }

/* main_navigation */
header .main_nav { text-align: center; }
.main_nav ul li { color: #000; }
.main_nav ul li:hover, .main_nav ul li.active-menu a { color: #000; background-color: #eee; }
.main_nav ul li a  { color: inherit; background-color: inherit; font-family: "Barlow Condensed", sans-serif; border-bottom: solid 1px transparent; }
header .multi-button a.main, .main_nav ul li a  { padding: 10px 20px; }
.main_nav ul li a:hover { color:inherit; }
.main_nav ul li.active-menu a { border-color:#000; }

.main_nav ul li:hover, .main_nav ul li.active-menu a { color: #fff; background: none; }
.main_nav ul li.active-menu a { font-weight: 600; border: none; }
.main_nav ul li a, .main_nav ul li.active-menu a { background: none; color: #fed600; font-size: 1.6rem; }
.main_nav ul li a:hover { background: none; color: #fff; }

/** dropdowns **/
header .multi-button a.ddown { bottom: -5px; left: 0; margin: 0; padding: 0; text-align: center; width: 100%; }
.main_nav ul li:last-child ul.dropdown-menu { float: none; right: 0; left: auto; }
.main_nav ul li:last-child.dropdown > ul.dropdown-menu li a { text-align: right; }

/*+++++BANNER+++++*/
/*++++++++++++++++*/
#sequence-theme .slide .caption br { display: block; } /* Fixes <br> disappearing */
#sequence-theme .bgimg { background-size: auto; } /*Fix for banner above 1920px*/

/*+++++PAGE / MAIN CONTENT+++++*/
/*+++++++++++++++++++++++++++++*/

/*++General pages++*/
#page { padding: 0; flex: 1 1 auto; }
#page > .container:first-child { position: fixed; top: 15px; right: 15px; max-width: 370px; z-index: 2000; }/*Alert fix*/
#page .section:nth-child(2) .column_1 { padding: 0; }

/*vakantie popup*/
#popup3 { position: relative; top: -250px; }

/* New Popup */
/* pop-up */
.pop-up:target { display: none; }

.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
}
.pop-up > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); cursor: default;}

.popup-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    background: #fff;
    border: none;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    max-width: 780px;
    width: calc(100% - 30px);
}

.popup-container .popup-body { max-height: 90vh; overflow-y: auto; padding-bottom: 15px; }

#page .popup-header .close {
    color: #9c1728;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.3em;
    border: 2px solid;
    text-decoration: none;
    opacity: 1;
    border-radius: 0 15px 0 0;
    margin-right: -1px;
    background: none;
    box-shadow: none;
    padding: 0;
    min-width: unset;
}
.close:hover { text-decoration: none; color: #000; background-color: rgba(0,0,0,0.2); opacity: 1; }
.popup-container p { padding: 0 40px; }
.homepage .popup-body p { font-size: 1.6rem; }


/*++Homepage++*/
/*pop up*/
.homepage #popup1:target {display: none;}
.homepage #popup1  h2 {background-image: linear-gradient(to right,#00dbff, pink , #fed600); display: inline-block; border-radius: 10px; padding: 4px 20px 8px 20px; font-weight: 500; margin: 0 auto;}
.homepage #popup1 { width: 45%; margin-top: 3%; left: 10%; position: relative; display: none; }
.homepage .popup .close { position: absolute; top: -27px;  transition: all 200ms; font-size: 50px; font-weight: bold; text-decoration: none; color: #fff; }
.homepage .popup .close:hover { color: #fed600; }

.homepage #popup2:target {display: none;}
.homepage #popup2 { width: 61%; margin-left: auto; padding: 15px 0; }

/*Section main ".homepage .section_row_main"*/
.homepage #page > div.section.upper_home.section_row_main > div > div > div > div.col-md-6.sidebar > div:nth-child(2) {display: none;}
.homepage .section_row_main { margin-bottom: 90px; }
.homepage #page .section_row_main .textblock h1 {color: #fed600;background: transparent;padding-left: 0;}
.homepage .section_row_main .text-content.extra {  } /* 'Bekijk ons menu' button */

.homepage .section_row_main .textblock { background-color: #702333; padding: 20px 40px 40px 40px; border-radius: 40px; max-width: 350px; }
.homepage .section_row_main .textblock > hr { display: none; }
.homepage .section_row_main { color: #fff; }

.homepage .section_row_main .main .text-content {
    text-align: right;
}

/*Section 1 ".homepage .section_row_1"*/
.homepage .section_row_1 .text-content { text-align: center; }
.homepage #page .section_row_1 h2 {
    background-color: #fed600;
    display: inline-block;
    border-radius: 10px;
    padding: 4px 20px 8px 20px;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
}

/*section 2 ".homepage .section_row_2"*/
.homepage .section_row_2 { margin-bottom: -80px; }
.homepage .section_row_2 .text-content { background-color: #702333; border-radius: 30px; }
.homepage #page .section_row_2 .text-content h4 { display: block; color: #fed600; text-align: center; padding: 20px 0 10px 0; background: transparent; }
.homepage .section_row_2 .text-content img { border-top-right-radius: 30px; border-top-left-radius: 30px; position: relative; }
.homepage .section_row_2 .col-md-4 .text-content p:last-child a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.homepage .section_row_2 .col-md-4 .text-content p:last-child a > b { display: none; }                                                
.homepage .section_row_2 .text-content figure {position: relative; border-radius: 30px; height: 270px; margin-left: auto; overflow: hidden; }
.homepage .section_row_2 .text-content.extra:hover { background-color: #000; }
.homepage .section_row_2 p { text-align: center;  }
.homepage .section_row_2 p a { color: #fff; }
/*section 3 ".homepage .section_row_3"*/
.homepage .section_row_3 { text-align: center; background-color: #fff; padding-top: 120px; padding-bottom: 40px; }

.homepage .section_row_3 .col-md-6:first-of-type .text-content { text-align: right; }
.homepage #page .section_row_3 h3 {
    background-color: #fed600;
    display: inline-block;
    border-radius: 10px;
    padding: 4px 20px 8px 20px;
	margin-bottom: 40px; 
    font-size: 1.5rem;
    font-weight: 500;
}

.homepage .section_row_main img
{
  border-radius:30px;
  max-width: 350px;
}


.custom_default_710584.text-content.extra {
    padding-top: 17px;
}


/*++++++FOLLOW UP PAGES++++++*/
/*+++++++++++++++++++++++++++*/

.followup .section { margin-bottom: 100px; }
.followup .section:last-child { margin-bottom: 0; }

body #page h1,
body #page h2,
body #page h3 { background-color: #fed600; display: inline-block; border-radius: 10px; padding: 4px 20px 8px 20px; font-weight: 500; margin: 0 auto; }

/* Menu */
.followup .section_row_main hr { display: none; }
.followup .section .col-md-4 .text-content {
    background: #702333;
    border: 1px solid #702333;
    text-align: center;
    width: 100%;
    padding-top: 50px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1; margin-bottom: 30px;
    color: #fff;
    text-align: center; 
}

.followup .section .col-md-4 .text-content p:first-child {
	display: inline-block;
	color: #fed600;
	font-size: 1.6rem;
	margin-bottom: 0;
	background: #702333;
	padding: 0 15px;
}

.followup .section .col-md-4 .text-content p:first-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 65px;
    left: 0;
    background-color: #fed600;
    z-index: -2;
}

.followup .section .col-md-4 .text-content p:nth-child(2) { color: transparent; }
.followup .section .col-md-4 .text-content p:nth-child(2) strong { color: #fff; font-weight: 400 }
.followup .section .col-md-4 .text-content table { color: #000; background: #fff; margin: 0; }
.followup .section .col-md-4  tr:hover { background: #fed600; color: #fff; }
.page_id_146710 .section:not(.section_row_main) { padding-top: 30px; background: #fff; margin-bottom: 0; }
.page_id_172198 .section:not(.section_row_main) { padding-top: 30px; background: #fff; margin-bottom: 0; }

/* Wok-to-go */
.page_id_146713 .section_row_main ~ .section { padding-top: 30px; background: #fff; }
.page_id_146713 .section .text-content p { color: #fff; }
.page_id_146713 .section .text-content table + p { color: #fff; margin: 5px 0;}

/* Catering */
.page_id_146716 .section_row_main { text-align: center; padding-bottom: 30px; }
.page_id_146716 .section_row_main hr { display: none; }

.page_id_146716 .text-content td{ font-weight: 700; text-align: center; border: none; }
.page_id_146716 .section .col-md-4  tr:hover { background: #fed600; color: #fff; }
.page_id_146716 .section_row_1  { color: #fff; }
.page_id_146716 .section_row_1 p:last-child { text-decoration: underline; }

.page_id_146716 .section_row_2 { margin-top: 300px; }
.page_id_146716 .section_row_2 .text-content:first-child {margin-top: -116px;}
.page_id_146716 .section_row_2 .text-content:first-child p { color: #fff; }


.page_id_146716 .section_row_2 { background: #fff; margin-bottom: 0; }
.page_id_146716 .section_row_3 { background: #fff; text-align: center; }
.page_id_146716 .section_row_3 .text-content { background: #702333; color: #fff; font-weight: 500; padding: 20px 0; border-radius: 30px; margin-bottom: 30px }

/* Acties */
.page_id_146719 .section_row_1 > div {margin-right: 135px;}
.page_id_146719 .section_row_main ~ .section { padding-top: 30px; background: #fff; }
.page_id_146719 .section .text-content { text-align: center; }
.page_id_146719 .section .text-content p:first-child:after { width: 180px; left: calc(50% - 90px); }
.page_id_146719 .section_row_1 .text-content:nth-child(2) { padding: 30px 0; }
.page_id_146719 .section b { color: #666; text-decoration:line-through; }
.page_id_146719 .section strong { color: #702333; font-size: 3rem; }

/*++webshop++*/

/*++contact++*/
.formblock_main br:last-child, #gmaps + hr { display: none; }
.page_id_146653 h3 { display: none; }
.page_id_146653 .section_row_2 { margin-bottom: 30px; }
.page_id_146653 .open-map-container { border-radius: 30px; height: 333px; }
.page_id_146653 .control-label { color: #fff; }
.page_id_146653 .col-sm-12 { padding-left: 0; }
.page_id_146653 .col-sm-3 { display: none; }
.page_id_146653 .col-sm-8 input { float: left !important; }
.page_id_146653 .section  p { color: #fff; }

/* forms */
.col-md-3 .form-horizontal .control-label { text-align: left; }
.required.form-control.error { background-color: #fec0c0; }  /*visuals required from fields*/
.required.form-control.valid { background-color: #c9fbcd; }
#custom_form textarea[rows="3"] { height: 74px; } /*fix for cross browser text area height*/

/* galleries */
.fancybox-image { background-size: contain; }

/* faq */
#accordion_faq .panel-heading { padding: 0; }
#accordion_faq .panel-heading > a { display: block; padding: 10px 15px; }
#accordion_faq a { display: initial; }

/*+++++FOOTER+++++*/
/*++++++++++++++++*/

footer { background-color: #111; }
footer > .container:first-child, footer > .container:nth-child(2) { color: #fff; }
footer > .container:last-child { background-color: #702333; color: #000; text-align: center; width: 100%; }
footer > .container:last-child > hr,  footer > .container:nth-child(2) hr { display: none; }
.footer_col { padding: 15px; }
.copyright { padding: 4px 0; color: #fed600}
.footer_navbar { padding: 15px; }
footer a { color: #fff; }
.foot_header { font-size: 1.2rem; font-weight: bold; }
.copyright > a { color: #fff; }

footer { background-color: #702333; }
footer .footer-section-1 { text-align: center; background: #fed600; }
footer .footer-section-1 p { font-size: 2.2rem; color: #000; } 
footer .footer-section-2 { padding: 40px 0 50px 0; }
footer .footer-section-2 .col-md-6:first-of-type a { margin: 0px 20px; color: #fed600; font-size: 1.1rem; }
footer .footer-section-2 .col-md-6:first-of-type a:hover { text-decoration: none; color: #fff; }
footer .footer-section-2 .col-md-6:last-of-type figure {max-width: 140px;float: right;margin-top: -6px;}

/*+++++MEDIA QUERIES+++++*/
/*+++++++++++++++++++++++*/

@media (max-width:1199px){
    .page_id_146716 .section_row_2 h3:before { width: 100px; left: 65px; }
}
@media (max-width:991px){
    header .container:first-child .col-md-3 { display: none; }
    body.homepage { background-size: cover; }
	
    /* homepage */

    /* home - section main */
    .homepage .section_row_main { backgroud: url('../images/bg-temple.jpg'); }
    .homepage .section_row_main .text-content { max-width: 100%; display: block; margin: 0 50px; }
    .homepage .section_row_main .text-content.extra { display: block; margin-top: 50px; text-align: center; } /* 'Bekijk ons menu' button */
    .homepage .section a.btn { display: inline-block; }

    .homepage #popup2 { margin: 0 auto; padding: 15px 0; width: 68%;}
    
    /* home - section 2 */
    .homepage .section_row_2 { padding: 30px 0; margin-bottom: 0; background-color: #702333; }
    .homepage .section_row_2 .col-md-4:nth-child(2) { margin: 30px 0; }
    .homepage .section_row_2 figure { overflow: hidden; height: 200px; border-radius: 30px; position: relative; }
                                                     
	.homepage .section_row_2 .col-md-4:first-child img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .homepage .section_row_2 p { padding-bottom: 0px; }
    .homepage .section_row_2 .text-content img { border-radius: 0; }
	
    /* home - section 3 */
	.homepage .section_row_3 { padding-top: 40px; }
    .homepage .section_row_3 .col-md-6:first-of-type .text-content { text-align: center; }

    .followup .text-content {max-width: 400px;margin: auto;}
	
    /* Catering */
    .page_id_146716 .section_row_1 .col-md-6:last-child { display: none; }
    .page_id_146716 .section_row_2 { margin-top: 0; }
    .page_id_146716 .section_row_2 h3:before  { width: 130px; left: calc(50% - 65px); }
    .page_id_146716 .section_row_2 .text-content:first-child { margin-top: 30px; padding: 30px; }
    .page_id_146716 .section_row_2 .text-content:last-child { height: auto; }
    
    /* Contact */
    .page_id_146653 .open-map-container { border-radius: 30px; height: 250px; }

	/* footer */
	footer { text-align: center; }
	footer .footer-section-2 { padding: 30px 0; }
	footer .footer-section-2 .col-md-6:last-of-type figure { float: none; margin: auto; }
}
@media (max-width:767px){
    .navbar-fixed-top a[href^="tel:"] { color: #000 !important; visibility: hidden; }
    .navbar-fixed-top a[href^="tel:"] i { visibility: visible; }
    #logo { float: none; text-align: center;}
    img.img_right, img.img_left { display: block; float: none; }
    
    /* homepage */
    .homepage .section_row_main .text-content { margin: 0; }
	  .homepage #popup1 {width:100%; left: 0;}
    /* Menu */
   .page_id_146710 .section .col-md-4 .text-content:nth-child(odd) { 
        background: #702333;
        text-align: center; 
        padding-top: 20px;
        padding-bottom: 10px; 
        border-top-left-radius: 30px; 
        border-top-right-radius: 30px;
    }
	
    /* Catering */
    .page_id_146716 .section_row_2 h3:before { width: 40%; left: 30%; }
    .page_id_146716 .section_row_2 .text-content:first-child { padding: 20px 10px; }
    .page_id_146716 .section_row_2 .text-content:last-child { padding: 10px; }
}
@media (min-width:768px){
    .navbar-fixed-top { display: none; }
    .main_nav.hidden-sm {display:block !important;}   /*main_nav in custom header fix*/
}
/* Extra responsive step for footer / webshop on tablet */
@media (min-width:550px) and (max-width:991px) {
    .col-md-3.footer_col { float: left; width: 50%; }
    .col-md-3.footer_col:nth-child(odd)  { clear: left ; }
    .col-md-3.footer_col:nth-child(even) { clear: right; }
    #category_products .col-md-4, #frontproducttable .col-md-4 { float: left; width: 50%; }
}

/*----------------------------------------END-OF-FILE----------------------------------------------------*/