/* 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: "Lato", sans-serif; font-size: 1rem; min-height: 100vh; }
.container .container { padding: 0; width: 100%; }
iframe { border: none; }


/* typography */
p { margin: 0 0 1em; padding: 0; line-height: 2rem}
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: #1c7be1; }
p a:hover { color: #000;    }
ul { list-style-position: inside; padding-left: 8px; }

/* Buttons */

.btn { font-weight: bold; font-size: 16px; border: 2px solid transparent; border-radius: 2px; padding: 6px 50px; transition: 200ms; color: #fff; }
.btn:hover { background: transparent; }

.btn-default { background-color: #5e9d42; color: #fff; border-color: #5e9d42; }
.btn-default:hover { color: #5e9d42; border-color: #5e9d42; }

.btn-info { background: #e05c1e; border-color: #e05c1e; }
.btn-info:hover { background: transparent; color: #e05c1e; border-color: #e05c1e; }


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

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

/* general header */
header { position: relative; z-index: 9; }

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

/* main_navigation */
header { box-shadow: none; }
header .main_nav { text-align: center; }
.main_nav ul li {color: #000;;text-align: center;font-weight: 700; }
.main_nav ul li:hover, .main_nav ul li.active-menu a { color: #000; }
.main_nav ul li a  { color: inherit; background-color: inherit; font-family: "Lato", sans-serif; border-bottom: solid 1px transparent; padding: 0; }
header .multi-button a.main, .main_nav ul li a  { padding: 10px 20px; }
.main_nav ul li a:hover { color: #e05c1e; }
.main_nav ul li.active-menu a { border: none; font-weight: 700; color: #e05c1e; }

/* Logo / search section */
header .container:first-child p { float: right; margin-top: 50px; }
header .container:first-child a { padding: 0; padding: 5px 8px; margin-right: 10px;}

/** 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; }

/* afspraak maken */
.main_nav #main-menu-160104{
  border: 1px solid #5e9d42;
  background: #5e9d42;
  color: #fff;
}
/* Mobile Navbar & Button */

/*Navbar*/

.navbar-default { box-shadow: none; background: transparent; border: none; }

/*Nav items*/
.navbar-default .navbar-nav li a { color: #5e9d42; }
.navbar-default .navbar-nav li:hover a { color:  #e05c1e;}

/*Button*/
.navbar-toggle { border: none; }
.navbar-default .navbar-toggle .icon-bar { background: #5e9d42; height: 4px; width: 25px; }

.navbar-default .navbar-toggle:hover { background: none; }
.navbar-default .navbar-toggle:hover .icon-bar { background: #e05c1e; }

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

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

.section_row_main .nav { display: none !important; /* Blijkbaar heeft .nav of deze site inline styling voor de display*/ }
.section_row_main .controls { display: none; }

#sequence-theme .caption { left: 0 !important; top: 0; width: 100% !important; height: 100%;}
.caption .h3 { width: 100%; margin-bottom: 0; }
.caption p {display: inline-block; width: 50%; margin-bottom: 0; position: absolute; bottom: 0; left: 0; }

.caption img { background: rgba(255,255,255,0.4); }
.caption .btn {color: #fff;display: block;width: 50%;padding: 5px 0;margin-left:  40%;font-size: 1.2rem;margin-bottom: 10px;}
.caption p:first-child .btn { margin-left: 10%; } 
.caption .btn:hover { background: #fff; color: #000; }
.caption .btn-default:hover { color: #5e9d42; }
.caption .btn-info:hover { color: #e05c1e; }

/* custom banner vooor vervolgpagina's die er een gebruiken. */
/* Content staat in custom element 'Custom Banner' */

body .banner-custom #sequence-theme { height: 550px; margin-bottom: 0; }
body .banner-custom ul { width: 100%; height: 100%; position: relative; }
body .banner-custom .slide { transition-duration: 0s; transition-delay: 0s; display: list-item; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 1; }
body .banner-custom .bgimg { overflow: hidden; background-size: cover; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px -2px; }

body.page_id_145444 .banner-custom #sequence-theme { height: 770px; margin-bottom: 0; }
/* --[Background URL's ]-- */

/* My opie-beheersing */
.page_id_153616 .banner-block .slide2 [style*="banner_home_1.png"] { background-image: url("/userfiles/bokioogzorg.nl/images/kids_against_wall_2.jpg") !important; }

/* Onze oogzorg */
body.page_id_145225 .bgimg,

/* Optometrie */
body.page_id_145294 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/banner-optometrie.png');  }

/* Optiek */
body.page_id_145297 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/banner-optiek.png');  }

/* Kinderbrillen/Contactlenzen */
body.page_id_145324 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/banner-kinderbrillen.png'); }

/* Optomap */

body.page_id_145417 .slide1 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/optosmonacofototest.jpg'); }
body.page_id_145417 .slide2 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/banner-onze-oogzorg.png'); }
body.page_id_145417 .slide3 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/foto_netvliesprob_2.jpg'); }
body.page_id_145417 .slide4 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/fotonetvliesprob_1.jpg'); }

/* Netvliesproblemen */
/* body.page_id_145444 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/fotonetvliesprob_dubbel.jpg'); background-size: contain; background-repeat: no-repeat; } */
body.page_id_145444 .section_row_main .banner-custom .bgimg { background-size: contain; background-repeat: no-repeat; background-position: center 20%; }
body.page_id_145444 .slide1 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/foto_netvliesprob_2.jpg'); }
body.page_id_145444 .slide2 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/fotonetvliesprob_1.jpg'); }

/* Oogscreening */
body.page_id_145447 .bgimg,

/* Dyslexie */
body.page_id_145450 .bgimg,

/* Binoculaire zien */ 
body.page_id_145498 .bgimg { background: url('/userfiles/bokioogzorg.nl/images/banner/banner-oogscreening.png'); }



/*+++++PAGE / MAIN CONTENT+++++*/
/*+++++++++++++++++++++++++++++*/
#sequence-theme .bgimg {
  background-size: cover;}

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

body .section .container {padding-top: 50px;}
body .text-content hr:last-child { display: none; }
body .section_row_main .container { padding-top: 0; padding-bottom: 0;}

body > .banner-block { display: none; }

/* Accordion */
.accordion-toggle,
.panel { text-align: center; }

.panel-heading { padding: 0px 0;}

.accordion-toggle { padding: 2px 0; border-radius: 5px; color: #fff; background: #5e9d42; }
.accordion-toggle:not(.collapsed),
.accordion-toggle:hover { text-decoration: none; color: #fff; background: #5e9d42; }
.accordion-toggle:not(.collapsed) p,
.accordion-toggle:hover p { background: transparent; background: #5e9d42; }

/* Table */
table tr th,
table tr td { border-top-wdith: 2px; }
table tr:not(:first-child):hover { border-top-color:#5e9d42; background: #5e9d42; }
table tr:hover td { color: #fff; font-weight: 700 }

/*++Homepage++*/

/*Section main ".homepage .section_row_main"*/
#page .section:nth-child(2) .column_1 { padding: 0; }

/*Section 1 ".homepage .section_row_1"*/
body.homepage .section_row_1 hr { display: none; }
body.homepage .section_row_1 img { width: 80%; }

body.homepage .section_row_1 .col-md-6:first-child .text-content:last-child { padding-top: 30px; }

/*section 2 ".homepage .section_row_2"*/

body.homepage .section_row_2 { text-align: center; }
body.homepage .section_row_2 img { width: 25%; }
body.homepage .section_row_2 figcaption { display: block; font-size: 16px; margin-top: 15px; color: #e05c1e; font-weight: 700; }

/*section 3 ".homepage .section_row_3"*/
body.homepage .section_row_3 { text-align: center; background: #000; color : #fff; }
body.homepage #page  .section_row_3 h2,
body.homepage #page  .section_row_3 .h3 { color: #fff; }
body.homepage #page  .section_row_3 h2 { margin-bottom: 40px; }
body.homepage #page  .section_row_3 .h3 { margin-bottom: 20px }

body.homepage .section_row_3 .custom-item { width: 80%; margin: 0 10%; }

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

/* General */
body.followup .section:last-child .container { border-bottom: 5px solid #5e9d42; } 
body.followup .section_row_main a { border-radius: 0; }

/* Onze Specialisten */
body.page_id_145264 .section ul { padding: 0; }
body.page_id_145264 .section_row_1 .container { padding-bottom: 0; }
body.page_id_145264 .section_row_1 hr { display: none; }
body.page_id_145264 .section:nth-child(n+4):nth-last-child(n+2) .container { border-bottom: 1px dashed #bababa; }
body.page_id_145264 .section:nth-child(n+4) p { font-size: 1.3rem; }
body.page_id_145264 .section:nth-child(n+4) img { height: 200px; }

/* Prijslijst */
body.page_id_145273 .section_row_2 { text-align: center; }

/* CBR Keuring */
body.page_id_145282 .textblock p:last-child { text-align: center; }
body.page_id_145282 .textblock p:last-child a:nth-of-type(n+2) { margin-top: 10px;   }
body.page_id_145282 .section .textblock p:last-child a:last-child:hover { background: transparent; color: #e05c1e; }

/* Optiek */
body.page_id_145297 ul { padding-left: 0; }
body.page_id_145297 iframe { width: 600px; height: 338px; }

/* Kinderbrillen / Contactlenzen */
body.page_id_145324 .section .col-md-4 ul { padding: 0; list-style: none; width: 50%; }
body.page_id_145324 .section .col-md-4 li { padding: 3px 5px; border: 2px solid transparent; border-radius: 5px; }
body.page_id_145324 .section .col-md-4 li:hover { background: #5e9d42; color: #fff; }

/* Optomap */
body.page_id_145417 .section_row_3 figure { text-align: center; }

/*++ Myopie beheersing .page_id_153616 ++*/
.page_id_153616 #page h1 { font-size:3rem; padding-bottom:25px; } 
.page_id_153616 #page h2 { font-size:2.2rem; }
.page_id_153616 .section .container { padding-bottom:0; margin-bottom:0; } 
.page_id_153616 .section_row_1 p:first-of-type { padding-top:20px; }
.page_id_153616 .section_row_2 ul li { font-size:1.5rem; }
.page_id_153616 .section_row_3 .col-md-6:first-child p { font-size:0.8rem; opacity:0.8; } 
.page_id_153616 .section_row_5 p:last-child { font-size:0.8rem; opacity:0.8; } 
.page_id_153616 .section_row_6 .text-content:last-child p:last-of-type { padding-bottom:40px; }

/*++webshop++*/

/*++contact++*/
.page_id_145213 .section_row_main p { text-align: center; }
.page_id_145213 .open-map { margin-bottom: 50px; }
.page_id_145213 .section_row_main .open-map-container { height: 550px; }
.page_id_145213 .section tr:hover { background: transparent; }
.page_id_145213 .section tr:hover td { color: #000; }
.page_id_145213 .section td { text-align: center; font-weight: 700; border: none; }
.page_id_145213 .formblock_main .col-sm-3.control-label { display: none; }
.page_id_145213 .section .formblock_main input,
.page_id_145213 .section .formblock_main textarea { border: 1px solid #5e9d42; box-shadow: none; padding-left: 15px; }
.contact .section_row_2, .contact .section_row_3 {
  display: none;
}
.page_id_145213 .section_row_2 .container { padding-top: 0; }

.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; }

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

footer {background-color: #fff;padding-top: 50px;}
footer > .container:first-child, footer > .container:nth-child(2) { color: #fff; }
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: #5e9d42; }
.foot_header { font-size: 1.2rem; font-weight: bold; }
.copyright > a { color: #428bca; }

footer .col-md-4:nth-child(1) { width: 25%; }
footer .col-md-4:nth-child(2) { width: 25%; }
footer .col-md-4:nth-child(3) { width: 50%; }

footer .col-md-4 p:first-child { color: #5e9d42; font-size: 1.4rem; font-weight: 700; }

footer .input-group input,
footer .input-group textarea { border: 1px solid #5e9d42; border-radius: 5px;}

footer .col-sm-12 { padding: 0; }
footer .col-sm-12 .input-group { width: 100%; }
footer .col-sm-offset-1 { margin-left: 0; }
footer .well { padding-left: 15px;}

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

@media (max-width:1199px){
    .main_nav ul li { width: calc(100% / 4); padding: 5px 0; }
    .caption .btn { width: 60%; margin-left: 20%; }
}
@media (max-width:991px){
    footer { text-align: center; }
    footer .col-md-4:nth-child(n) { width: 100%; }
    .caption p:nth-child(n) .btn { width: 80%; margin-left: 10%; }
}
@media (max-width:767px){
    header .container:first-child { display: none; }
    .navbar-fixed-top a[href^="tel:"] { color: #000 !important; }    
    #logo { float: none; text-align: center;display: inline-block;}
    img.img_right, img.img_left { display: block; float: none; }
    .btn { display: block; }
    .caption { display: none; }
    #sequence-theme { height: 200px !important; }

    body.page_id_145264 .section:nth-child(n+4) { text-align: center; }
    body.page_id_145264 .section:nth-child(n+4):nth-last-child(n+2) .col-md-4 { border-bottom: 1px dashed #bababa; padding: 50px 0; }
    body.page_id_145264 .section:nth-child(n+4):nth-last-child(n+2) .col-md-4:last-child { border: none; padding-bottom: 0; }

    


    /* --[ Custom Banner background positioning ]-- */

    /* Onze oogzorg */
    body.page_id_145225 .bgimg,

    /* Optometrie */
    body.page_id_145294 .bgimg { background-position-y: 50%; background-size: 100%; }

    /* Kinderbrillen/Contactlenzen */
    body.page_id_145324 .bgimg,
    
    /* Optomap */
    body.page_id_145417 .bgimg,

    /* Netvliesproblemen */
    body.page_id_145444 .bgimg { background-size: 100%; }
    .page_id_145444 .banner-custom #sequence-theme { height: calc(50px + 60vw) !important; }

    /* Oogscreening */
    body.page_id_145447 .bgimg,

    /* Dyslexie */
    body.page_id_145450 .bgimg,

    /* Binoculaire zien */ 
    body.page_id_145498 .bgimg { background-position-y: 15%; background-size: 100%; }

    body.followup .section_row_main a { margin-top: 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----------------------------------------------------*/