/* Baseline-default.css rev: 19/10/2017*/

/*++++++++IMPORT++++++++*/
/*++++++++++++++++++++++*/
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
/* de import met font het liefst in de graphic settings pagina plaatsen als deze goed werkt */
/*+++++BODY / GLOBALS+++++*/
/*++++++++++++++++++++++++*/
html { -ms-overflow-style: scrollbar; font-size: 14px; display: flex; flex-direction: column; } /* disable IE scrollbar overlay */
body { font-family: 'Inconsolata', monospace; font-size: 1rem; min-height: 100vh; display: flex; flex-direction: column; flex-wrap: nowrap; }
.container .container { padding: 0; width: 100%; }
iframe { border: none; }

/* 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;    }
p a       { color: #1c7be1; }
p a:hover { color: #000;    }

/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2; font-family: 'Inconsolata', monospace; padding: 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: 'Inconsolata', monospace; }

#page h1, .h1,
#page h2, .h2,
#page h3, .h3,
#page h4, .h4,
#page h5, .h5,
#page h6, .h6 { font-size: 42px; }

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

/* top_navigation */
.navbar-fixed-top a[href^="tel:"] { color: #fff !important; }
a[href='tel:0909-0909'] {display: none; }
.navbar-fixed-top {
    background: #c32077;
    border-bottom: none;
    box-shadow: none;
    display: none;
}
.navbar-default .navbar-nav > li > a { color:#fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#7a4590; }
/*+++++HEADER+++++*/
/*++++++++++++++++*/

/* general header */
header { position: relative; z-index: 9; padding: 8px 0; box-shadow: none; background: #7a4590; }
header .container { display: flex; flex-wrap: wrap; align-items: center; }

/* logo */
#logo { text-align: center; float: left; }
#logo a img { width: 200px; }

/* main_navigation */
header .main_nav { margin-left: auto; }
.main_nav ul { list-style-type: none; margin: 0;  padding: 0;  overflow: hidden; background-color: #7a4590;}
.main_nav ul li { color: #fff; float:left; }
.main_nav ul li:hover, .main_nav ul li.active-menu a { color: #c32077; background-color: transparent; }
.main_nav ul li a { color: inherit; background-color: transparent; border-bottom: solid 1px transparent; transition: 300ms; font-family: 'Inconsolata', monospace; display: block; text-decoration: none; font-size: 20px;}
header .multi-button a.main, .main_nav ul li a  { padding: 10px 20px; }
.main_nav ul li a:hover,
header .main_nav li a.actief { color:#c32077; background-color: transparent; }

/** 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+++++*/
/*++++++++++++++++*/
.banner { position: relative; }
.banner img {
    width: 100%;
    background-size: cover;
    position: relative;
    max-height:650px;
}
.banner .banner-text h1 {position: absolute; top: 40%; left: 50%; text-align: center; transform: translateX(-50%) translateY(-50%); z-index: 20; text-transform: uppercase; }


/*+++++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*/
.column_2a { margin-top: 0; padding-bottom: 0; }
#page .section:nth-child(2) .column_1 { padding-top: 0; }

/*++Homepage++*/

/*Section main "body:not(.no-index) .section_row_main"*/

body:not(.no-index) .section_row_main .container {
    background: url("../img/flowerssectionmain.jpg");
    background-size: cover;
    min-height: 755px;
    margin: -150px auto 0;
    position: relative;
    z-index: 20;
    padding-bottom: 200px;
}
body:not(.no-index) #page .section_row_main .main { background: #fff; padding: 60px; position:static; }
body:not(.no-index) #page .section_row_main .main .textblock h1 { color:#c32077; text-transform: uppercase; }
body:not(.no-index) #page .section_row_main .main hr { display: none; }
body:not(.no-index) #page .section_row_main .main .textblock p { line-height: 30px; color: #000; }
body:not(.no-index) #page .section_row_main .main [class^="custom_default_"] {
	position: absolute;
	min-height: 390px;
	background: url("../img/mariafoto1.jpg");
	color: #fff;
	text-align: right;
	padding: 30px;
	bottom: -270px;
	left: -28px;
	min-width: 350px;
	background-position: 20% 0%;
	background-repeat: no-repeat;
}
body:not(.no-index) #page .section_row_main .main [class^="custom_default_"] h2 { color:#fff; font-size:2em; }
body:not(.no-index) #page .section_row_main .main [class^="custom_default_"] b { font-size: 50px; }
body:not(.no-index) .section_row_main .sidebar { background: #ec7f9f; }
body:not(.no-index) #page .section_row_main .sidebar [class^="custom_default_"] h2 { color: #fff; padding: 26px 0; text-transform: uppercase; font-size: 22px; text-align: center; }
body:not(.no-index) #page .section_row_main .sidebar [class^="custom_default_"] b { font-size:57px; }
body:not(.no-index) .section_row_main .sidebar::before {
    content: "";
    position: absolute;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 17px solid #ec7f9f;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}
/*Section 1 "body:not(.no-index) .section_row_1"*/

body:not(.no-index) .section_row_1 {
    background: url("../img/splitroadsection1bg1920x900.jpg");
    background-size: cover;
    min-height: 750px;
    background-position: center center;
}

/*section 2 "body:not(.no-index) .section_row_2"*/

body:not(.no-index) .section_row_2 .container {
    background: url("../img/sectionrow2bg.jpg");
    background-size: cover;
    min-height: 755px;
}
body:not(.no-index) #page .section_row_2 .col-md-6 { background: #fff; padding: 60px; padding-bottom:0; margin: -120px auto 0; position: relative; z-index: 20;}
body:not(.no-index) #page .section_row_2 .col-md-6 [class^="custom_default_"] h1 { color:#c32077; text-transform: uppercase; }
body:not(.no-index) #page .section_row_2 .col-md-6 hr { display: none; }
body:not(.no-index) #page .section_row_2 .col-md-6 [class^="custom_default_"] p { line-height: 30px; color: #000; }
body:not(.no-index) #page .section_row_2 .col-md-6 [class^="custom_default_"] p:last-child { text-align: center; margin:0 auto -30px; }
body:not(.no-index) #page .section_row_2 .col-md-6 [class^="custom_default_"] p a,
body:not(.no-index) .banner .banner-text p a{ 
    background: #c32077; color: #fff; padding: 5px 14px; font-size: 30px; 
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
body:not(.no-index) #page .section_row_2 .col-md-6 [class^="custom_default_"] p a:hover { cursor: pointer; animation-name: bounce; -moz-animation-name: bounce; }
body:not(.no-index) #page .section_row_2 .col-md-3  { background: #ec7f9f; }
body:not(.no-index) #page .section_row_2 .col-md-3 [class^="custom_default_"] h2 { color: #fff; padding: 26px 0; text-transform: uppercase; font-size: 22px; text-align: center; }
body:not(.no-index) #page .section_row_2 .col-md-3 [class^="custom_default_"] b { font-size:47px; }

/*++++++FOLLOW UP PAGES++++++*/
/*+++++++++++++++++++++++++++*/
body.no-index .section_row_main:not(.upper_contact) { padding: 100px 0; }
body.no-index .section_row_main:not(.upper_contact) .col-md-6:first-child > div { max-width: 500px; }
body.no-index #page .section_row_main:not(.upper_contact) h1 { font-size: 3em; }
body.no-index .section_row_main:not(.upper_contact) p { line-height: 1.7; }
body.no-index .section_row_main:not(.upper_contact) hr { display: none; }


body.no-index:not(.page_contact) #page hr { display: none; }
body.no-index:not(.page_contact) .section { position: relative; padding: 80px 0px 80px 0; }
body.no-index #page h2 { font-size: 2.4em; color: #7a4590; margin-bottom: 20px }
body.no-index:not(.page_contact) #page .section:nth-child(2n+4) h2 { color: #000; }

body.no-index:not(.page_contact) .section_row_main { background: url("../img/mariabanner.jpg") no-repeat center/cover; max-height:100px;}
/*body.no-index:not(.page_contact) .section_row_main::before { 
        position: absolute; 
        content: ""; 
        background: linear-gradient(120deg, rgba(128,0,0,0.6) 50%, rgba(155,50,50,0) 50% ); 
        height: 100%; 
        width: 100%; 
        top: 0; 
        left:0; 
}*/
body.no-index:not(.page_contact) #page .section_row_main h1 { 
        color: #fff; 
        font-size: 3em; 
        text-transform: uppercase; 
}

body.no-index:not(.page_contact) .section:nth-child(odd)::before { 
        position: absolute; 
        content: ""; 
        background: linear-gradient(177deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%); 
        width: 100%; 
        top: 60px; 
        left:0; 
        z-index:5; 
}
body.no-index:not(.page_contact) .section:nth-child(2n+4) { background: rgba(200,200,200,1); color: #fff; }/*
body.no-index:not(.page_contact) .section:nth-child(2n+4)::before { 
        position: absolute; 
        content: ""; 
        background: linear-gradient(3deg, rgba(200,200,200,1) 50%, rgba(255,255,255,0) 50%); 
        height: 120px; 
        width: 100%; 
        top: 230px; 
        left:0; 
        z-index:5; 
} */

body.no-index:not(.page_contact) .section_row_main ~ .section .col-md-12 div:nth-child(n+2) { width: 50%; float: left; }
body.no-index:not(.page_contact) .section_row_main ~ .section .col-md-12 div:nth-child(2) { padding-right: 40px; }
body.no-index:not(.page_contact) .section_row_main ~ .section .col-md-12 div:nth-child(3) { padding-left: 40px;  }
body.no-index:not(.page_contact) .section_row_main ~ .section .col-md-12 div:nth-child(3) img {max-width: 100%; }





/*++webshop++*/

/*++contact++*/
.formblock_main br:last-child, #gmaps + hr { display: none; }

/* 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; }
.googlemap .i4ewOd-pzNkMb-haAclf { display: none !important;}
.googlemap iframe { width: 100%;}
/*+++++FOOTER+++++*/
/*++++++++++++++++*/
footer { background-color: #FFF; color: #252525; text-align: center; padding-top: 15px; }

/*container*/
footer .container { width: 100%; max-width: 1450px; }

/*col*/
footer .footer_col:not(:nth-of-type(2)) { border-top: 1px solid #252525; padding-top: 50px; margin-top: 15px; }


/*links*/
footer .footer_col a { color: #252525; text-decoration: none; }

/*logo*/
footer .footer_col:nth-of-type(2) { margin-top: -15px; }
footer .footer_col:nth-of-type(2) figure { display: block; margin: 0 auto 35px; }
footer .footer_col:nth-of-type(2) img { max-height: 45px; }

/*social media*/
footer .footer_col:nth-of-type(2) .social-icons { padding: 0; margin: 0 auto; }
footer .footer_col:nth-of-type(2) .social-icons .social-icon { display: inline-block; }

/*+++++MEDIA QUERIES+++++*/
/*+++++++++++++++++++++++*/
@media (max-width){ body:not(.no-index) #page .section_row_main .main [class^="custom_default_"] { left:-40px; } }
@media (max-width:1199px){
    #sequence-theme .slide .caption { margin-left: -485px; width: 970px; }
}
@media (max-width:991px){
    #sequence-theme .slide .caption { margin-left: -375px; width: 750px; }
    .section { text-align: center; }
    body.no-index .section_row_main:not(.upper_contact) .col-md-6:first-child > div { max-width: 100%; padding-bottom: 50px; }
    body:not(.no-index) #page .section_row_main .sidebar [class^="custom_default_"] h2 { margin-top: 0; margin-bottom: 0; }
    body:not(.no-index) .section_row_main .sidebar::before { display: none; }
    body:not(.no-index) .section_row_2 { background: url("../img/sectionrow2bg.jpg"); background-size: cover;  min-height: 755px; }
    body:not(.no-index) .section_row_2 .container { background:none; }
    body:not(.no-index) .section_row_1 { min-height: 600px; }
    body:not(.no-index) #page .section_row_2 .col-md-6 { margin: -10px auto 0; }
    body:not(.no-index) .section_row_main .container { margin-top:0; }
    body:not(.no-index) #page .section_row_main .main { padding: 30px; }
    footer .footer_col:nth-of-type(2) { margin-top: 15px; }
    body.no-index:not(.page_contact) #page h1 { padding: 0 10%; }
     body.no-index:not(.page_contact) .section_row_main ~ .section .col-md-12 div:nth-child(n) { width: 100%; padding: 20px 10% 0 10%; }
     body.no-index:not(.page_contact) .section { padding:0; }

}

@media (max-width:767px){
    .navbar-fixed-top{ display: block; max-width:100%;}
    #logo { float: none; text-align: center; margin: 55px auto;    margin-bottom: 55px; margin-bottom: 0;}
    img.img_right, img.img_left { display: block; float: none; }
    #sequence-theme { max-height: 300px; }
    #sequence-theme .slide .caption { top: 0; margin-left: -50%; width: 100%; padding: 30px 15px; text-align: center; }
    #sequence-theme .slide .caption .h3 p:first-child strong { font-size: 2em; }
    body:not(.no-index) .section_row_main .container { margin: 0; }
    body:not(.no-index) .section_row_1 { min-height: 500px; }
    #sequence-theme h1 {  font-size: 2.5em;}
    body:not(.no-index) #page .section_row_2 .col-md-3 [class^="custom_default_"] h2 {margin-top:0;}
    body.no-index:not(.page_contact) .section_row_main::before { background: linear-gradient(120deg, rgba(128,0,0,0.6) 75%, rgba(155,50,50,0) 75% ); }
    body:not(.no-index) #page .section_row_main .main [class^="custom_default_"] { position: relative; left:0; max-width: 100%; display: none;}

}
@media (max-width: 576px) { 
    body:not(.no-index) #page .section_row_main .main,
    body:not(.no-index) #page .section_row_2 .col-md-6 { padding: 10px; }
    body:not(.no-index) .section_row_main .container { padding-bottom: 0; }

    body:not(.no-index) #page .section_row_main .main .textblock p,
    body:not(.no-index) #page .section_row_2 .col-md-6 [class^="custom_default_"] p { line-height: 1.428571429; }
    body:not(.no-index) .section_row_main .container { background: none; min-height:0;}
    #sequence-theme .caption img { display:none; }
    body:not(.no-index) #page .section_row_main .sidebar [class^="custom_default_"] h2 { font-size: 20px; }
    .banner .banner-text h1 { width: 100%;   font-size: 23px; }


}

@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----------------------------------------------------*/