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

/*++++++++IMPORT++++++++*/
/*++++++++++++++++++++++*/
@font-face {
    font-family: "Poppins";
    src: url("../files/Poppins-Regular.ttf");
}
@font-face {
    font-family: "Poppins";
    font-weight: 300;
    src: url("../files/Poppins-Light.ttf");
}
@font-face {
    font-family: "Poppins";
    font-weight: bold;
    src: url("../files/Poppins-Bold.ttf");
}

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

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

/* table */
table { width: 49%; margin: 20px 0; }
table tr td { padding: 6px; }
table tr td br { display: 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;    }
a:focus   { outline: none;  }
p a       { color: #744f9f; }
p a:hover { color: #000;    }


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

#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+++++*/
/*++++++++++++++++++++++++*/

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

/* general header */
header { box-shadow: none; padding-bottom: 0; position: relative; z-index: 9; }

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

/* main_navigation */
header .main_nav { margin-top: 30px; text-align: right; }
.main_nav ul li { color: #000; }
.main_nav ul li:hover, .main_nav ul li.active-menu a { color: #744f9f; background-color: transparent; }
.main_nav ul li a  { color: inherit; background-color: inherit; font-family: "Poppins"; 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: transparent; font-weight: bold; }

/** 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; }
header .dropdown-menu { top: 110%; left: 4px; } 
header .dropdown::after { content: ""; color: #000; bottom: -4px; position: absolute; left: 44%; }
header .dropdown:hover::after { color: #744f9f; }  
header .main_nav ul li.dropdown > ul.dropdown-menu li a { color: #744f9f; }
header .dropdown-menu > .dropdown > .dropdown-menu { top: 0; right: 100%; left: auto; }

/*+++++BANNER+++++*/
/*++++++++++++++++*/

#sequence-theme { position: relative; z-index: 0; }
#sequence-theme .slide .caption br { display: block; } /* Fixes <br> disappearing */
#sequence-theme .bgimg { background-size: auto; } /*Fix for banner above 1920px*/
#sequence-theme { margin: 0 auto; max-width: 1170px; }
#sequence-theme .animate-in .title-left-to-right-animate { top: 50%; left: 20%; text-align: left; transform: translate(0, -50%); width: 100%; max-width: 700px; }
#sequence-theme .h2 { display: none; }
#sequence-theme .h3 { font-size: 1.2rem; }
#sequence-theme .h3 strong { font-size: 2.5rem; font-weight: 900; }
#sequence-theme .prev, #sequence-theme .next, #sequence-theme .nav a.active { display: none; }
#sequence-theme .bgimg { background-position-x: 65% !important; }
#sequence-theme .slide2 .bgimg
#sequence-theme .slide3 .bgimg,
#sequence-theme .slide3 .bgimg,
#sequence-theme .slide4 .bgimg,
#sequence-theme .slide5 .bgimg,
#sequence-theme .slide6 .bgimg,
#sequence-theme .slide7 .bgimg,
#sequence-theme .slide8 .bgimg,
#sequence-theme .slide9 .bgimg,
#sequence-theme .slide10 .bgimg,
#sequence-theme .slide11 .bgimg { background-position-y: 85% !important; }


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

/*++General pages++*/
/*#page { min-height: 100vh; padding: 0; flex: 1 1 auto; }*/
#page { padding: 0; flex: 1 1 auto; min-height: 60vh; }
#page > .container:first-child { position: fixed; top: 15px; right: 15px; max-width: 370px; z-index: 2000; }/*Alert fix*/
.textblock > hr { display: none; }
figure { margin: 50px auto; }

/*++Homepage++*/
#page .section:nth-child(2) .column_1 { padding: 0; }
body:not(.no-index) .section { text-align: center; }
body:not(.no-index) .section strong { color: #744f9f; }

/*Section main "body:not(.no-index) .section_row_main"*/
body:not(.no-index) .section_row_main .container { background-color: #744f9f; padding: 50px 15px; margin: 0 auto; width: 100%; max-width: 1170px; }
body:not(.no-index) .section_row_main p { display: flex; justify-content: space-evenly; }
body:not(.no-index) .section_row_main a { color: #fff; display: inline-block; }
body:not(.no-index) .section_row_main a img { height: 50px; }
body:not(.no-index) .section_row_main a i { display: block; font-style: normal; font-weight: bold; padding-top: 10px; }

/*Section 1 "body:not(.no-index) .section_row_1"*/
body:not(.no-index) .section_row_1 { padding: 50px 0; }

/*section 2 "body:not(.no-index) .section_row_2"*/
body:not(.no-index) .section_row_2 { background-color: #744f9f; padding: 25px 0; }
body:not(.no-index) .section_row_2 [class^="custom_default"] { display: flex; justify-content: space-evenly; }
body:not(.no-index) .section_row_2 p { color: #fff; font-weight: bold; font-size: 1.5rem; margin-bottom: 0; }
body:not(.no-index) .section_row_2 .btn-default { background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #744f9f; font-weight: bold; padding: 8px 30px; text-transform: uppercase; transition: 0.3s; }
body:not(.no-index) .section_row_2 .btn-default:hover { background-color: transparent; color: #fff; }

/*Section 3 "body:not(.no-index) .section_row_3"*/
body:not(.no-index) .section_row_3 { padding: 50px 0; }

/*section 4 "body:not(.no-index) .section_row_4"*/
body:not(.no-index) .section_row_4 { padding-bottom: 50px; }
body:not(.no-index) .section_row_4 figure { display: inline-block; padding: 0 40px; width: calc(100% / 3;); }

/*Section 5 "body:not(.no-index) .section_row_5"*/
body:not(.no-index) .section_row_5 { background-color: #f2f2f2; padding: 75px 0; }
body:not(.no-index) .section_row_5 figure { border-radius: 100%; height: 200px; width: 200px; position: relative; overflow: hidden; margin: 0 auto 25px; }
body:not(.no-index) .section_row_5 figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 110%; max-width: none; }

/*section 6 "body:not(.no-index) .section_row_6"*/
body:not(.no-index) .section_row_6 { background-color: #744f9f; padding: 25px 0; }
body:not(.no-index) .section_row_6 p { color: #fff; font-weight: bold; font-size: 1.5rem; }

/*section 7 "body:not(.no-index) .section_row_7"*/
body:not(.no-index) .section_row_7 { padding: 50px 0; }
body:not(.no-index) .section_row_7 figure { margin-bottom: 25px; }

/*++++++FOLLOW UP PAGES++++++*/
/*+++++++++++++++++++++++++++*/
body.no-index:not(.page_contact) .section_row_main { background-color: #744f9f; padding: 50px 0; }
body.no-index:not(.page_contact) #page .section_row_main h1 { color: #fff; font-size: 5rem; font-weight: bold; }

body.no-index:not(.page_contact) .section_row_1 { padding: 50px 0; }
body.no-index:not(.page_contact) .section_row_1 table { margin: 10px 0; padding: 10px 15px; width: calc(100% / 1); }
body.no-index:not(.page_contact) .section_row_1 table thead { background: #744f9f; color: #fff; }
body.no-index:not(.page_contact) .section_row_1 table thead th { padding: 10px 15px; }
body.no-index:not(.page_contact) .section_row_1 table thead i { float: right; }
body.no-index:not(.page_contact) .section_row_1 table tbody tr a, a:link, a:focus, a:hover { color: #744f9f;}

body.no-index:not(.page_contact) .sidemenu { padding-left: 0; }
body.no-index:not(.page_contact) .sidemenu > li { font-weight: bold; list-style: none; padding: 10px 0; }
body.no-index:not(.page_contact) .sidemenu li ul li { font-weight: normal; list-style: none; }
body.no-index:not(.page_contact) .sidemenu li a { color: #666; }
/*++webshop++*/

/*++Famed++*/
.page_id_141104 .section { padding: 20px 0 ; }

/*++inschrijven++*/
.page_inschrijven .section_row_2 .formblock_main .form-group .btn-default {
    background-color: #744f9f;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #744f9f;
    border-radius: 3px;
    transition: 0.3s;
}

.page_inschrijven .section_row_2 .formblock_main .form-group .btn-default:hover {
    background-color: #fff;
    color: #744f9f;
}
/*++contact++*/
.formblock_main br:last-child, #gmaps + hr { display: none; }
body.no-index:not(.page_contact) #page h2 { font-size: 1rem; font-weight: bold; color: #744f9f; }

.page_contact .section_row_main { background-color: #744f9f; padding: 50px 0; }
.page_contact #page .section_row_main h1 { color: #fff; font-size: 5rem; font-weight: bold; }

.page_contact .section_row_1 { padding: 50px 0; }
.page_contact #page .section_row_1 .row > .col-md-9 { left: 25%; }
.page_contact #page .section_row_1 .row > .col-md-3 { right: 75%; }

.page_contact #page .section_row_1 .textblock {
    background-color: #fff;
    display: inline-block;
    float: left;
    margin-right: 5%;
    margin-right: calc(30px);
    padding: 10px;
    width: 45%;
    width: calc(50% - 30px);
    line-height: 1.8;
    min-height: 260px;
}
.page_contact #page .section_row_1 [class*="custom_default"] {
    background-color: #ffffff;
    display: inline-block;
    min-height: 260px;
    padding: 14px;
    position: relative;
    width: 50%;
}
.page_contact .section_row_1 .col-md-9 img { max-height: 320px; }
.page_contact #page .section_row_1 [class*="custom_default"] table { margin: 10px 0; }
.page_contact .section_row_1 [class*="custom_default"] table td { vertical-align: middle; }
.page_contact #page .section_row_1 #gmaps {
    background-color: #fff;
    padding: 12px;
    text-align: center;
}
.page_contact #page .section_row_1 #gmaps h2 { text-align: left; }
.page_contact #page .section_row_1 .formblock_main { background-color: #fff; margin-top: 30px; padding: 15px; clear: both; }
.page_contact #page .section_row_1 .formblock_main > br:last-child { display: none; }

.page_contact #page .section_row_1 #gmaps #my_map { border: 1px solid #eee; border-radius: 0; height: 568px; }
.page_contact #page .btn-default {
    background-color: #744f9f;
    border: 1px solid #744f9f;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    padding: 8px 30px;
    text-transform: uppercase;
    transition: 0.3s;
}
.page_contact #page #custom_form > .form-group .btn.btn-default.pull-right {margin: -8px 4px 0 0 !important;}
.page_contact #custom_form > .form-group div {float: none; text-align: right; width: 100%;}
.page_contact #page #custom_form .well {padding-top: 7px;}
.page_contact #page .section_row_1 #custom_form textarea[rows="3"] {height: 102px;}
.page_contact .section #custom_form.form-horizontal .form-group .col-sm-12 {padding: 0;}
.page_contact #page .btn-default:hover { background-color: transparent; color: #744f9f; }

/* 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: #744f9f; }
footer > .container:first-child, footer > .container:nth-child(2) { color: #fff; }
footer > .container:first-child { padding: 50px 15px; }
footer > .container:first-child .col-md-3:nth-child(3) p strong { padding-bottom: 10px; }
footer > .container:last-child { background-color: #ccc; 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; }
.footer_navbar { padding: 15px; }
footer a { color: #fff !important; }
.foot_header { font-size: 1.2rem; font-weight: bold; }
.copyright > a { color: #428bca; }

/** social media **/
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Twitter"],
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Facebook"],
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Pinterest"],
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Google+"],
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Linkedin"],
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="YouTube"],
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Instagram"] { 
    font-family: FontAwesome; 
    display: inline-block; 
    width: 1.4em; 
    height: 1.4em; 
    line-height: 1.4em; 
    text-align: center; 
    border-radius: 100%; 
    overflow: hidden; 
    vertical-align: middle; 
    text-decoration: none; 
    color: #fff; 
    font-size: 1.3em; 
    background-color: inherit; 
    margin-right: 10px; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Twitter"] b,
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Facebook"] b,
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Pinterest"] b,
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Google+"] b,
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Linkedin"] b,
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="YouTube"] b,
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Instagram"] b { display: none; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Twitter"]::before { content: '\f099'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Facebook"]::before { content: '\f09a'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Pinterest"]::before { content: '\f0d2'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Google+"]::before { content: '\f0d5'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Linkedin"]::before { content: '\f0e1'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="YouTube"]::before { content: '\f167'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Instagram"]::before { content: '\f16d'; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Twitter"]:hover { color: #00aced; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Facebook"]:hover { color: #3b5998; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Pinterest"]:hover { color: #cb2027; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Google+"]:hover { color: #dd4b39; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Linkedin"]:hover { color: #007bb6; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="YouTube"]:hover { color: #bb0000; }
footer > .container:nth-child(1) .col-md-3:nth-child(3) a[title="Instagram"]:hover { color: #125688; }


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

@media (max-width:1199px){
    .page_contact #page .section_row_1 #gmaps #my_map { height: 538px; }
    .page_contact #page .btn-default { padding: 5px 20px; }
}
@media (max-width:991px){
    body:not(.no-index) .section_row_4 figure { padding: 0; }
    body:not(.no-index) .section_row_5 [class^="custom_default"] { margin: 50px auto 0; max-width: 400px; }

    body:not(.no-index) .section_row_7 [class^="custom_default"] { padding: 50px 0; max-width: 400px; margin: 0 auto; }

    body.no-index:not(.page_contact) .section_row_1 .row { display: flex; flex-flow: wrap; }
    body.no-index:not(.page_contact) .section_row_1 .col-md-3 {
    max-width: calc( 100% / 3.5 );
    overflow-wrap: break-word;
    word-wrap: break-word;
     -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
    body.no-index:not(.page_contact) .section_row_1 .col-md-9 { padding-top: 10px; max-width: calc( 100% / 1.4); }
    
    .page_contact #page .section_row_1 .row > .col-md-9 { left: 0; }
    .page_contact #page .section_row_1 .row > .col-md-3 { right: 0; }
    .page_contact #page .btn-default { padding: 5px 30px; }
    .page_contact #page .section_row_1 #gmaps { margin-top: 30px; }
}
@media (max-width:767px){
    .navbar-fixed-top a[href^="tel:"] { color: #000 !important; }    
    #logo { float: none; text-align: center;}
    img.img_right, img.img_left { display: block; float: none; }

    #sequence-theme .animate-in .title-left-to-right-animate { left: 0; padding: 15px; }
    #sequence-theme .h3 { font-size: 1.3rem; }
    #sequence-theme .h3 strong { font-size: 3rem; }
    
    body:not(.no-index) .section_row_2 [class^="custom_default"] { display: block; }
    body:not(.no-index) .section_row_2 p { margin-bottom: 10px; }

    body.no-index:not(.page_contact) #page .section_row_1 .col-md-9 { padding-top: 50px; max-width: calc( 100% / 1 );}
    body.no-index:not(.page_contact) #page .section_row_1 .col-md-3 { max-width: calc( 100% / 1 ); }
    body.no-index:not(.page_contact) #page .section_row_main h1 { font-size: 2rem; }
    
    .page_contact #page .section_row_main h1 { font-size: 2rem; }
    .page_contact #page .section_row_1 .textblock { width: 100%; float: none; margin: 0; }
    .page_contact #page .section_row_1 [class*="custom_default"] { width: 100%; float: none; margin-top: 30px; }
    table tr td br { display: block; }
}
@media (max-width:600px){
  body:not(.no-index) .section_row_main p { flex-direction: column; }
  body:not(.no-index) .section_row_main a { margin: 15px; }
}

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