/** * Rand: 5ebcc6ffc6158 key: --rand * LastModified: 14-05-2020 key: --last-modified * AppUrl: https://www.theorieboeken.nl/ key: --app-url * BrandPrimary: rgb(0,101,165) key: --brand-primary * BrandPrimaryDark: rgb(0,79,131) key: --brand-primary-dark * BrandInfo: rgb(27,50,76) key: --brand-info * BrandDanger: rgb(225,32,25) key: --brand-danger * BrandWarning: rgb(255,209,0) key: --brand-warning * BrandSucces: rgb(108,173,56) key: --brand-succes * BrandSuccesDark: rgb(85,137,43) key: --brand-succes-dark * BodyBg: rgb(225,225,225) key: --body-bg * GrayBase: rgb(25,24,27) key: --gray-base * GrayDarker: rgb(70,70,70) key: --gray-darker * GrayDark: rgb(123,123,123) key: --gray-dark * Gray: rgb(156,156,156) key: --gray * GrayLight: rgb(200,200,200) key: --gray-light * GrayLighter: rgb(246,246,246) key: --gray-lighter * White: rgb(255,255,255) key: --white * Black: rgb(0,0,0) key: --black * * All @import rules moved to the top, in order: */ /** * Clearlogic B.V. Icon Font * @version $Id$ * @copyright Clearlogic B.V. */ @font-face { font-family: 'vb-icons'; src: url('https://www.theorieboeken.nl/assets/fonts/vb-icons/icomoon.eot?5ebcc6ffc6158'); src: url('https://www.theorieboeken.nl/assets/fonts/vb-icons/icomoon.eot?#iefix5ebcc6ffc6158') format('embedded-opentype'), url('https://www.theorieboeken.nl/assets/fonts/vb-icons/icomoon.woff?5ebcc6ffc6158') format('woff'), url('https://www.theorieboeken.nl/assets/fonts/vb-icons/icomoon.ttf?5ebcc6ffc6158') format('truetype'), url('https://www.theorieboeken.nl/assets/fonts/vb-icons/icomoon.svg?5ebcc6ffc6158#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------ */ /* Base */ .vb-icon { font-family: 'vb-icons', monospace; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1;*/ /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vb-icon-text-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* ------------------------------ */ /* Icons */ .vb-icon.vb-unie61c:after { content: "\e61c"; } .vb-icon.vb-unie61d:after { content: "\e61d"; } .vb-icon.vb-unie61e:after { content: "\e61e"; } .vb-icon.vb-unie61f:after { content: "\e61f"; } .vb-icon.vb-unie0ff:after { content: "\e0ff"; } .vb-icon.vb-unie0a5:after { content: "\e0a5"; } .vb-icon.vb-unie0a4:after { content: "\e0a4"; } .vb-icon.vb-unie0a3:after { content: "\e0a3"; } .vb-icon.vb-unie0a2:after { content: "\e0a2"; } .vb-icon.vb-unie09a:after { content: "\e09a"; } .vb-icon.vb-unie098:after { content: "\e098"; } .vb-icon.vb-unie097:after { content: "\e097"; } .vb-icon.vb-unie092:after { content: "\e092"; } .vb-icon.vb-unie091:after { content: "\e091"; } .vb-icon.vb-unie090:after { content: "\e090"; } .vb-icon.vb-unie08f:after { content: "\e08f"; } .vb-icon.vb-unie08e:after { content: "\e08e"; } .vb-icon.vb-unie08d:after { content: "\e08d"; } .vb-icon.vb-unie08c:after { content: "\e08c"; } .vb-icon.vb-unie08b:after { content: "\e08b"; } .vb-icon.vb-unie089:after { content: "\e089"; } .vb-icon.vb-unie086:after { content: "\e086"; } .vb-icon.vb-unie085:after { content: "\e085"; } .vb-icon.vb-unie084:after { content: "\e084"; } .vb-icon.vb-unie082:after { content: "\e082"; } .vb-icon.vb-unie081:after { content: "\e081"; } .vb-icon.vb-unie080:after { content: "\e080"; } .vb-icon.vb-unie07f:after { content: "\e07f"; } .vb-icon.vb-unie07e:after { content: "\e07e"; } .vb-icon.vb-unie07c:after { content: "\e07c"; } .vb-icon.vb-unie074:after { content: "\e074"; } .vb-icon.vb-unie072:after { content: "\e072"; } .vb-icon.vb-unie071:after { content: "\e071"; } .vb-icon.vb-unie070:after { content: "\e070"; } .vb-icon.vb-unie06f:after { content: "\e06f"; } .vb-icon.vb-unie06d:after { content: "\e06d"; } .vb-icon.vb-unie06c:after { content: "\e06c"; } .vb-icon.vb-unie06b:after { content: "\e06b"; } .vb-icon.vb-unie067:after { content: "\e067"; } .vb-icon.vb-unie065:after { content: "\e065"; } .vb-icon.vb-unie064:after { content: "\e064"; } .vb-icon.vb-unie063:after { content: "\e063"; } .vb-icon.vb-unie062:after { content: "\e062"; } .vb-icon.vb-unie061:after { content: "\e061"; } .vb-icon.vb-unie060:after { content: "\e060"; } .vb-icon.vb-delete:after { content: "\e61b"; } .vb-icon.vb-swirl:after { content: "\e61a"; } .vb-icon.vb-check:after { content: "\e600"; } .vb-icon.vb-aanhanger:after { content: "\e601"; } .vb-icon.vb-touringcar:after { content: "\e602"; } .vb-icon.vb-auto-16jaar:after { content: "\e603"; } .vb-icon.vb-auto-spoedcursus:after { content: "\e604"; } .vb-icon.vb-auto-garantie:after { content: "\e605"; } .vb-icon.vb-auto-student:after { content: "\e606"; } .vb-icon.vb-auto-algemeen:after { content: "\e607"; } .vb-icon.vb-heftruck:after { content: "\e608"; } .vb-icon.vb-brommer:after { content: "\e609"; } .vb-icon.vb-motor:after { content: "\e60a"; } .vb-icon.vb-arbo:after { content: "\e60b"; } .vb-icon.vb-auto-taxi:after { content: "\e60c"; } .vb-icon.vb-trekker:after { content: "\e60d"; } .vb-icon.vb-vrachtauto:after { content: "\e60e"; } .vb-icon.vb-vrachtauto-c1:after { content: "\e60f"; } .vb-icon.vb-vrachtauto-b:after { content: "\e610"; } .vb-icon.vb-sleutel:after { content: "\e611"; } .vb-icon.vb-les-kosten:after { content: "\e612"; } .vb-icon.vb-les-duur:after { content: "\e613"; } .vb-icon.vb-dsadsad:after { content: "\e614"; } .vb-icon.vb-les-op-locatie:after { content: "\e615"; } .vb-icon.vb-les-praktijk:after { content: "\e616"; } .vb-icon.vb-les-theorie:after { content: "\e617"; } .vb-icon.vb-logo-android:after { content: "\e618"; } .vb-icon.vb-logo-apple:after { content: "\e619"; } .vb-icon.vb-mail:after { content: "\e621"; } .vb-icon.vb-mobiel:after { content: "\e622"; } .vb-icon.vb-pinpas:after { content: "\e623"; } .vb-icon.vb-waardering-vol:after { content: "\e624"; } .vb-icon.vb-waardering-half:after { content: "\e625"; } .vb-icon.vb-bracket-rechts:after { content: "\e626"; } .vb-icon.vb-winkelwagen:after { content: "\e627"; } .vb-icon.vb-usp-voordelig:after { content: "\e62c"; } .vb-icon.vb-usp-betrouwbaar:after { content: "\e62d"; } .vb-icon.vb-usp-examengarantie:after { content: "\e62e"; } .vb-icon.vb-usp-slagingspercentage:after { content: "\e62f"; } .vb-icon.vb-usp-later-betalen:after { content: "\e630"; } /* ------------------------------ */ /* End van Buuren Icon Font */ /* ------------------------------------- COLOR SCHEME -------------------------------------- Blauw: rgb(0,101,165) @brand-primary rgb(0,101,165) Donkerblauw: rgb(0,79,131) @brand-primary-dark rgb(0,79,131) Diepblauw: rgb(27,50,76) @brand-info rgb(27,50,76) Rood: rgb(225,32,25) @brand-danger rgb(225,32,25) Geel: rgb(255,209,0) @brand-warning rgb(255,209,0) Groen: rgb(108,173,56) @brand-succes rgb(108,173,56) Donkergroen: rgb(85,137,43) @brand-succes-dark rgb(85,137,43) Achtergrondgrijs: rgb(225,225,225) @body-bg rgb(225,225,225) Basisgrijs: rgb(25,24,27) @gray-base rgb(25,24,27) Donkerdergrijs: rgb(70,70,70) @gray-darker rgb(70,70,70) Donkergrijs: rgb(123,123,123) @gray-dark rgb(123,123,123) Grijs: rgb(156,156,156) @gray rgb(156,156,156) Lichtgrijs: rgb(200,200,200) @gray-light rgb(200,200,200) Lichtergrijs: rgb(246,246,246) @gray-lighter rgb(246,246,246) /* /* ----------------------------------- START GENERAL CSS ----------------------------------- */ /* no-gradient fix */ .navbar-inverse, .navbar-brand, .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li .dropdown-menu > li a,.form-control { background-image: none; background-repeat: no-repeat; filter: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } @font-face { font-family: 'allerbold'; src: url('https://www.theorieboeken.nl/assets/fonts/Aller_Bd-webfont.eot'); src: url('https://www.theorieboeken.nl/assets/fonts/Aller_Bd-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Bd-webfont.woff2') format('woff2'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Bd-webfont.woff') format('woff'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Bd-webfont.ttf') format('truetype'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Bd-webfont.svg#allerbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aller_lightregular'; src: url('https://www.theorieboeken.nl/assets/fonts/Aller_Lt-webfont.eot'); src: url('https://www.theorieboeken.nl/assets/fonts/Aller_Lt-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Lt-webfont.woff2') format('woff2'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Lt-webfont.woff') format('woff'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Lt-webfont.ttf') format('truetype'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Lt-webfont.svg#aller_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerregular'; src: url('https://www.theorieboeken.nl/assets/fonts/Aller_Rg-webfont.eot'); src: url('https://www.theorieboeken.nl/assets/fonts/Aller_Rg-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Rg-webfont.woff2') format('woff2'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Rg-webfont.woff') format('woff'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Rg-webfont.ttf') format('truetype'), url('https://www.theorieboeken.nl/assets/fonts/Aller_Rg-webfont.svg#allerregular') format('svg'); font-weight: normal; font-style: normal; } body,html { font-family: 'allerregular',sans-serif; background-color: rgb(225,225,225);} ul { line-height: 1.6em; } /* typography */ h1,h2,h3,h4 { font-family: 'aller_lightregular',sans-serif; padding: 0; margin: 0; } h1 { margin-bottom: 24px; line-height: 1.4em; color: rgb(0,101,165); } h2 { margin-bottom: 10px; line-height: 1.4em; color: rgb(0,101,165); } h2.contentsub {margin:10px 0 0 0; font-family: 'allerbold',sans-serif; padding: 0 0 8px; font-size: 1.15em; line-height: 1.0em; color: rgb(156,156,156);} h3 { font-family: 'allerbold',sans-serif; padding: 0 0 8px; font-size: 1.15em; line-height: 1.0em; color: rgb(156,156,156); } h4 { font-weight: bold; padding: 10px 0 5px; font-size: 1.15em; } /* Small devices (tablets, 768px and up) */ @media only screen and (max-width : 768px) { .container-content .row .col-md-8 {margin-bottom:10px;} h2, h3 {padding-top:15px;} } label.error{color:rgb(225,32,25);} .container {min-width: 320px!important;} .modal { } .modal .modal-dialog { } .modal .modal-dialog .modal-content { padding: 20px 25px; } .modal .modal-dialog .modal-content .modal-header { padding: 0; line-height} .modal .modal-dialog .modal-content .modal-header .close { margin: -10px -12px 0 0; } .modal .modal-dialog .modal-content .modal-header .vb-icon:after { display: block; float: left; padding: 10px 5px; } .modal .modal-dialog .modal-content .modal-header .vb-icon { font-size: 2.0em; color: rgb(108,173,56); } .modal .modal-dialog .modal-content .modal-body { padding: 20px 0; } .modal .modal-dialog .modal-content .modal-body h3 { color: rgb(0,101,165);} .container { padding-left: 20px; padding-right: 20px;} .container.nopadding { padding-left: 0; padding-right: 0; } .container.fixedpadding { padding-top: 120px; transition: all 0.3s ease; } .container.homepage { padding-bottom: 30px; padding-top: 30px; } .container.homepage > .row { margin: 0; } .container.homepage + .container.homepage { margin-bottom: 20px; } .container ol { padding-left: 20px; } .intro, .intro-fat { font-size: 1.15em; line-height: 1.4em; margin-bottom: 26px; } .intro-fat { font-family: 'allerbold',sans-serif;} /* BUTTONS */ .btn.trans {color:rgb(0,101,165); background-color:inherit; } .btn.trans.green {color:rgb(108,173,56);} .btn.trans.gray { color:rgb(156,156,156);} .btn.trans:hover { color: rgb(0,79,131); } .btn.trans.green:hover { color: rgb(85,137,43); } .btn.trans.gray:hover { color: rgb(70,70,70); } .btn.trans:after { padding-left:5px; font-family: 'vb-icons', monospace; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; content: "\e626"; } a.read-more { display: block; text-align: right; padding: 10px 0 5px; border-bottom: 1px solid rgb(225,225,225); color: rgb(0,101,165); font-size: 1.0em; } a.read-more:after { padding-left: 10px; vertical-align: middle; line-height: 1.0em; font-family: 'vb-icons'; content: "\e626"; font-size: 1.2em;} a.read-more:hover { color: rgb(0,79,131); text-decoration: none; } /* meta nav pagina-top */ .metanav { background-color: rgb(255,255,255); position: fixed; min-height: 120px; right:0; left: 0; z-index: 1030; transition: all 0.3s ease; } .header-logo.expanded { display: inline-block; transition: all 0.1s ease; } .header-logo.collapsed { display: none; transition: all 0.1s ease; } /* header is being sticky */ /*.header-holder.sticky .container.fixedpadding { padding-top: 80px; }*/ .header-holder {} .header-holder.sticky .metanav { min-height: 80px; } .header-holder.sticky .metanav .header-metanav { height: 40px; } .header-holder.sticky .metanav .header-metanav ul li a { font-size: 0.86em; } .header-holder.sticky .navbar-fixed-top { top: 40px; } .header-holder.sticky .metanav .navbar-brand { height: 40px; } .header-holder.sticky .header-logo.expanded { display: none; } .header-holder.sticky .header-logo.collapsed { display: block; } .metanav .navbar-brand { height: 80px; padding: 0 5px 0 0 ; background-color: #fff; text-align: left; font-size: 18px; line-height: normal; overflow: auto; } .theorieboeken .metanav .navbar-brand {padding:20px 20px 0 0; font-size:2em; color:#000;} .theorieboeken .sticky .metanav .navbar-brand {padding-top:10px; font-size:1.5em; } .metanav .navbar-brand img.header-logo { max-width: 100%; max-height: 100%; } .metanav .header-metanav { height: 80px; text-align: right; } .metanav .header-metanav ul { padding: 5px 0 0; margin: 0;} .metanav .header-metanav ul li span { display: block; float: left; padding-right: 5px; } .metanav .header-metanav ul li span.vb-icon.vb-mobiel { font-size: 1.8em; } .metanav .header-metanav ul li span.vb-icon.vb-pinpas { font-size: 1.7em; } .metanav .header-metanav ul li span.vb-icon.vb-mail { font-size: 1.6em; } .metanav .header-metanav ul li span.vb-icon.vb-sleutel { font-size: 1.4em; } .metanav .header-metanav ul li { height: 25px; line-height: 25px; display: block; float: right; padding: 0; margin: 0 0 0 15px; list-style: none; } .metanav .header-metanav ul li a { color: rgb(0,101,165); text-decoration: none; transition: all ease 0.3s; } .metanav .header-metanav ul li a:hover { color: rgb(0,79,131); text-decoration: none; } .metanav .header-metanav ul li.grey a { color: rgb(156,156,156); } .metanav .header-metanav ul li.grey a:hover { color: rgb(123,123,123); } .metanav .metanav-holder { padding-left:0; background: -webkit-linear-gradient(right, rgba(246,246,246,1), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(246,246,246,1), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(246,246,246,1), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(246,246,246,1), rgba(255,255,255,1)); /* Standard syntax (must be last) */} /* mainnav aanpassingen */ /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .nav > li > a { padding: 10px 8px; } } .navbar-fixed-top { border-bottom: 0; top: 80px; border-top: 1px solid rgb(27,50,76); transition: all ease 0.3s; } .navbar-inverse .navbar-nav > li { border-bottom: 7px solid transparent; margin-bottom: -7px; } .navbar-inverse .navbar-nav > li.active { border-color: rgb(225,32,25); } .navbar-inverse .navbar-nav > li > a { border-left: 1px solid rgb(27,50,76); } .navbar-inverse .navbar-nav > li:first-child > a { border-left: 1px solid transparent; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus { border-left: 1px solid transparent; background-color: rgb(255,255,255); color: rgb(0,101,165); } .navbar-inverse .navbar-nav > li > a { font-size: 1.1em; transition: all ease 0.3s; } .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > li > a:hover { background-color: rgb(255,255,255); color: rgb(27,50,76); } .navbar-inverse .navbar-nav > li:hover, .navbar-nav > li > a:hover{ background: none; } .navbar-nav .dropdown-menu { min-width: 230px !important; padding-bottom: 10px; } .navbar-nav .dropdown-menu > li > a { padding: 0 40px; white-space: nowrap !important; } .navbar-nav .dropdown-menu > li:hover > a {color: #1b324c; } .navbar-nav .dropdown-menu > li > ul > li:hover > a {color: #1b324c!important; } .dropdown-menu .divider { margin: 10px 20px; } .dropdown-menu li.active a.has-submenu { font-weight: bold; background-color: transparent; } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .navbar-inverse .navbar-nav > li > a {padding: 10px 5px; font-size: 1.1em;} .navbar-inverse .navbar-nav > li > a > .sub-arrow {display:none;} } /* styling the sub-sub-menu */ div.navbar-collapse.collapse > ul > li > ul > li > ul { padding: 0; } div.navbar-collapse.collapse > ul > li > ul > li > ul > li > a { padding: 0 20px; margin: 0 20px; border-bottom: 1px solid rgb(225,225,225); line-height: 2.8em; transition: all ease 0.3s; } div.navbar-collapse.collapse > ul > li > ul > li > ul > li.active > a { font-weight: bold; background: none; } div.navbar-collapse.collapse > ul > li > ul > li > ul > li > a:hover { color: rgb(225,225,225); } div.navbar-collapse.collapse > ul > li > ul > li > ul > li:last-child > a { border-bottom: none; } /* subnav boven container */ .container-content { background-color: rgb(255,255,255); margin-top: 20px; padding-bottom: 80px; } .container-content-subnav { margin-top: 60px; } @media only screen and (max-width : 768px) { .container-content-subnav { margin-top: 10px; } } .container-content-subnav > .row { padding-top: 60px; } .subnav { padding-left: 0; list-style: none; text-align: center; margin-top:-40px; } .subnav > li { display: inline-block; transition: all 0.3s ease; min-width:75px; } .subnav > li a { font-family: 'allerbold',sans-serif; display: block; font-size:1.15em; background-color: rgb(246,246,246); min-height:60px; border-right: 1px solid rgb(225,225,225); transition: all 0.3s ease; } .subnav > li.active > a { background-color: rgb(255,255,255); } .subnav > li:hover a { background-color: rgb(255,255,255); text-decoration: none; color: rgb(0,101,165); } .subnav > li:first-child a { border-left: 1px solid rgb(225,225,225);} .subnav > li > .icon-text { font-family: 'allerbold',sans-serif; color: rgb(255,255,255); font-size: 1.15em; height: 20px; padding: 0 4px; transition: all 0.3s ease; } .subnav > li > a > span.no-icon { display: block; padding: 20px 10px 3px; color: rgb(156,156,156); } .subnav > li > a > span.vb-icon { font-size: 1.7em; display: block; padding: 15px 0 8px; color: rgb(156,156,156); } .subnav > li.active > a > span.vb-icon, .subnav > li:hover > a > span.vb-icon, .subnav > li:focus > a > span.vb-icon { color: rgb(0,101,165); } .subnav > li > a > span.no-icon { transition: all 0.3s ease; } .subnav > li:hover > a > span.no-icon, .subnav > li:focus > a > span.no-icon, .subnav > li.active > a > span.no-icon { color: rgb(0,101,165);} .subnav > li:hover > .icon-text, .subnav > li.active > .icon-text{ color: rgb(0,101,165) } .subnav > li.active { border-bottom: 7px solid rgb(0,101,165);} .subnav > li.active.noicon {border-bottom: 0;} .subnav > li.active.noicon > a > span.no-icon { } .subnav > li.active.noicon .icon-text { -webkit-box-shadow: inset 0 7px 0 0 rgb(0,101,165); -moz-box-shadow: inset 0 7px 0 0 rgb(0,101,165); box-shadow: inset 0 7px 0 0 rgb(0,101,165); } /* sub sub nav - links naast de content */ ul.sub-sub-nav { list-style: none; padding: 0; margin: 0 0 60px 0; } ul.sub-sub-nav li { margin-left: -20px; border-bottom: 1px solid rgb(225,225,225); } ul.sub-sub-nav li a { display: block; font-size: 1.15em; padding: 10px 0 10px 20px; border-left: 7px solid transparent; transition: all 0.3s ease; } ul.sub-sub-nav:hover li a { color: rgb(123,123,123); text-decoration: none; } ul.sub-sub-nav:hover li a:focus, ul.sub-sub-nav:hover li a:hover { font-family: 'allerbold',sans-serif; color: rgb(0,79,131); } ul.sub-sub-nav:hover li.active a, ul.sub-sub-nav li.active a { font-family: 'allerbold',sans-serif; text-decoration: none; color: rgb(0,79,131); border-color: rgb(0,101,165); } ul.sub-sub-nav.active-menu li a { color: rgb(123,123,123); } ul.sub-sub-nav.active-menu li.active a, ul.sub-sub-nav.active-menu:hover li a { color: rgb(0,101,165); } /* Small devices (tablets, 768px and up) */ @media only screen and (max-width : 768px) { .subnav { display:none;} ul.sub-sub-nav { display:none;} } /* ------------------------------------- CAROUSEL ------------------------------------- */ .slider-holder { position: relative; background-color: rgb(70,70,70); } .slider-holder .img-holder { max-width: 1200px; position: relative; margin: 0 auto; } .slider-holder .img-holder .img-border-fade { width: 40px; height: 100%;position: absolute;top: 0; background: #fff; } .slider-holder .img-holder .img-border-fade.left { left: 0; background: -webkit-linear-gradient(left, rgba(70,70,70,0), rgb(70,70,70)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, rgba(70,70,70,0), rgb(70,70,70)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, rgba(70,70,70,0), rgb(70,70,70)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to left, rgba(70,70,70,0), rgb(70,70,70)); /* Standard syntax (must be last) */ } .slider-holder .img-holder .img-border-fade.right { right: 0; background: -webkit-linear-gradient(right, rgba(70,70,70,0), rgb(70,70,70)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(70,70,70,0), rgb(70,70,70)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(70,70,70,0), rgb(70,70,70)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(70,70,70,0), rgb(70,70,70)); /* Standard syntax (must be last) */ } .slider-holder .img-holder .owl-buttons { display: none; } .slider-holder .slider-button { padding: 7px 11px; position: absolute; top: 50%; margin-top: -15px; color: rgb(255,255,255); transition: all 0.3s ease; background-color: rgb(0,101,165); } .slider-holder .slider-button:hover, .slider-holder .slider-button:focus { cursor: pointer; background-color: rgb(0,79,131); } .slider-holder .slider-button:before { font-family: 'vb-icons'; content: "\e626"; font-size: 1.2em; } .slider-holder .slider-button.prev { left: 0; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); } .slider-holder .slider-button.next { right: 0; } /* carousel captions */ .slider-holder .carousel-caption { width: 350px; padding: 0; margin: 0; position: absolute; bottom: 20px; display: block; text-align: left; text-shadow: none; color: rgb(0,101,165); overflow: auto; transition: all 0.3s ease; } .slider-holder .carousel-caption:hover, .slider-holder .carousel-caption:focus { text-decoration: none; color: rgb(0,79,131); } .slider-holder .carousel-caption .caption-title { font-family: 'allerbold',sans-serif; line-height: 1.2em; padding: 14px 20px 10px 30px; font-size: 1.35em; background: url('../assets/images/vanbuuren/slider-caption-title-bg.png') top left no-repeat; } .slider-holder .carousel-caption .caption-content { padding: 15px 20px 20px 30px; background: rgb(255,255,255); overflow: auto; } .slider-holder .carousel-caption .caption-content .vb-icon { height: 60px; line-height: 60px; font-size: 2.9em; float: left; } .slider-holder .item img{ display: block; width: 100%; height: auto; } .slider-holder .item { } .slider-holder .item .carousel-caption.left { right: initial !important; left: 105px !important; } .slider-holder .item .carousel-caption.right { left: initial !important; right: 105px !important; } @media only screen and (max-width : 1000px) { .slider-holder .carousel-caption .caption-content {padding:0 8px 8px 16px; } .slider-holder .carousel-caption .pricetag { font-size: 1.8em; padding: 5px 15px;} .slider-holder .carousel-caption .caption-content .vb-icon { font-size: 3.5em; } } @media only screen and (max-width : 768px) { .slider-holder .carousel-caption { width: 200px; font-size: 0.8em; left: 20px; } .slider-holder .carousel-caption .pricetag { font-size: 1.8em; padding: 5px 0; float: none;} .slider-holder .carousel-caption .caption-title {padding: 12px 6px 6px 18px;} .slider-holder .carousel-caption .caption-content {padding:0 4px 4px 10px; text-align: center; } .slider-holder .carousel-caption .caption-content .vb-icon { float: none; font-size: 4.0em; } .slider-holder .carousel-caption .caption-content .vb-icon { display: none; } .slider-holder .item .carousel-caption.left { right: initial !important; left: 25px !important; } .slider-holder .item .carousel-caption.right { left: initial !important; right: 25px !important; } } @media only screen and (max-width : 550px) { .slider-holder .carousel-caption .caption-title {font-size:1.1em; font-family: 'allerregular',sans-serif; padding: 8px 4px 4px 14px;} .slider-holder .carousel-caption .caption-content {padding:0 4px 4px 10px;} .slider-holder .carousel-caption .pricetag {font-size: 1.3em; padding: 2px 0;} } @media only screen and (max-width : 450px) { .slider-holder .carousel-caption {display:none;} } /* breadcrumb (bug bootstrap?) overwrite */ .breadcrumb { padding-left: 0 !important; } .breadcrumb > li a { color: rgb(156,156,156); transition: all 0.3s ease; } .breadcrumb > li a:hover { text-decoration: none; color: rgb(70,70,70) } .breadcrumb > li.active span { color: rgb(70,70,70); font-weight: bold; text-decoration: underline; } /* list-groups */ .list-group { } .list-group .form-control { height: 25px; padding: 0; margin: 0; line-height: 0.8em; color: rgb(70,70,70); background-color: rgb(225,225,225); } .list-group .list-group-item { margin-bottom: 1px; transition: all 0.3s ease; } .list-group .list-group-item:hover { background-color: rgb(246,246,246); } .list-group .list-group-item h3 { padding-bottom: 0; color: rgb(0,101,165); } .list-group a { transition: all 0.3s ease; } .list-group a:hover { text-decoration: none; } .list-group a.more-info { color: rgb(156,156,156); display: inline-block; margin-right: 10px;} .list-group a.more-info:hover { color: rgb(70,70,70); } .list-group a.highlited { color: rgb(108,173,56) !important; } .list-group a.highlited:hover { color: rgb(85,137,43) !important;} .list-group .course-type label { margin: 0 5px 0 0; font-weight: normal; } .list-group select { height: 25px; background-color: rgb(225,225,225); border: none; } .list-group-filter {margin:15px 0;} /* DETAILPAGINA */ .detail-block { padding: 10px 15px; margin: 10px 0; background: rgb(246,246,246); color: rgb(70,70,70);} .detail-block .row-title {border-bottom: 1px solid rgb(225,225,225);} .detail-block .properties {padding-bottom:20px;} .detail-block .properties .vb-icon {float: left; font-size: 2.5em; color: rgb(0,101,165); margin-right: 10px; } .detail-block .properties > div{line-height:2.5em;padding-top: 20px;} .detail-block h1, .detail-block h2 { font-size: 1.15em; font-family: 'allerbold',sans-serif; padding: 0; margin:0; color: rgb(0,101,165); } .detail-block img.inline { float: left; margin: 15px 20px 10px 0; } .detail-block select, form.order-course select{ height: 25px; background-color: rgb(225,225,225); padding:0; border: none; margin-bottom: 4px; line-height: 20px; } form.order-course label {padding: 0 10px;} .padding-bottom-10 {padding-bottom: 10px;} /* winkelwagen */ .cart-summary-big { overflow: auto; } .cart-summary-big .title { border-bottom: 1px solid rgb(225,225,225); } .cart-summary-big .item { border-bottom: 1px solid rgb(225,225,225); background: transparent} .cart-summary-big .item .item-title { font-size: 1.15em; } .cart-summary-big .item .item-description { font-size: 1.15em; color: rgb(0,101,165); } .cart-summary-big .item a { color: rgb(70,70,70); } .cart-summary-big .item a .vb-icon { font-size: 0.8em; } .cart-subtotals { margin-top: 46px; padding: 15px 15px; background-color: rgb(246,246,246); line-height: 2em;} .cart-subtotals .total {color:rgb(0,101,165); border-top: 1px solid rgb(200,200,200);line-height: 3em;} /* footer */ .footer { background-color: rgb(0,101,165); margin-top: 20px; padding: 30px 0 0; } .footer ul.locations { margin: 0; padding: 0; line-height: 1.8em; } .footer ul.locations li { margin: 0; padding: 0; list-style: none; } .footer ul.locations li a { color: rgb(225,225,225); transition: all 0.3s ease; } .footer ul.locations li a:hover { color: rgb(255,255,255); text-decoration: none; } .footer h3 { color: rgb(225,225,225); } .footer form.compact-search input[type="submit"], .footer form.compact-search input[type="submit"] + .vb-icon:after { color: rgb(225,225,225); } .footer .footer-logo { width: 196px; } .footer .partner-logos { margin: 45px 0; text-align: center; } .footer .partner-logos a { display: inline-block; opacity: 0.2; margin: 0 15px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .footer .partner-logos a:hover { opacity: 0.4; } /* MISC */ .holder-border { border-bottom: 1px solid rgb(225,225,225); overflow: auto; } .holder-border.height40 { height: 40px; } .star-rating { color: rgb(0,101,165); padding-bottom: 20px; margin: 6px 0 40px; border-bottom: 1px solid rgb(225,225,225); } .star-rating .rating-digit { font-family: 'aller_lightregular', arial, sans-serif; font-size: 3.2em; line-height: 1.0em; padding-right: 10px; } .star-rating > .vb-icon { font-size: 1.2em; color: rgb(255,209,0); } .star-rating .recommendation { font-size: 0.8em; color: rgb(70,70,70); } ul.advantages.choose-us { padding: 0 0 45px 0; border-bottom: 1px solid rgb(225,225,225); } ul.advantages.choose-us li { margin: 0; padding: 0; list-style: none; } ul.advantages.choose-us li > span { color: rgb(225,32,25); } .course-pack { overflow: auto; margin-bottom: 10px;} .course-pack .gray-area { padding: 15px; background-color: rgb(246,246,246); overflow: auto} .course-pack .icon { height: 60px; line-height: 60px; font-size: 2.85em; float: left; color: rgb(0,101,165); padding-top: 2px; margin-bottom: 5px; } .course-pack .icon.vb-icon.vb-brommer, .course-pack .icon.vb-icon.vb-motor { font-size: 3.2em; } .course-pack .pricetag{ font-size: 2.6em; } .course-pack ul.advantages { padding: 0; margin: 20px 0 0 0; } .course-pack ul.advantages li { color: rgb(70,70,70); margin: 0; padding: 0; list-style: none; } .course-pack ul.advantages li span.vb-icon { font-size: 0.8em;color: rgb(108,173,56); } .course-pack .button-container {border-bottom: 1px solid rgb(225,225,225);padding: 10px 0 5px; text-align: right;} .lesson-pack { padding: 20px 15px 20px 30px; overflow: auto; font-family: 'allerregular',sans-serif; background: url('../assets/images/vanbuuren/arrow-right-white.png') rgb(246,246,246) 0 25px no-repeat; } .lesson-pack .title { color: rgb(0,101,165); font-size: 1.2em; font-family: 'allerbold',sans-serif; padding-bottom: 3px; } .lesson-pack .pricing { line-height: 1.2em; margin-bottom: 20px; } .lesson-pack .pricing span.red { font-size: 1.5em; color: rgb(225,32,25); } /* usp with red checks in sidebar */ /*.sidebar-extras { margin: 46px 0; }*/ /*.sidebar-extras */ul.advantages.choose-us { padding-bottom: 30px; margin-bottom: 30px; } /* call us now text */ /*.sidebar-extras */.call-us { line-height: 32px; font-size: 1.5em; color: rgb(0,101,165); padding: 5px 0; } /*.sidebar-extras */.call-us .vb-icon { display: block; float: left; font-size: 1.5em; } /* shopping cart related css */ .cart-summary { margin-bottom: 60px; } .cart-summary h3 { color: rgb(0,101,165); } .cart-summary .cart-item { display: block; padding: 10px 15px; border-bottom: 1px solid rgb(225,225,225); background-color: rgb(246,246,246); transition: all 0.3s ease; } .cart-summary a.cart-item:hover { text-decoration: none; background-color: rgb(255,255,255); } .cart-summary .cart-item.total { color: rgb(0,101,165); padding-top: 30px; background: transparent; overflow: auto; } .cart-summary .cart-item .title { font-size: 1.15em; color: rgb(70,70,70) } .cart-summary .cart-item .description { padding-left: 10px; font-size: 1.15em; color: rgb(0,101,165); } .cart-summary .cart-item .description span.gray { font-size: 0.85em; color: rgb(70,70,70) } a.cart-icon-aside {z-index: 9999; width: 60px; height: 60px; display: block; line-height: 60px; font-size: 1.5em; text-align: center; position: fixed; top: 40%; right: 0; color: rgb(255,255,255); background-color: rgb(108,173,56); transition: all 0.3s ease; } a.cart-icon-aside:hover { text-decoration: none; background-color: rgb(85,137,43); } a.cart-icon-aside .item-count { border-radius: 50%; line-height: normal; font-size: 0.6em; padding: 0 5px 2px 5px; position: absolute; top: 50%; margin-top: -11px; left: -10px; border: 3px solid; background: -webkit-linear-gradient(rgb(232,84,79), rgb(225,32,25)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgb(232,84,79), rgb(225,32,25)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgb(232,84,79), rgb(225,32,25)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgb(232,84,79), rgb(225,32,25)); /* Standard syntax */ } .btn.in-cart { background: transparent; border: 1px solid rgb(108,173,56); line-height: 1.4em;} .btn.in-cart:before { padding-right: 10px; font-family: 'vb-icons', monospace; color: rgb(108,173,56); vertical-align: -4px; /* display: block; float: left;*/ font-size: 1.4em; content: "\e61a"; } .pack-divider { margin: 30px 0; border-bottom: 1px solid rgb(225,225,225); } /*pricetag is used globally*/ .pricetag { padding: 0 10px 0 25px; font-family: 'aller_lightregular', arial, sans-serif; float: right; color: rgb(255,255,255); font-size: 3.0em; background-color: rgb(225,32,25); } .pricetag .arrow-right { width: 0; height: 0; vertical-align: middle; display:inline-block; margin-left: -25px; padding-right: 10px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid rgb(246,246,246); } a.social-media { width: 30px; height: 30px; margin: 4px 3px 0 0; display: block; float: left; transition: all 0.3s ease; background: url('../assets/images/vanbuuren/social-media-iconset.png') rgb(0,101,165) center center no-repeat; } a.social-media.facebook { background-position: 0 0; } a.social-media.googleplus { background-position: 0 -30px; } a.social-media.twitter { background-position: 0 -60px; } a.social-media.youtube { background-position: 0 -90px; } a.social-media:hover { background-color: rgb(0,79,131); } a.social-media .vb-icon { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .vb-app { color: rgb(0,101,165); } .vb-app a { display: block; margin: 0 25px 0 0; float: left; transition: all 0.3s ease; } .vb-app a:hover { color: rgb(0,79,131); text-decoration: none; } .vb-app a .vb-icon { font-size: 1.8em; } .vb-app a .vb-icon.vb-bracket-rechts { font-size: 1.2em; } form.compact-search { width: 100%; } form.compact-search input[type="text"], form.compact-search input[type="submit"] { height: 34px; border: none; padding: 0; display: block; float: left; width: 25%; color: rgb(0,101,165); } form.compact-search input[type="text"] { width: 75%; padding: 0 5px; background-color: rgb(246,246,246); } form.compact-search input[type="submit"] { width: 18%; background-color: transparent; } form.compact-search input[type="submit"] + .vb-icon:after { line-height: 30px; content: "\e626"; color: rgb(0,101,165); font-size: 1.2em; } /* related product block */ .usp-block { padding: 15px 10px; background: rgb(246,246,246); text-align: center; overflow: auto;} .usp-block h3 { text-align: left; color: rgb(0,101,165) !important; padding: 0 10px 15px 10px; } .usp-block .vb-icon { height: 120px; display: block; font-size: 8.0em; color: rgb(225,32,25); line-height: 1.0em; } .usp-block .caption { height: 30px; line-height: 1.0em; } .related-block { margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid rgb(225,225,225); } .related-block h3 { text-align: left; color: rgb(0,101,165) !important; padding: 0 15px 10px 15px ; } /* FORMS */ .form-horizontal label {font-weight: normal;} .form-horizontal .required-formitem {color:rgb(225,32,25); font-weight: bold;} .form-horizontal label.error {color:rgb(225,32,25); } .form-horizontal h3 {color:rgb(0,101,165); border-bottom: 1px solid rgb(200,200,200); margin:2em 0 1em 0 } .form-horizontal .whitespace { margin-top:0.5em; height:1px; width: 100%;} .control-label {color: rgb(0,101,165); font-weight: normal;} .btn .vb-icon {float:right;line-height: inherit; margin-left:25px;} hr { border-top: 1px solid rgb(225,225,225);} /* module iframe buttons */ button.btn-iframemodule {margin-bottom: 4px;} div.iframemodule {display:none; margin: 10px 0;} /* MEDIA QUERIES FOR RESPONSIVE VIEWS */ @media only screen and (max-width : 768px) { .slider-button, .img-border-fade, .pricetag .arrow-right { display: none; } .col-xs-24 { margin-bottom: 35px; } .col-xs-24:last-child { margin-bottom: 0; } .col-xs-24.text-right { text-align: center; } } @media only screen and (max-width : 550px) { .metanav .header-metanav ul li span.txt, .slider-holder .carousel-caption .caption-content .vb-icon { display: none; } }