/* Theme Name: Bridge Child Theme URI: http://demo.qodeinteractive.com/bridge/ Description: A child theme of Bridge Theme Author: Qode Interactive Author URI: http://www.qodethemes.com/ Version: 1.0.0 Template: bridge */ /* light blue: a1d8f7 red: e30613 yellow: f5de50 */ @import url("../bridge/style.css"); @import url("./font.css"); body { font-family: "Barlow"; font-size: 16pt; font-weight: normal; background-color: #FFFFFF; color: #000000; line-height: 24pt; } body.home {background-color: #ECEDEE;} .content .container .container_inner.page_container_inner, .full_page_container_inner { padding: 0;} .width12perc { width: 12.5%; } #content {margin-top: 0; min-height: 600px; } #main .entry-content > .vc_row { padding-top: 60px; padding-bottom: 60px; } .header_top {position: absolute; top: 15px; margin: 0 auto; background-color: transparent; left: auto; right: auto; display: inline-block; width: 100%;} /* -- NAVBAR WRAPPEN -- ================================*/ .redbuttonmenu { background-color: rgb(227, 6, 19); border-radius: 10px; text-align: center; padding: 0px 15px; } .mobile_menu * { text-transform: uppercase; } .redbuttonmenu a { color: white; text-transform: uppercase; margin: 0; padding: 0; text-align: center; font-weight: bold; font-size: 11pt; } .header-widget.widget_nav_menu ul.menu li.redbuttonmenu a { padding: 0 0 0 0; } /* -- NAVBAR MAIN -- */ nav.main_menu > ul > li > a { line-height: 60px; margin-top: 40px;} #menu-hoofdmenu > .menu-item > a > span { font-size: 12pt!important; } #menu-hoofdmenu .drop_down .second .inner>ul, #menu-hoofdmenu li.narrow .second .inner ul { background-color: #ffffff; border-color: #e30613;} #menu-hoofdmenu .drop_down .second ul li { border-bottom-width: 1px; border-bottom-color: #e30613;} /*#menu-hoofdmenu .drop_down a:hover span, #menu-hoofdmenu .drop_down li.current-menu-item a * { color: #e30613!important; } */ nav.main_menu ul li.active > a:hover, nav.main_menu ul li.active > a { color: #009fe3!important; } nav.main_menu.drop_down .second li a:hover, nav.main_menu.drop_down .second li.current-menu-item a { color: #e30613!important; } /* -- MAIN TYPESET -- ===========================*/ /*.introtext *, .introtext { font-family: "RobotoMono"; font-size: 17pt; font-weight: light; color: #1f2828; line-height: 24pt; } */ .redline * { font-size: 19pt; font-weight: thin; color: #e30613; text-transform: uppercase;} .alttext, .alttext * { font-family: "RobotoMono"; } h1 { text-transform: uppercase; color: #4b0221; } h2 { color: #4b0221; font-size: 28pt;text-transform: uppercase;} h3 { color: #4b0221; font-size: 24pt;text-transform: uppercase;} .teaserblocks img { width: 222px!important; height: 185px!important; } /* -- MAIN TAB WRAPPER -- ===========================*/ .witblok { margin: 0 60px 0 -20px; padding: 30px 20px; background-color: white; border-radius: 15px;} .witblok * { font-size: 15pt; line-height: 24pt; } .witblok h2 { font-size: 24pt; line-height: 24pt; color: #e30613; margin-bottom: 20px; margin-top: 20px; } .wpb_layerslider_element > div >.ls-inner { z-index:9; } .maintabs { margin-top: -80px;} .maintabs .qode-advanced-tabs .qode-advanced-tabs-nav { width: auto!important; } .maintabs .qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-3 .qode-advanced-tabs-nav li {width: auto!important; border-top-left-radius: 15px; border-top-right-radius: 15px;} .qode-advanced-tabs .qode-advanced-tab-container { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px;} .maintabs .qode-advanced-tabs .qode-advanced-tab-container:nth-child(2), .maintabs ul.qode-advanced-tabs-nav li:nth-child(1).ui-state-active, .maintabs ul.qode-advanced-tabs-nav > li:nth-child(1) { background-color: #a1d8f7; color: black!important; } .maintabs .qode-advanced-tabs .qode-advanced-tab-container:nth-child(3), .maintabs ul.qode-advanced-tabs-nav li:nth-child(2).ui-state-active, .maintabs ul.qode-advanced-tabs-nav > li:nth-child(2) { background-color: #e30613; color: white!important; } .maintabs .qode-advanced-tabs .qode-advanced-tab-container:nth-child(4), .maintabs ul.qode-advanced-tabs-nav li:nth-child(3).ui-state-active, .maintabs ul.qode-advanced-tabs-nav > li:nth-child(3) { background-color: #f5de50; color: black!important; } .maintabs .ui-tabs-anchor span { font-size: 16pt; } .maintabs div.qode-advanced-tab-container:nth-child(2) .buttonverzenden { background-color: #f5de50!important;color: black!important; } .maintabs div.qode-advanced-tab-container:nth-child(3) .buttonverzenden { background-color: #a1d8f7!important; color: black!important; } .maintabs div.qode-advanced-tab-container:nth-child(4) .buttonverzenden { background-color: #e30613!important; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li:nth-child(1).ui-state-active a { color: black; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li:nth-child(2).ui-state-active a { color: white; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li:nth-child(3).ui-state-active a { color: black; } .qode-advanced-tabs .qode-advanced-tabs-nav li a { padding: 15px 28px;} .quoteblock > div { background-position: right top !important; background-repeat: no-repeat !important; background-size: contain !important;} .blueblock li i.fa-check { color: #e30613; } .redblock li i.fa-check { color: #0000ff; } .blueblock li, .redblock li { list-style-position: inside; list-style: none;} .redblock { background-color: #e30613; } .blueblock { background-color: #a1d8f7; } .redblock, .blueblock { margin: 0 15px; padding: 40px 20px; border-radius: 20px; width: calc( 50% - 30px );} .redblock * { color: white; } .redblock ul *, .blueblock ul * { font-size: 14pt; line-height: 24pt; } .teaserblocks * { line-height: 24pt; font-size: 16pt;} .teaserblocks h2 { line-height: 24pt; font-size: 23pt; margin-bottom: 20px; } .teaserblocks img { width: 80%; } .bgfullwidth { width: 100VW!important; } .backgroundquestion * { color: white; } .backgroundquestion > div { background-repeat: no-repeat !important; overflow: visible; z-index: 9999; position: relative; background-position: 30% 60%!important; } .backgroundquestion h2 { line-height: 30pt; } .wpcf7 * { font-family: "Barlow"!important; font-weight: 200; font-size: 15pt!important; } .wpcf7 .container { background-color: #FFFFFF; } .wpcf7 label > em { display: none; visibility: hidden; } .wpcf7 input.wpcf7-form-control.wpcf7-date, .wpcf7 input.wpcf7-form-control.wpcf7-number, .wpcf7 input.wpcf7-form-control.wpcf7-quiz, .wpcf7 input.wpcf7-form-control.wpcf7-text, .wpcf7 select.wpcf7-form-control.wpcf7-select, .wpcf7 textarea.wpcf7-form-control.wpcf7-textarea { border-radius: 10px!important; font-size: 13px; border: 1px solid silver;} .wpcf7 select.wpcf7-form-control.wpcf7-select { font-size: 15pt!important; line-height: 25pt!important; padding: 5px 10px!important; height: 40pt!important; } .wpcf7 span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type=checkbox] { margin-left: 5px; height: 30px; width: 30px; top: 8px; left: -5px; border-radius: 15px!important;} .cf7-smart-grid.has-grid div.field span.wpcf7-not-valid-tip { position: relative!important; bottom: 0px!important;} .maintabs .submitbutton { position: relative; display: block; min-height: 60px; width: auto!important; } .maintabs .buttonverzenden { width: auto!important; position: relative!important; margin: 3px 0px!important; float: right; padding: 9px 20px!important; border-radius: 10px!important; border: 0px none transparent!important; color: white!important; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 12pt!important; } .maintabs .cf7sg-container .cf7-smart-grid.has-grid .container { background-color: transparent; width: 100%; } .maintabs label { display: none!important; visibility: none!important; } .maintabs .columns { position: relative; } .maintabs .columns > .field.select:after { content: '\f0d7'; font: normal normal normal 17px/1 FontAwesome; color: #e30613; right: 15px; top: 6px; height: 34px; padding: 15px 0px 0px 8px; position: absolute; pointer-events: none;} i.fa-regular:before, i.fa-solid:before { font: normal normal normal 17px/1 FontAwesome!important;} .maintabs .cf7-smart-grid.has-grid div.field span.wpcf7-not-valid-tip { position: relative!important; bottom: 0px!important; } .whiteform .wpcf7 { padding: 20px 30px 20px 20px; background-color: white; border-radius: 10px; margin: 0 30px;} .whiteform .wpcf7 input[type=submit] { font-family: "Barlow"!important; font-weight: 600; font-size: 20pt!important; width: auto!important; padding: 5px 40px!important; border-radius: 10px!important; background-color: #a1d8f7!important; right: 0px!important; left: auto!important; color: black!important; display: inline-block; position: relative; float: right; margin-right: 30px; margin-top: 20px; margin-bottom: 20px; border: 0px none transparent!important;} .teammembers .team-manager-free-items-style3-189 { background-color: white; border-radius: 15px!important; margin: 0 auto!important; width: 250px!important; padding: 25px!important;} .teammembers .teamshowcasefree-col-lg-3 { max-width: 32%; } .teammembers img { border: 5px solid #0000ff;} .teammembers .pic-bottom { width: 150px!important; height: 150px!important; border-radius: 75px!important; left: 25px!important; text-align: center; top: 5px!important; opacity: 0.5!important;} .teammembers .team-manager-free-main-area-189 > div { margin-bottom: 50px; } .teammembers .team-manager-free-items-style3-189 { height: auto!important;} .teammembers h3 { font-size: 19pt!important; color: #e30613!important; line-height: 24px!important; margin-bottom: 20px!important; margin-top: 0!important;} .teammembers img { max-height: 150px!important; max-width: 150px!important; width: 150px!important; height: 150px!important; } .logoslider { background-color: #ffffff!important; text-align: center; padding: 0; border-radius: 15px; } .logoslider .slick-list.draggable { margin-left: 35px; margin-right: 50px; } .logoslider .rt-wpls .slick-prev, .logoslider .rt-wpls .slick-next { color: #e30613!important; background-color: transparent!important; border: 0px none transparent!important; } .logoslider .rt-wpls .slick-prev:before, .logoslider .rt-wpls .slick-next:before { font-family: 'FontAwesome'; color: #e30613; background-color: transparent; border: 0px none transparent; } .logoslider .rt-wpls .slick-prev:before { content: "\f104"; } .logoslider .rt-wpls .slick-next:before { content: "\f105"; } .fa-brands:before { font-family: 'FontAwesome'; color: #e30613; background-color: white; border: 0px none transparent; font-style: normal; padding: 0px 5px; border-radius: 28px; margin-right: 4px; height: 30px; width: 20px; display: inline-block; text-align: center; font-size: 17px;} /* -- FOOTER WRAPPER -- ===========================*/ .column234 { width: 75%; float: left; } .footer_inner * { font-family: "Barlow"; font-size: 16pt; font-weight: 200; color: black!important; } .footer_inner h5 { color: #4b0221!important; text-transform: uppercase; font-weight: 500;} .footer_inner li { padding-bottom: 10px!important; } .footer_top .widget_nav_menu li.menu-item a { text-transform: lowercase;} /* -- SOCKET WRAPPER -- ===========================*/ .mc4wp-form div.title {height: 30px; margin-bottom: 20px; color: #4b0221!important; text-transform: uppercase; font-weight: 500; } .mc4wp-form input[type=email] { width: 95%; padding: 10px 15px; border-radius: 15px; border: 0px none transparent; margin-bottom: 20px;} .mc4wp-form input[type=submit] { width: auto!important; position: relative!important; margin: 3px 0px!important; float: none; padding: 9px 20px!important; border-radius: 10px!important; border: 0px none transparent!important; color: white!important; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 12pt!important;background-color: #e30613!important; } .loginform * { color: #828282; font-weight: normal; text-align: left; } /* .loginform .cf7-smart-grid.has-grid .wpcf7-form-control:not(img) { width: auto; } * /* -- RESPONSIVE SETTINGS -- ===========================*/ .bgfullwidth { margin-left: calc( ( 420px - 100VW ) / 2 ); margin-right: 0px; } @media only screen and (max-width: 500px) { } @media only screen and (min-width: 600px) { .bgfullwidth { margin-left: calc( ( 600px - 100VW ) / 2 ); margin-right: 0px; } } @media only screen and (min-width: 769px) { .bgfullwidth { margin-left: calc( ( 768px - 100VW ) / 2 ); margin-right: 0px; } .bgfullwidth .whiteform.contact { margin-top: 8%; } .bgfullwidth .whiteform .wpcf7 { margin: 0 0 0 30px;} .footer_bottom ul li a { color: black!important; } } @media only screen and (max-width: 782px) { } @media only screen and (min-width: 992px) { .bgfullwidth { margin-left: calc( ( 950px - 100VW ) / 2 ); margin-right: 0px; } } @media only screen and (max-width: 1024px) { .maintabs .ui-tabs-anchor span { font-size: 13pt!important; } } @media only screen and (max-width: 1000px) { .header_top .left, .header_top .right { z-index: 99999; width: auto!important; float: none!important; margin-top: 20px; z-index: 99999; margin-top: 20px; display: block; position: absolute; top: -20px; right: 0px; } .logo_wrapper, .mobile_menu_button { display: table; z-index: 9999;} body.qode_header_in_grid .header_bottom { z-index: 999;} .header_top { z-index: 999;} h3 { font-size: 20pt!important;} .teammembers .teamshowcasefree-col-lg-3 { max-width: 40%; margin-left: 5%;} } @media only screen and (max-width: 768px) { .blueblock { width: 100%!important; margin: 0 0;} .redblock { margin: 30px 0 10px 0; width: 100%!important; } .maintabs .qode-advanced-tabs-nav li a { padding: 10px 15px;} .witblok { margin: 20px 0 20px 0; } .teammembers .teamshowcasefree-col-lg-3 { max-width: 90%; margin-left: 5%;} .footer_bottom ul li a { color: black!important; } h2 { font-size: 22pt; } h3 { font-size: 18pt; } .backgroundquestion.wpb_column.vc_column_container.vc_col-has-fill { width:90%; } } @media only screen and (max-width: 599px) { h3 { font-size: 18pt!important;} .column234 { width: 100%; float: none; } .maintabs { margin-top: -40px; margin-left: 0; margin-right: 0; width: 100%; } .vc_row.section { margin: 0 10px; } .bgfullwidth { width: 99%!important; padding-left: 0px!important; padding-right: 0px!important; } .quoteblock * { text-shadow: 2px 0px 1px #FFFFFF!important; } .maintabs .ui-tabs-anchor span { font-size: 7pt!important; } .maintabs .buttonverzenden { font-size: 9pt!important; } .bgfullwidth { margin-left: 0!important; margin-right: 0;} .mc4wp-form input[type=email] { width: 90%; } .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner { padding-left: 0px!important; padding-right: 0px!important; margin-left:0px!important; margin-right: 0px!important; } /* .vc_column-inner > .wpb_wrapper { margin-left: 5px; } .vc_column-inner > .wpb_wrapper p { padding-right: 15px!important;} */ .whiteform .wpcf7 input[type=submit] { margin: 40px auto 0!important; left: auto!important; right: auto!important; display: inline-block!important; font-size: 16pt!important;padding: 5px 30px!important; } .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .elementor-container .elementor-widget-wrap>.qode_elementor_container_inner, .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, body.boxed .carousel-inner, body.boxed .full_width .parallax_content, body.boxed .header_inner, body.boxed .wrapper_inner, body.boxed footer, div.grid_section .section_inner, nav.content_menu { width: 98%; } .bgfullwidth { width: 100%; padding-left: 0px!important; padding-right: 0px!important;} .default_template_holder.container_inner { width: 100%; } .default_template_holder.container_inner > .bgfullwidth { width: 98%!important; margin-left: 0px!important; padding-left: 15px!important; padding-left: 20px!important;} .default_template_holder.container_inner > .bgfullwidth .wpcf7 { padding: 20px 20px 20px 10px; } .footer_inner .four_columns { width: 96%; padding: 0 2%; } .vc_row.section {margin: 0; padding: 0; width: 100%;} .bgfullwidth { padding-left: 5px!important; } .bgfullwidth .wpcf7 { padding: 20px 20px 20px 10px; margin: 0 10px 0 5px; width: 88%; } } @media only screen and (min-width: 1199px) { } @media only screen and (min-width: 1200px) { .bgfullwidth { margin-left: calc( ( 1100px - 100VW ) / 2 ); margin-right: 0px; } } @media only screen and (min-width: 1300px) { .bgfullwidth { margin-left: calc( ( 1200px - 100VW ) / 2 ); margin-right: 0px; } } /* -- KEY FRAMES -- */ @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}} @-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}} @-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}} @-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}} @-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}} @keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;}} @-moz-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;}} @-webkit-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;}} @-o-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;}} @-ms-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;}}