/* groen: 9FCB3D rood: f7931d gold: D19E53 donkergrijs: 000000 lichtgrijs: e30613 */ #bekijk-onze-livestreams .page-block-caption{ width: 100%; } #bekijk-onze-livestreams .page-block-link{ text-align: center; } #header{ position: fixed; z-index: 10; height: 95px; left: 0px; top: 0px; } #mainsection{ margin-top: 95px; } .page-block-module{ position: relative; float: left; width: 100%; margin: 0px; padding: 0px 0px; } #extraMenu{ top: 20px; right: 15px; } .navbar-toggle{ left: 220px; top: 45px; } .navbar-toggle .icon-bar{ width: 30px; border-radius: 0px; } .navbar-toggle .icon-bar-1{ } .navbar-toggle .icon-bar-3{ } #theBody .mainmenu{ background: #ffffff; position: fixed; left: auto; right: 0px; height: 100vh!important; min-height: 550px; top: 0px !important; display: block; opacity: 1; margin: 0px; visibility: visible; overflow: hidden !important; width: 0px; max-width: 100%; min-width: 0px; } .mainmenu .navbar-nav{ position: relative; width: 100%; bottom: auto; left: 0px; top: 0px; margin-top: 45px; } .mainmenu ul li{ text-align: left; height: 45px; padding-top:50px; overflow: hidden; width: 100%; padding-left: 0px; padding-right: 15px; margin-bottom: 5px; } .mainmenu ul li a{ } .mainmenu ul li.menu-no-link, .mainmenu ul li a{ } .mainmenu ul li.menu-no-link{ padding-left: 15px !important; padding-right: 30px !important; } .extra-menu ul li a{ text-align: right; } .social-icon{ width: auto; float: left; margin-right: 5px; margin-bottom: 30px; padding: 0px 10px 0px 0px; } .social-label{ color: #e30613; font-weight: 700; width: 100%!important; float: left; line-height: 40px; text-transform: uppercase; padding: 0px; margin: 0px; } .navbar-nav > li > .dropdown-menu li a{ color: #000000; } .menu-afspraak-maken a.menu-link{ background: #9FCB3D; color: #e30613 !important; padding: 10px 15px!important; margin-top: -6px; margin-left: 15px; } .menu-afspraak-maken a.menu-link:hover{ background: #9FCB3D!important; color: #e30613 !important; } .menu-contact a.menu-link{ } .menu-contact a.menu-link:hover{ } .menu-shop a.menu-link, .menu-producten a.menu-link, .menu-our-products a.menu-link, .menu-nos-produits a.menu-link{ color: #9FCB3D !important; } .menu-producten a.menu-link:hover{ } .ikwileenafspraak .page-block .page-block-txt{ width: 100%!important; } #videoContainer video{ width: 100%; } #languages{ width: 60px; margin-right: 15px; padding: 0px; display: none; } #languages .btn-primary{ color: #231F20; font-size: 14px; } #languages .flag{ display: none; } #languages .dropdown-menu{ min-width: 0px; width: 40px; } #languages .dropdown-menu > li > a{ padding: 8px 5px; text-align: center; } #basicloadercontainer{ position: fixed; top: 0px; left: 0px; width: 100%; height:100%; background: #ffffff; z-index: 10000000; pointer-events: none; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #basicloadercontainer.loaded{ opacity: 0; } #basicloader{ position: fixed; width: 45px; height: 45px; background-color: none !important; top: 50%; left: 50%; margin-top: -22.5px; margin-left: -22.5px; z-index: 10000001; pointer-events: none; } #basicloader.loaded{ opacity: 0; } #basicloadlayer1{ fill:#e30613; } #basicloadlayer2{ } #basicloadlayer3{ fill:#e30613; } #basiccolorring{ fill:#f7931d; } #basiccolorpiece{ fill:#e30613; } #poweredby{ position: relative; float: left; width: 100%; text-align: left; padding: 0px 0px; } #poweredby .info-icon{ margin-top: 5px; width: 60px; margin-right: 10px; } @media(min-width:601px) { .adresfooter{ width: 40%; } .adresfooter p{ margin-top: 10px; } #poweredby{ width: 60%; } } #myparentsinfo{ display: none; } #myparentsinfo.showme{ display: block; } #form_inschrijven_container .alert{ padding: 30px; } @media(min-width:991px) { .adresfooter{ width: 33%; } #poweredby{ position: relative; float: left; width: 66%; text-align: left; padding: 0px 30px; } } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } #basicloader { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } #pageBlockPage{ width: 100%; } #pageBlock1{ } #pageBlock1 .page-block-caption{ } .page-block .page-block-container{ width:100%; position: relative; left: 0px; top: 0px; float: none; margin: 0 auto; max-width: 900px!important; } #pageBlock1 .page-block-caption .page-block-name, #pageBlock1 .page-block-caption .page-block-ttl{ position: relative; float: left; width: 100%; } h1, #pageBlock1 .page-block-caption .page-block-txt p{ } .page-block-txt .btn-primary{ margin: 15px 0px; float: left; } #pageBlock1 .btn-default{ position: relative; } .page-block-caption .page-block-txt li{ padding: 5px 0px; } .page-block.slideshow { padding: 0px 0px 0px 30px; } #bigslidehover{ position: absolute; bottom: -2px; top: auto; left: 0px; width: 40vw; z-index: 19; } .left.carousel-control{ display: none; width: 40px; height: 40px; background: #80a578!important; top: 50%; margin-top: -20px; opacity: 1; } .right.carousel-control{ display: none; width: 40px; height: 40px; background: #80a578!important; top: 50%; margin-top: -20px; opacity: 1; } #pageBlock3 .left.carousel-control, #pageBlock3 .right.carousel-control{ background: #ffffff!important; display: none; } .left.carousel-control .glyphicon-menu-left, .right.carousel-control .glyphicon-menu-right{ top: 10px!important; color: #e30613!important; margin-top: 0px !important; font-size: 20px!important; } #pageBlock3 .left.carousel-control .glyphicon-menu-left, #pageBlock3 .right.carousel-control .glyphicon-menu-right{ color: #000000!important; } .page-block-image{ padding: 10px 30px 20px 30px; overflow: hidden; max-width: 300px; } #pageBlock1 .page-block-image{ padding: 10px 0px 20px 0px; overflow: hidden; } .page-block-image img{ } #pageBlock1 .page-block-image img{ } .detailblockimage{ padding: 0px 0px 0px 0px; overflow: hidden; position: relative; margin-bottom: 30px; } .detailblockimage img{ position: relative; } .slideshow .page-block-module, #pageblockprojecten .page-block-module{ padding: 0px 0px 0px 0px; overflow: hidden; } .slideshow .page-block-module:before, #pageblockprojecten .page-block-module:before{ } .carousel-indicators{ width: auto; margin: 0px; left: auto; right: 0px; bottom: 0px; } .carousel-indicators li, .carousel-indicators li.active{ width: 14px; height: 14px; border: 2px solid #f7931d!important; margin: 0px 0px 0px 15px; } .carousel-indicators li.active{ background: #f7931d!important; } .page-header-block{ padding: 0px!important; width: 100%; height: 100%; } #pageHeaderSVG{ position: absolute; top: -5px; left: -2px; width: calc(100% + 10px); height: calc(100% + 10px); } .page-header-block .page-header h2{ padding-top: 8vw; } .page-block.light{ margin-bottom: 30px; } .page-block.klantenservice.light{ margin-bottom: 0px; } .page-block.light{ background: #f7931d; padding-top: 30px!important; padding-bottom: 30px!important; margin-top: 45px; } .light .page-block-caption{ background: #f7931d; } .light .page-block-caption{ padding: 30px 60px 45px 60px; } .page-block-caption .content-link { bottom: -70px; text-align: center; } .page-block-intext-link{ } .light .page-block-link{ display:block; } .light .page-block-link{ display:none; } .justanimageblock{ padding: 0px!important; width: 100% ; } .justanimageblock .page-block-image{ padding: 0px!important; width: 100% ; } #pageBlock3{ width:100%; padding-top: 30px; padding: 0px; } #quote .page-block-ttl{ display: none; } #quote .page-block-caption, #quote .page-block-txt{ width: 100%; } #quote .page-block-txt p{ color: #f7931d; font-size: 22px; text-align: center; padding: 0px 5%; font-weight: 700; } @keyframes defaultBtnAni { 0% { margin-top: 0; height: 100%; } 50% { margin-top: 100%; height: 0px; } 51% { margin-top: 0%; height: 0px; } 100% { height: 100%; margin-top: 0%;} } @keyframes defaultBtnAniBig { 0% { margin-top: 0; height: 100%; opacity:1; } 50% { margin-top: 100vh; height: 0px; opacity:0; } 51% { margin-top: 0%; height: 0px; opacity:1; } 100% { height: 100%; margin-top: 0%; opacity:1;} } @keyframes defaultBtnAniHor { 0% { right: 0; width: 30px; } 50% { right: 30px; width: 0px; } 51% { right: 0; width: 0px; } 100% { right: 0; width: 30px; } } @media(max-height:550px) { } @media(max-width:768px) { .mainmenu ul li{ min-height: 45px; height: auto; padding-top:45px; padding-right: 0px; max-height: 45px; overflow: hidden; top: 60px; } .mainmenu ul li.dropdown{ max-height: none; } .menu-link-dropdown{ display: none!important; } .mainmenu ul li a{ color: #e30613!important; background: none!important; padding: 0px 15px 0px 30px !important; font-size: 16px; } .mainmenu ul li.menu-login a{ color: #f89920!important; } .mainmenu ul li a{ opacity: 0; } .menu-afspraak-maken a.menu-link{ color: #9FCB3D !important; } .mainmenu ul li.active a{ color: #f7931d!important; background: none!important; text-decoration: none; } .mainmenu ul li.menu-login.active a{ color: #f89920!important; } .navbar-nav > li > .dropdown-menu{ display: block!important; position: relative!important; float: left!important; height: auto; opacity: 1; width: 100% !important; padding-left: 45px; margin-top: 15px; } .navbar-nav > li > .dropdown-menu li{ height: auto; margin: 0px 0px 0px 0px!important; padding: 0px!important; width: 100%; float: left; margin-left: 15px!important; min-height: 35px; } .navbar-nav > li > .dropdown-menu li a{ height: auto; margin: 0px!important; padding: 0px 0px 0px 0px!important; text-align: left; font-size: 14px; color: #e30613!important; font-family: 'regularfont'; text-decoration: none!important; } .navbar-nav > li > .dropdown-menu li.active a{ color: #f89920!important; background: none!important; text-decoration: none!important; } .dropdown a.menu-link{ pointer-events: none; } .menu-no-link{ color: #777; padding-top: 2px; } h1{ } .page-detailintro-header h2, .page-header-block .page-header h1, .page-header-block .page-header h2, .page-block .page-header h2, .page-txt .detail-specs-container h2, .page-block-caption .page-block-txt h2, .home .page-block-caption .page-block-ttl h2 p, .anchor-block .page-block-caption .page-block-ttl h2{ font-size: 24px; line-height: 1.3; } .page-block-caption .page-block-txt h2{ font-size: 14px; line-height: 1.3; } .page-header-block .page-header h2{ font-size: 18px; } .page-block-caption{ } #pageBlock1{ padding: 0px 30px; } #pageBlock1 .page-block-caption{ padding: 0px 0px 0px 0px; } .block .block-caption{ padding: 0px; } .breadcrum{ padding-left: 15px; padding-right: 15px; } } @media(max-width:991px) { #extraMenu .menu-login{ width: 35px; height: 35px; overflow: hidden; } #extraMenu .menu-login::before{ position: relative; left: 0px; top: 0px; width: 35px; height: 35px; content: ''; background: url(../img/icons/login.svg); background-size: contain; background-repeat: no-repeat; float: left; } } @media(min-width:440px) { } @media(min-width:568px) { .detail-content .page-header .btn-primary { position: absolute; right: 15px; left: auto; top: 15px; } .block-image{ width: 50%; } } @media(min-width:768px) { #languages{ position: absolute; left: auto; right: 0px; top: 30px; } .mainmenu ul li.menu-login{ display: none; } #header{ height: 90px; } #mainsection { margin-top: 95px; } .main-content{ } #extraMenu { top: -55px; } .nav-container{ position: relative; width: 530px; padding: 0px; float: right; top: 0px; left: 0px; margin-top: 38px; } .navbar-header{ display: none; } #theBody .mainmenu{ background: none; position: relative; left: 0px; height: 50px!important; min-height: 0!important; padding: 10px 0px 10px 0px; width: auto; overflow: visible!important; display: block!important; top: 0px!important; float: right!important; margin-top:0px!important; } .mainmenu .navbar-nav{ right: auto; float: none!important; width: auto; margin: 0 auto; max-width: 960px; } #mainmenu ul li { position: relative; padding: 0px 0px; height: 30px; float: left; width: auto; overflow: visible; } .mainmenu ul li.menu-no-link, .mainmenu ul li a, .extra-menu ul li a{ text-align: left; color: #e30613!important; padding: 5px 0px 5px 10px!important; } .mainmenu ul li a:hover, .extra-menu ul li a:hover{ color: #231F20!important; } .mainmenu ul li.menu-no-link{ } .mainmenu ul li a{ font-size: 14px; padding-left: 20px; } .mainmenu ul li a:hover{ } .mainmenu ul li.active a, .mainmenu ul li.active a:hover{ color: #231F20!important; } .mainmenu ul li a .dropdown-icon{ margin-left: 45%; } .navbar-nav > li > .dropdown-menu{ position: absolute!important; left: 15px; top: 50px; width: 100%; min-width: 0; margin: 0px; } .navbar-nav > .open > .dropdown-menu{ position: absolute!important; left: 15px; top: 55px; width: 100%; min-width: 0; margin: 0px; } .navbar-nav > li > .dropdown-menu li{ width: 100%!important; min-width: 0; float: left; margin: 0px!important; padding: 0px 10px!important; height: auto!important; } .mainmenu ul li.active > .dropdown-menu li a, .navbar-nav > li > .dropdown-menu li a{ padding: 8px 10px 6px 15px!important; text-align: left; font-size: 14px; text-decoration: none!important; background: #e30613!important; } .dropdown-menu > li:hover > a, .dropdown-menu > li:hover > a, .dropdown-menu > li > a:hover{ } .mainmenu ul li.active > .dropdown-menu li.active a, .dropdown-menu > .active > a, .dropdown-menu > .active:hover > a, .dropdown-menu > .active > a:hover{ background: #f7931d !important; color: #e30613!important; } .social-icon{ margin-right: 15px; } .page-header{ padding: 45px 60px; } .block-image{ width: 50%; } .page-block{ padding: 15px 15px; } .block .block-image{ width: 80%; margin: 0px 10% 15px 10%; } #pageBlock1 { padding: 30px 30px 30px 30px; } #pageBlock2{ width:50%; padding-top: 0px; } #pageBlock3{ width:100%; padding-top: 0px; } .page-block .page-block-name{ padding: 0px 0px 0px 0px; } .page-block-caption .page-block-ttl{ padding: 0px 30px 0px 0px; text-align: left; } .page-block-caption .page-block-ttl h2{ padding-top: 0px; margin-top: 0px; } .page-block-caption .page-block-txt{ margin: 15px 0px 0px 0px; } .justanimageblock{ padding: 0px; width: 50%; } .page-block-image{ float: left; width: 50%; max-width: none; } #over-tobe-cultuurcentrum .page-block-image{ float: right; } #over-tobe-cultuurcentrum .page-block-caption{ padding-left: 0px; } .page-block-caption{ padding: 0px 15px 0px 15px; width: 50%; } .page-block-extra-caption{ padding: 0px 15px 0px 30px; width: 100%; } .detail-container .page-block .page-block-caption{ padding: 0px 0px; } #pageBlock1 .page-block-caption{ width: 100%; padding: 0px 15px; } .light .page-block-caption{ padding: 30px 60px 30px 60px; } #mainmenu ul li.menu-afspraak-maken{ float: right; } #detailsPlain{ width: 50%; float: left; } .detailcolumn{ width: 50%; float: left; } .detail-content .page-header, .detail-content .page-txt { width: 90%; } .detail-content h1{ padding-top: 30px; } #detailmedia .block-image{ width: 25%; } } .btn-special{ background: #f7931d!important; margin-top: -30px; } .detail-specs-holder{ padding: 0px 45px; max-width: 1080px; margin: 0 auto; float: none; } .nav-detail{ text-align: right; } .nav-detail a{ padding: 5px; text-decoration: none; color: #f7931d; } .detailcolumn .page-txt{ text-align: center!important; width: 100%!important; } .detailcolumn .btn.btn-primary{ margin-bottom: 15px; } #detailmedia .block-image{ width: 50%; padding: 0px 15px; } .detail-content #pageBlock0{ padding-top: 15px; padding-bottom: 5px; } .detail-content .page-menu-container{ display: block; padding-top: 0px; padding-bottom: 0px; } .detail-content .share-social{ display: block; position: relative; top: 0px; } @media(min-width:991px) { #extraMenu { top: 0px; padding: 15px 0px 0px 0px } .extra-menu ul li.menu-login a{ background: #f89920!important; color: #e30613!important; font-family: sweet-sans-pro, sans-serif; font-weight: 800; font-style: normal; padding: 5px 15px 8px 15px!important; border-radius: 0px; } .menu-afspraak-maken a.menu-link{ margin-left: 0px; } #pageBlock1{ width:100%; margin-left: 0px; float: left; } #pageBlock2, #pageBlock3{ width:66.66%; float: right; } .block-image{ } .page-block-image{ } .page-block-caption{ } #detailsPlain{ width: 60%; float: left; } .eventdetail #detailsPlain{ width: 66.66%; } .detailcolumn{ width: 35%; float: right; } } @media(min-width:991px) { #header{ height: 80px; } .nav-container{ position: relative; width: 690px; padding: 0px; float: right; top: 0px; left: 0px; margin-top: 22px; } #theBody .mainmenu{ position: relative; left: 0px; padding: 15px 5px 0px 0px; float: right!important; width: auto; } .mainmenu ul li a{ padding: 5px 0px 5px 25px!important; } } @media(min-width:1280px){ } @media(min-width:1440px) { h1{ padding-bottom: 15px; } #pageBlock1 .page-block-caption .page-block-ttl, #pageBlock1 .page-block-caption .page-block-ttl h2 p, #pageBlock1 .page-block-caption .page-block-ttl h2 { } } @media(min-width:1920px) { #pageBlock1 .page-block-caption .page-block-ttl, #pageBlock1 .page-block-caption .page-block-ttl h2 p, #pageBlock1 .page-block-caption .page-block-ttl h2 { } } .home .footer{ } .btn-primary{ border-radius: 0px; color: #231F20; background: #f7931d; font-size: 12px; padding: 15px 25px; } .btn-default{ border-radius: 0px; color: #e30613; background: #343232; font-size: 12px; padding: 10px 10px; margin: 0px 15px 0px 0px; text-transform: none; font-family: source-sans-pro, sans-serif; font-weight: 700; font-style: normal; } .modal-footer-btns .btn-primary, .modal-footer-btns .btn-default{ padding: 15px 25px; text-transform: uppercase; margin-left: 10px; font-family: sweet-sans-pro, sans-serif; font-weight: 800; font-style: normal; letter-spacing: 1px; } .btn-default span{ color: #f7931d; font-size: 11px; text-transform: uppercase; } .btn-default:hover span{ color: #231F20; } .block.lookbook{ width: 25%; margin: 0px; padding: 0px; } .block.lookbook.wide{ width: 50%; } .block.lookbook .block-caption{ display: none; } .block.lookbook img{ width: 100%; } #welcome{ padding: 0px; } #welcome .page-block-caption, #welcome .page-block-intext-link{ padding: 0px; } #welcome .page-block-image{ padding: 0px 0px 0px 0px; width: 100%; max-width: none; } #welcome .page-block-caption{ position: absolute; bottom: 0px; top: auto; background: rgba(255,255,255,0.80); border-radius: 0px; } #welcome .page-block-caption .page-block-ttl{ padding: 15px 30px 0px 30px; } #welcome .page-block-caption .page-block-ttl h2, #welcome .page-block-caption .page-block-ttl h2 a{ font-size: 24px; line-height: 1.1em; text-align: left; color: #e30613; } #welcome .page-block-caption .page-block-txt{ padding: 0px 30px 10px 30px; width: 100%; } #welcome .page-block-caption .page-block-txt p{ color: #231F20; } #welcome .page-block-intext-link{ display: block; position: relative; float: left; padding: 0px 30px 30px 30px; } #welcome .btn-primary{ width: auto; text-align: left; background-image: url("../img/btns/video-play.svg"); background-position: 15px center; background-repeat: no-repeat; background-size: 25px; padding-left: 50px; } #welcome .btn-primary img{ width: 50px; margin-right: 15px; } #myModalwelcome .modal-dialog{ margin-top: 60px; } #myModalwelcome .modal-content{ padding: 0px; background: none; } #myModalwelcome .modal-header{ padding: 0px 15px; background: none; } #myModalwelcome button.close{ font-size: 20px; } #social.page-block .page-block-caption .page-block-container{ max-width: 1440px!important; } #social.page-block .page-block-caption .page-block-module{ position: absolute; top: 10px; left: 0px; } #social.page-block .page-block-caption .page-block-txt{ float: right; padding-top: 0px; padding-left: 100px; } #social.page-block .page-block-caption .page-block-txt p{ text-align: right; font-family: sweet-sans-pro, sans-serif; font-weight: 800; font-style: normal; font-size: 24px; line-height: 24px; padding-top: 5px; } #social.page-block .page-block-caption .page-block-module .social-icon{ float: right; margin: 0px 15px 0px 0px; padding: 0px; } #social.page-block .page-block-caption .page-block-module .social-icon img{ width: 30px; height: 30px; } .home #salon.page-block{ padding: 30px; } #salon.page-block .page-block-caption { padding: 30px 30px; } .home #salon.page-block .page-block-caption { padding: 30px 0px; } #salon.page-block .page-block-caption .page-block-container { max-width: 780px!important; } #salon.page-block .block .block-caption .block-ttl h2{ padding: 0px 0px 10px 0px; } #salon.page-block .page-block-link .btn-primary{ background: #000000; } #salon.page-block .page-block-link .btn-primary:hover{ background: #9FCB3D; } #salon.page-block .page-block-intext-link{ display: none; } #salon.page-block .page-block-link{ display: none; } .home #salon.page-block .page-block-caption .page-block-txt{ float: none!important; max-width: 480px; margin: 0 auto; } .home #salon.page-block .page-block-link{ display: block; } .home #salon.page-block .block-txt{ display: none; } .home #salon.page-block .block .block-caption .block-ttl h2, .home #salon.page-block .page-block-caption .page-block-ttl, .home #salon.page-block .page-block-caption .page-block-txt{ text-align: center; } #treatments.page-block{ padding: 0px; } #treatments.page-block .page-block-image{ border-radius: 50%; width: 60vw; overflow: hidden; height: 60vw; margin: 0 auto; float: none; border: 10px solid #EE3232; margin-top: 15px; margin-bottom: 60px; } #treatments.page-block .page-block-caption .page-block-ttl{ text-align: center; padding-bottom: 15px; } #treatments.page-block .page-block-module{ padding-bottom: 30px !important; } #treatments.page-block .page-block-caption .page-block-container{ max-width: 1280px!important; } #treatments.page-block .page-block-caption .page-block-txt{ width: 300px; margin: 0 auto; float: none; } .block.services{ width: 100%; margin: 0px; margin-bottom: 10px; overflow: hidden; } .block.services .block-caption .block-ttl{ width: 80%; } .block.services .block-caption .block-ttl h2{ padding: 0px; margin: 0px; text-align: left; float: left; position: relative; background: #f7931d; width: auto; } .block.services .block-caption .block-txt{ padding: 0px; } .block.services .block-caption .block-ttl::before{ content: ''; position: absolute; bottom: 5px; width: 100%; height: 0; line-height: 0; border-bottom: 2px dotted #e30613; } .block.services .block-txt{ width: 80%; } .block.services .block-price{ position: absolute; top: 4px; left: auto; right: 0px; font-family: sweet-sans-pro, sans-serif; font-weight: 800; font-style: normal; font-size: 24px; background: #f7931d; } #afspraakblock.page-block .page-block-caption .page-block-txt, #afspraakblock-uit.page-block .page-block-caption .page-block-txt{ float: none!important; max-width: 480px; margin: 0 auto; } #klantenservice.page-block{ padding: 0px; } #klantenservice.page-block .page-block-caption{ padding-bottom: 15px; } #klantenservice.page-block .page-block-caption .page-block-ttl{ padding: 0px; padding-bottom: 0px!important; } #klantenservice.page-block .page-block-caption .page-block-txt h2, #klantenservice.page-block .page-block-caption .page-block-txt h3{ } #klantenservice.page-block .page-block-caption .page-block-txt p{ } #klantenservice.page-block .page-block-caption .page-block-txt p a{ } #form_contact_container_pageblock{ padding: 0px; } #afspraakblock-uit, #afspraakblock{ padding: 45px 15px 75px 15px; } #afspraakblock .page-block-caption .page-block-ttl h2, #afspraakblock .page-block-caption .page-block-txt, #afspraakblock-uit .page-block-caption .page-block-ttl h2, #afspraakblock-uit .page-block-caption .page-block-txt{ text-align: center!important; } #afspraakblock .btn.btn-primary, #afspraakblock-uit .btn.btn-primary{ background: #D19E53; } .cat-header.klantenservice{ position: absolute; } .cat-header.klantenservice .page-header{ display: none; } .klantenservice #pageBlock1{ display: none; } .klantenservice #afspraakblock-uit, .klantenservice #afspraakblock { padding: 45px 15px 0px 15px; } .klantenservice #pageBlockPage{ max-width: 960px; margin: 0 auto; float: none; } .klantenservice #pageBlockPage .page-block{ background: rgba(255,255,255,0.9); margin: 0px!important; padding:30px!important; } .klantenservice #pageBlockPage #klantenservice{ padding-bottom: 0px!important; margin-bottom: 0px; } .klantenservice #pageBlockPage #contactUs{ padding-top: 0px!important; margin-top: 0px; } .klantenservice #pageBlockPage #contact .page-block-caption{ background: none!important; width: 100%!important; } .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-ttl.ttl-only h2, .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-ttl h2 a, .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-txt p, .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-txt p a, .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-txt h3{ color: #e30613; } .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-ttl h2{ color: #D19E53; text-align: center; padding-bottom: 0px; } .klantenservice #pageBlockPage #klantenservice.light .page-block-caption .page-block-txt h3{ color: #f7931d; } .klantenservice #pageBlockPage #klantenservice.light .page-block-txt{ width: 100%; text-align: center; } .klantenservice #pageBlockPage #klantenservice.light .page-block-module{ width: 100%; } .klantenservice #pageBlockPage #klantenservice.light #map2{ margin-top: 10px; } .klantenservice #pageBlockPage #contactUs .page-block-caption{ background: none!important; } .klantenservice #pageBlockPage #contactUs .page-block-module{ max-width: 660px; margin: 0 auto; float: none; } .klantenservice #pageBlockPage #contactUs fieldset{ background: none!important; padding: 45px 15px 45px 15px; } .klantenservice #pageBlockPage #contactUs fieldset legend{ display: none; text-transform: uppercase;text-align: center; } .klantenservice #pageBlockPage #contactUs .alert{ backgroundr: #D19E53!important; text-align: center; padding: 30px!important; } .klantenservice label{ color: #e30613; } @media(max-width:768px) { .home #mainsection{ margin: 0px; } #welcome{ width: 100%; height: 90vh; } #welcome .page-block-caption .page-block-ttl h2, #welcome .page-block-caption .page-block-ttl h2 a{ font-size: 24px; } #welcome .page-block-image{ position: absolute; height: 100%; width: 100%; } #welcome .page-block-image img{ height: 100%; width: auto; max-width: none; margin-left: -60vh; } #welcome .page-block-caption{ position: absolute; width: 80%; bottom: 60px; left: 30px; max-width: 500px; } #welcome .page-block-caption .page-block-ttl.ttl-only h2{ font-size: 24px; } #welcome .page-block-intext-link{ } #welcome .btn-primary{ } #welcome .btn-primary img{ width: 30px; } .products.page-block .page-block-txt{ } .page-block.latest .page-block-caption{ padding: 30px 30px!important; } } @media(min-width:768px) { #welcome .page-block-caption{ position: absolute; width: 100%; bottom: 0px; left: 0; max-width: none; padding: 20px; } .page-block .page-block-name h1{ padding-bottom: 10px; } .page-block .page-block-intro{ width: 50%; float: left; } .page-block .page-block-txt{ width: 100%; float: left; margin-top: 5px; } #pageBlock1 .page-block-intro{ width: 50%; text-align: left; padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px; } #pageBlock1 .page-block-txt{ width: 50%; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #pageBlock1 .page-block-intro h2, #pageBlock1 .page-block-intro h2 p, #pageBlock1 .page-block-txt p{ padding: 0px 0px 15px 0px; margin: 0px; } .home #pageBlock1 .page-block-intro, .home #pageBlock1 .page-block-txt{ width: 51%; float: right; padding-left: 45px; text-align: left; } .home #pageBlock1 .page-block-image{ width: 49%; float: left; } #meld-je-nu-aan .page-block-image{ } #meld-je-nu-aan .page-block-caption{ } #meld-je-nu-aan .page-block-caption .page-block-ttl{ } #meld-je-nu-aan .page-block-caption .page-block-txt{ } #meld-je-nu-aan .page-block-link{ text-align:left!important; width: 50%; float: right; padding-left:15px; } #produceer-en-laat-je-track-beoordelen{ padding: 0px 30px; } #produceer-en-laat-je-track-beoordelen .page-block-caption, #produceer-en-laat-je-track-beoordelen .page-block-caption .page-block-ttl, #produceer-en-laat-je-track-beoordelen .page-block-caption .page-block-ttl h2, #produceer-en-laat-je-track-beoordelen .page-block-caption .page-block-txt p{ width: 100%; text-align: center; padding: 0px 30px; } .page-block.latest{ } .page-block.latest .page-block-ttl{ width: 50%; text-align: left; } .page-block.latest .page-block-txt{ width: 100%; text-align: left; } .page-block.latest .page-block-txt p{ width: 50%; float: left; } .page-block.latest .page-block-txt p:nth-of-type(2){ width: 45%; float: right; margin-top: -75px; } .page-block.latest .page-block-caption .page-block-txt .btn-default{ font-size: 14px; padding: 10px 30px; } .footer{ margin-top: 45px; } #klantenservice.page-block .page-block-caption{ width: 100%; margin-top: 15px!important; } .klantenservice #pageBlockPage #klantenservice{ } .klantenservice #pageBlockPage #klantenservice .page-block-caption .page-block-ttl h2, .klantenservice #pageBlockPage #klantenservice .page-block-caption .page-block-txt{ text-align: center; } .klantenservice #pageBlockPage #contactUs{ width: calc(100% - 300px); } } @media(min-width:991px) { #header{ height: 90px; } #mainsection { margin-top: 90px; } #topbar{ margin-top: 15px; } #welcome .page-block-caption .page-block-ttl.ttl-only h2{ font-size: 50px; } h1{ } .page-block-caption .page-block-intro h2 p{ font-size: 16px; } .home #pageBlock1 .page-block-intro{ margin-top: 20px; } #klantenservice.page-block .page-block-module{ width: 50%; } #map2{ margin-top: -60px; } #welcome .page-block-caption{ padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); } #welcome .page-block-caption .page-block-txt{ max-width: 600px; } } @media(min-width:1280px) { #welcome .page-block-caption{ } #treatments.page-block .page-block-image{ margin-top: 0px; margin-bottom: 45px; } #treatments.page-block .page-block-module{ padding-top: 45px; } } .page-block-caption .page-block-intro h2 p{ margin-bottom: 15px; } #theBody.info .page-header-block, #theBody.faq .page-header-block{ opacity: 0; } #theBody.info #pageBlock0, #theBody.info .cat-header-image, #theBody.faq #pageBlock0, #theBody.faq .cat-header-image{ opacity: 1; } #theBody.info .page-block .page-block-name h1, #theBody.faq .page-block .page-block-name h1{ text-align: left; } #theBody.info .page-block .page-block-intro h2 p, #theBody.faq .page-block .page-block-intro h2 p{ text-transform: none; } @media(min-width:991px) { #theBody.faq #pageBlock0, #theBody.faq .cat-header-image, #theBody.info #pageBlock0, #theBody.info .cat-header-image{ } } @media(min-width:1280px) { #theBody.faq #pageBlock0, #theBody.faq .cat-header-image, #theBody.info #pageBlock0, #theBody.info .cat-header-image{ } } #pageblockfaq { } #pageblockfaq .page-block-caption{ width: 100%; } #pageblockfaq .page-block-module{ padding: 15px 0px; } #pageblockfaq .page-block-module .panel-group{ padding: 0px 30px; } #pageblockfaq .page-block-module h3{ font-family: source-sans-pro, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; color: #f7931d; padding: 15px 0px; float: left; width: 100%; } #pageblockfaq .panel-group .panel{ border-radius: 0px; border: 0px; margin: 0px 0px 10px 0px; position: relative; width: 100%; margin-right: 0%; float: left;box-shadow:none; background: #b0b0b0; } #pageblockfaq .panel-group .panel .panel-heading{ padding: 0px 15px; background: none; } #pageblockfaq .panel-group .panel .panel-heading.active{ background: none; } #pageblockfaq .panel-group .panel .panel-heading h4{ padding: 15px 45px 12px 0px; letter-spacing: 0px; font-family: source-sans-pro, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; } #pageblockfaq .panel-group .panel .panel-heading h4 a{ text-decoration: none; color: #e30613; } #pageblockfaq .panel-group .panel .panel-heading h4 a{ text-decoration: none; width: 100%; } #pageblockfaq .panel-group .panel .panel-heading.active h4 a{ color: #e30613; } #pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-menu-down, #pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-menu-up{ position: absolute; top: 30px; right: 15px; left: auto; color: #f7931d; font-size: 20px; margin-top: 0px; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/ } #pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-menu-up{ margin-top: -15px; } #pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-down, #pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-up{ top: 50%; margin-top: -10px; } #pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-menu-down{ display: none; } #pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-up{ transform: rotate(180deg); color: #e30613; } #pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-down{ /*display: block;*/ } #pageblockfaq .panel-group .panel-body{ padding: 0px 15px 20px 15px; font-size: 14px; line-height: 1.6; border: 0px; max-width: 600px; } #pageblockfaq .panel-group .panel-body p{ font-size: 14px; line-height: 1.6; padding-bottom: 5px; padding-top: 0px; color: #231F20; } #pageblockfaq .panel-group .panel-body p a{ color: #f7931d; } #pageblockfaq .panel-group .panel-body .btn-primary{ text-transform: none; } #pageblockfaq .page-block-caption .page-block-ttl{ margin-bottom: 0px; padding-bottom: 0px; } #knowledge .block.news{ width: 100%; margin: 30px 0px 30px 0px; } #knowledge .block.news::after{ position: relative; width: 40%; max-width: 500px; height: 1px; background: #D19E53; content: ' '; top: 0px; left: 0px; display: block; float: none; margin: 0 auto; margin-top: -30px; } #knowledge .block.news .block-image{ padding: 15px 45px; } #knowledge .block.news .block-caption{ padding: 0px 45px; } #knowledge .block.news .block-btns{ padding-top: 0px; } #knowledge .block.news .btn-primary{ text-transform: none; padding: 5px 15px; font-size: 10px; } .detail-content h1 { color: #f7931d; margin: 0px!important; padding: 0px 0px 0px 0px; } .detail-content .page-txt{ padding: 0px 15px; } .detail-content .page-txt-intro{ padding: 0px 15px; } .detail-content .page-txt-intro h4{ margin: 0px; padding: 0px; } .detail-content .page-txt-intro h4 p{ font-size: 22px; max-width: 500px; } .detailcolumn{ background: rgba(255,255,255,0.3); padding: 30px; } #pageblockproducten, .detailcolumn .page-block-caption{ padding: 0px!important; } .detailcolumn .page-block-caption .page-block-ttl.ttl-only{ padding: 0px 0px 15px 0px!important; } .detailcolumn .page-block-caption .page-block-ttl.ttl-only h2{ text-align: left!important; text-transform: none!important; font-size: 22px; color: #f7931d; } .detail-content .video{ position: relative; float: left; width: 100%; margin-bottom: 30px; } .detail-content .detailmedia{ position: relative; float: left; width: 100%; margin-bottom: 30px; } .detailcolumn .lister.article-modus{ border: 1px solid #dddddd; width: 48%; margin: 0px 1% 15px 1%; background: #e30613; } .detailcolumn .lister.article-modus img{ max-width: 200px; } .detail-content .oneproduct .lister.article-modus{ width: 100%;margin: 0px; } .detailcolumn #detailmedia{ padding-top: 15px; padding-bottom: 15px; } .detailcolumn #detailmedia .block-image{ padding: 5px 20px; } .detailcolumn #detailmedia .block-image h3{ text-transform: none; font-family: 'regularfont'; font-size: 14px; } .detailcolumn #detailmedia .block-image a{ text-decoration: none; } @media(min-width:600px) { #faq-help .page-block-caption, #pageblockfaq .page-block-caption .page-block-ttl{ } #faq-help .page-block-caption p, #pageblockfaq .page-block-caption p{ } #knowledge .block.news .block-image{ width: 50%; margin: 0px; max-width: 300px; padding: 0px; } #knowledge .block.news .block-image img{ } #knowledge .block.news .block-caption{ width: 50%; } #knowledge .block.news:nth-of-type(2n+2) .block-image{ float: right; } #knowledge .block.news:nth-of-type(2n+2) .block-caption{ float: right; } #knowledge .block.news:nth-of-type(2n+2) .block-caption .block-date, #knowledge .block.news:nth-of-type(2n+2) .block-caption .block-ttl h2, #knowledge .block.news:nth-of-type(2n+2) .block-caption .block-txt p, #knowledge .block.news:nth-of-type(2n+2) .block-caption .block-btns{ text-align: right; } } @media(min-width:768px) { #pageblockfaq .container{ max-width: 1000px; } #pageblockfaq .page-block-caption{ padding: 0px 30px; } #pageblockfaq .page-block-module h3{ padding: 15px 15px; } #pageblockfaq .page-block-caption .page-block-ttl h2{ text-align: center; } #pageblockfaq .page-block-caption .page-block-txt{ float: none; margin: 0 auto; } #pageblockfaq .page-block-caption .page-block-txt p{ text-align: center; } #pageblockfaq .page-block-module{ max-width: 1080px; margin: 0 auto; float: none; } #knowledge .page-block-module{ max-width: 800px; margin: 0 auto; float: none; } #pageblockfaq .page-block-module{ padding: 15px 15px; } #pageblockfaq .panel-group .panel{ width: 96%; margin: 0px 2% 15px 2%; } #pageblockfaq .panel-group .panel:nth-of-type(2n + 2){ float: right; } } @media(min-width:991px) { } @media(min-width:1200px) { } @media(min-width:1440px) { } .register-for-training #pageBlock1 .page-block-intro, .register-for-training #pageBlock1 .page-block-txt{ width: 100%; text-align: center; } /* groen: 9FCB3D rood: f7931d gold: D19E53 donkergrijs: 000000 lichtgrijs: e30613 */ .cat-header-image .page-header-block, .school .cat-header-image .page-header-block, .about-morango .cat-header-image .page-header-block, .workshops .cat-header-image .page-header-block, .events .cat-header-image .page-header-block, .trainingen .cat-header-image .page-header-block{ display: none; } #brandstrainingen_container{ padding: 0px; display: flex; flex-flow: row wrap; } .block.trainingen{ margin: 0px; padding: 0px 30px; width: 100%; } .block.trainingen .block-image{ text-align: center; } .block.trainingen .block-image img{ max-width: 250px; float: none; text-align: center; } .block.trainingen .block-caption .block-ttl h2 a{ color: #f7931d; } .trainingen .cat-header-image::before{ position: relative; float: left; top: 0px; left: 0px; width:50%; margin: 15px 25% 0px 25%; height: 2px; background: #CED2D3; content: ' '; overflow: hidden; } .events .page-block-module, .workshops .page-block-module{ width: 100%; max-width: 460px; margin: 0 auto; float: none; } .block.trainingen{ margin: 0px; max-width: 460px; float: left; font-size: 12px; padding: 0px 30px 0px 30px; } .block.trainingen .block-caption{ padding-bottom: 5px; } .block.trainingen .block-caption2{ padding-bottom: 45px; } .block.trainingen .block-caption .block-ttl h2{ border-bottom: 1px solid #464F57; text-transform: uppercase; padding: 15px 0px; text-align: left; letter-spacing: 2px; margin-bottom: 15px; } .block.trainingen .block-caption .block-txt-intro{ padding-bottom: 0px; } .block.trainingen .block-caption .block-txt p, .block.trainingen .block-caption .block-txt ul li{ font-size: 13px; color: #231F20; } .block.trainingen .block-caption .block-txt ul{ padding-left: 20px; } .block.trainingen .block-caption .block-specs{ border-bottom: 1px solid #464F57; padding: 3px 0px; } .block.trainingen .block-caption .block-specs .block-label{ font-size: 12px; margin: 0px; padding: 0px; color: #231F20; font-family: source-sans-pro, sans-serif; font-weight: 400; font-style: normal; } .block.trainingen .block-caption .block-specs .block-value{ color: #e30613; font-size: 13px; margin: 0px; padding: 0px; font-family: sweet-sans-pro, sans-serif; font-weight: 800; font-style: normal; } .block.trainingen .block-caption .block-specs .block-value h3{ font-size: 16px; } .block.trainingen .block-caption .block-specs .block-value h4{ font-size: 13px; margin: 0px; padding: 0px; color: #e30613; } .block.trainingen .block-caption .block-specs .block-value h3 a{ text-decoration: none; } .block.trainingen .block-caption .block-specs .block-value h3 a:hover{ color: #f7931d; } .block.trainingen .block-btns .btn-list{ font-size: 12px; background: #f7931d; text-transform: uppercase; float: right; padding: 10px 15px 10px 15px; border-radius: 0px; } .block.agendasmall, .block.agendasmall .block-caption , .block.agendasmall .block-caption .block-specs, .block.agendasmall .block-caption .block-specs .block-value{ width: 100%; padding: 0px; margin: 0px; float:left; border: 0px; } .block.agendasmall{ padding: 0px 0px 5px 0px; } .block.agendasmall .extra-info{ margin: 0px 2px 0px 5px; } .block.agendasmall p{ font-size: 14px; color: #231F20; font-family: source-sans-pro, sans-serif; font-weight: 400; font-style: normal; } /*.block.agendasmall::after{ position: relative; float: left; top: 0px; left: 0px; width:5px; margin: 0px 5px 0px 5px; height: 16px; content: '/'; }*/ .inschrijven fieldset legend{ margin-top: 30px; } .inschrijven fieldset h4{ margin: 0px; padding: 0px; color: #f7931d; font-size: 16px; } .inschrijven fieldset h4:nth-of-type(2n){ margin-bottom: 10px; } .inschrijven .paymentradio label{ font-family: sweet-sans-pro, sans-serif; font-weight: 800; font-style: normal; letter-spacing: 1px; font-size: 18px; margin-top: 10px; } .inschrijven .form-group.has-error label{ color: #f7931d; } .inschrijven .paymentradio{ font-size: 12px; } #selectable_related, #selectable_related p{ font-size: 14px; } .row-block.agenda{ padding: 10px 15px 0px; font-size: 12px; margin: 0px; color: #464F57; background: #f2f2f2; } .row-block.agenda:nth-of-type(1){ background: #464F57; color: #f2f2f2; padding: 15px 15px; } .row-block.agenda:nth-of-type(2n){ background: #e30613; } .row-block.agenda .block-specs{ width: 65%; position: relative; float: left; max-width: none; padding-top: 5px; padding-bottom: 3px; padding-left: 5px; } .row-block.agenda:nth-of-type(1) .block-specs{ border: 0px; } .row-block.agenda .block-specs:nth-of-type(1), .row-block.agenda .block-specs:nth-of-type(2){ } .row-block.agenda .block-specs:nth-of-type(1), .row-block.agenda .block-specs:nth-of-type(4), .row-block.agenda .block-specs:nth-of-type(6), .row-block.agenda .block-specs:nth-of-type(8){ width: 35%; float: right; } .row-block.agenda .block-specs:nth-of-type(8){ width: 100%; text-align: center; padding: 20px 0px 18px 0px; } .row-block.agenda:nth-of-type(1) .block-specs:nth-of-type(7), .row-block.agenda:nth-of-type(1) .block-specs:nth-of-type(8){ display: none; } .row-block.agenda .btn-primary{ margin-bottom: 15px; } /*locations*/ /*inschrijven*/ #form_inschrijven_container{ max-width: 600px; margin: 0 auto; float: none; } #form_inschrijven_container fieldset{ padding: 0px 15px; } /*trainingen*/ .trainingen .page-menu-container{ max-width: 100%; padding-left: 45px; } .trainingen .block.brandstrainingen{ margin: 0px; float: left; width: 50%; padding: 0px 30px; margin-bottom: 30px; } .trainingen .block.brandstrainingen .block-btns{ } .row-block.agenda .block-specs{ width: 25%; position: relative; float: left !important; text-align: left!important; } .row-block.agenda .block-specs:nth-of-type(1){ width: 10%; } .row-block.agenda .block-specs:nth-of-type(2), .row-block.agenda .block-specs:nth-of-type(5){ width: 50%; } .row-block.agenda .block-specs:nth-of-type(4), .row-block.agenda .block-specs:nth-of-type(6), .row-block.agenda .block-specs:nth-of-type(7), .row-block.agenda .block-specs:nth-of-type(8){ width: 15%; float: right !important; text-align: right !important; } .row-block.agenda .block-specs:nth-of-type(6), .row-block.agenda .block-specs:nth-of-type(7){ width: 100%; padding-left: 10%; } .row-block.agenda .block-specs:nth-of-type(8){ width: 100%; text-align: right !important; } .row-block.agenda .block-specs:nth-of-type(5){ margin-left: 10%; } @media (min-width: 991px){ /*trainingen*/ .events .page-block-module, .workshops .page-block-module{ width: 100%; max-width: 800px; } .block.trainingen{ width: 100%; max-width: 800px; } .block.trainingen .block-caption{ width: 50%; padding-bottom: 45px; } .block.trainingen .block-value .block-caption{ width: 100%; padding: 0px; } .block.trainingen .block-caption2{ padding-bottom: 45px; border-top: 1px solid #464F57; margin-top: 52.5px; } .eventdetail .block.trainingen .block-caption2{ border: 0px; } .trainingen .block.brandstrainingen{ width: 33.33%; padding: 0px 30px; margin-bottom: 30px; max-width: none; } .row-block.agenda .block-specs{ width: 12%; position: relative; float: left !important; margin: 0px !important; } .row-block.agenda .block-specs .block-value, .row-block.agenda .block-specs .block-link{ display: block; width: 100%; position: relative; float: left !important; margin: 0px !important; height: 20px; vertical-align:middle; } .row-block.agenda .block-specs:nth-of-type(2){ width: 30%; max-width: none; padding-right: 5px; } .row-block.agenda .block-specs:nth-of-type(5){ width: 18%; } .row-block.agenda .block-specs:nth-of-type(1), .row-block.agenda .block-specs:nth-of-type(4){ width: 10%; } .row-block.agenda .block-specs:nth-of-type(6){ } .row-block.agenda .block-specs:nth-of-type(7){ margin-bottom: 45px !important; } .row-block.agenda .block-specs:nth-of-type(8){ } .row-block.agenda .block-specs:nth-of-type(8){ } } #maatregelen{ width: 100%; padding: 30px 30px; background: #eee; } #maatregelen .page-block-caption{ width: 100%; max-width: 500px; float: none; margin: 0 auto; } #maatregelen .page-block-txt{ width: 100%; } #actie{ background: #f7931d; padding-bottom: 30px; margin-top: 75px; } #actie .page-block-caption .page-block-ttl{ padding-bottom: 0px; } #actie .page-block-caption .page-block-ttl h2{ color: #e30613; margin-top: -75px; float: right; margin-right: 0%; transform: rotate(-5deg); text-align: center; font-size: 36px; background: #f7931d; width: 160px; height: 160px; border-radius: 50%; line-height: 150px;border: 10px solid #e30613; } #actie .page-block-caption .page-block-txt{ width: 100%; margin-top: -30px; } #actie .page-block-caption .page-block-txt h2{ font-family: 'headfont'; color: #D19E53; text-align: center; padding: 0px 60px; margin: 0px; font-size: 50px; } #actie .page-block-caption .page-block-txt p{ font-family: 'headfont'; color: #e30613; text-align: center; padding-bottom: 5px; margin: 0px; font-size: 24px; } #actie .page-block-caption .page-block-txt p b{ font-family: 'headfont'; } #actie .page-block-caption .page-block-txt p a{ font-family: 'headfont'; font-size: 1.2em; color: #e30613; } @media (min-width: 768px){ #actie{ margin-top: 15px; } } @media (min-width: 991px){ #actie .page-block-caption .page-block-ttl h2{ margin-right: 20% } } .zoom .page-block .page-block-name h1, .my-lessons .page-block .page-block-name h1{ color: #231F20; text-align: center; } .my-lessons .page-block .page-block-intro, .my-lessons .page-block .page-block-txt{ width: 100%!important; max-width: 600px; float: none!important; margin: 0 auto!important; padding: 0px; } .my-lessons .page-block .page-block-intro p, .my-lessons .page-block .page-block-txt p, .my-lessons .page-block .page-block-intro h2, .my-lessons .page-block .page-block-txt h2{ text-align: center; } .my-lessons .page-block-module{ width: 100%; max-width: 960px; float: none; margin: 0 auto; margin-bottom: 100px; } .my-lessons .page-block-module .block.lesson_header{ width: 100%; margin-top: 5px; padding: 10px 15px 10px 15px; background: #ffffff; font-size: 18px; background:#231F20;color: #ffffff; } .my-lessons .page-block-module .block.lesson{ width: 100%; margin-bottom: 5px; padding: 5px 15px 15px 15px; background: #ffffff; border-bottom: 1px solid #231F20; font-size: 18px; } .my-lessons .page-block-module .block.lesson .block-caption{ padding: 0px; } .my-lessons .page-block-module .block.lesson:nth-of-type(1){ font-size: 14px!important; display: none; } .my-lessons .page-block-module .block.lesson:nth-of-type(2n){ background: #eeeeee; } .my-lessons .page-block-module .block.lesson:last-of-type{ margin-bottom: 100px; } .my-lessons .page-block-module .block.lesson .lesson-order{ width: 100%; float: left; padding-top: 20px; font-weight: 700; } .my-lessons .page-block-module .block.lesson .lesson-datep{ width: 100px; float: left; padding-top: 5px; font-size: 14px; } .my-lessons .page-block-module .block.lesson .lesson-ttl{ width: calc(100% - 100px); float: left; padding-top: 5px; color: #f7931d; } .my-lessons .page-block-module .block.lesson:nth-of-type(1) .lesson-ttl{ color: #231F20; } .my-lessons .page-block-module .block.lesson .lesson-action { width: 100%; float: left; text-align: right; padding-top: 15px; } .my-lessons .page-block-module .block.lesson .lesson-action .btn-primary.active{ background: #cccccc; color: #aaaaaa; } #meeting_create_edit_container legend{ text-align: left; padding: 0px; } #meeting_create_edit_container legend strong{ color: #e30613; font-size: 1.3em; } #meeting_create_edit_container fieldset{ text-align: left; padding: 0px; } #meeting_create_edit_container{ max-width: 500px; } .detailmodus.my-lessons #pageBlock1{ display: none; } @media(min-width:640px) { .my-lessons .page-block-module .block.lesson .lesson-ttl{ width: calc(100% - 280px); } .my-lessons .page-block-module .block.lesson .lesson-action { width: 180px; position: absolute; top: 0px; left: auto; right: 0px; } } .lesson-container{ width: 100%; max-width: 650px; float: none; margin: 0 auto; } .lesson-container h2{ text-align: center; font-size: 24px; color: #f7931d; padding: 0px; margin: 0px; } .lesson-container h3{ text-align: center; font-size: 14px; color: #e30613; padding: 0px; margin: 0px; } .lesson-container .chapter-list{ position: relative; float: left; width: 100%; margin-bottom: 45px; } .lesson-container .info-list{ background: #343232; padding: 30px; color: #e30613!important; position: relative; float: left; width: 100%; margin-bottom: 45px; } .lesson-container .info-indicator{ margin: 0px 5px 5px 0px; float: left; width: auto; } .lesson-container .btn-primary{ font-size: 18px; padding: 5px 15px; } .lesson-container .btn-primary:hover, .lesson-container .btn-primary:focus{ background: #f7931d; } #paymentmethods{ padding: 10px; position: relative; float: left; width: 100%; display: none; } #paymentmethods.vis{ display: block; } #search_optionmethod_payment_inschrijvensub{ display: none; } #search_optionmethod_payment_inschrijvensub.vis{ display: block; } #videoLesson{ position: relative; float: left; width: 100%; min-height: 40px; background: #343232; padding: 5px 5px 0px 5px; margin-bottom: 10px; } #pills-tab{ margin-bottom: 10px; } #pills-tab>li>a{ text-decoration: none; } #pills-tab>li.active>a{ background: #f7931d; } #videoLesson::before{ content: 'video loading'; position: absolute; top: 60px; left: 0px; width: 100%; text-align: center; z-index: 0; } #videoLesson iframe{ z-index: 1; position: relative; } @media(max-width:640px) { #videoLesson iframe{ width: 100%!important; height: 56.25vw } .my-lessons .page-block-module .block.lesson:nth-of-type(1){ display: none; } } .newsletter #pageBlock1 .page-block-txt{ width: 100%; text-align: center; } #newsletter .page-block-caption{ width: 100%; } #mc_embed_signup #mce-success-response{ width: 100%; text-align: center; background: #e30613!important; color: #f7931d!important; padding-bottom: 10px; } .bannertop{ position: relative; width: 100%; top: 0px; left: 0px; margin: 0px; padding: 15px 60px; background: #f7931d; color: #e30613; text-align: center; } .bannertop p a{ color: #e30613; text-decoration: underline; } .with-banner #header{ top: 70px; } @media(min-width:768px) { .with-banner #header{ top: 60px; } .shrink #header{ top: -40px!important; } .shrink .mainmenu ul li.active a,.shrink .mainmenu ul li.active a:hover{ color: #ffffff!important; } } @media(min-width:990px) { .with-banner #header{ top: 50px; } .bannertop p{ font-size: 16px; } } #schrijf-je-in .page-block-caption{ width: 100%; } #schrijf-je-in .page-block-caption .page-block-ttl h2, #schrijf-je-in .page-block-link, #schrijf-je-in .page-block-caption .page-block-txt p{ text-align: center; } #form_teacher_login_container{ width: 350px; margin: 0 auto; float: none; } .my-zooms.my-lessons .page-block-module{ padding: 0px 30px; } .lesson-order small{ font-weight: normal; font-size: 12px; } .my-lessons.my-zooms .page-block-module .block.lesson .lesson-ttl .student_row{ font-size: 14px; } .my-lessons.my-zooms .page-block-module .block.lesson:nth-of-type(1){ display: block; font-size: 18px!important; } @media(min-width:990px) { .my-lessons.my-zooms .page-block-module .block.lesson .lesson-ttl{ width: calc(100% - 180px); } } .btn-invite, .btn-invite-student{ padding: 5px 10px 5px 40px; margin-top: 10px; background-image: url("../img/icons/manage.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 20px; } .btn-invite-student{ width: auto; padding: 5px 10px 5px 25px;background-image: url("../img/icons/mail.svg"); background-color: #35bd5f; } .btn-start{ padding: 5px 10px 5px 40px; margin-bottom: 10px; background-color: #35bd5f; background-image: url("../img/icons/computer-repair.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 20px; width: 140px; } .btn-edit{ padding: 5px 10px 5px 40px; margin-bottom: 10px;background-image: url("../img/icons/maintenance.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 20px; width: 140px; } .btn-delete, .btn-delete-student{ padding: 5px 10px 5px 40px; margin-bottom: 10px; background-color: #e30613; background-image: url("../img/icons/delete.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 20px; width: 140px; } .btn-delete-student{ width: auto; padding: 5px 10px 5px 25px; } .disable.form-control{ pointer-events: none; background: #ddd; } .student_row{ width: 100%; position: relative; float: left; border-bottom: 1px solid #000000; margin: 0px 0px 3px 0px; padding: 8px 0px; } .student_row_actions{ position: absolute; top: 0px; right: 0px; left: auto; width: auto; } .student_row .btn-invite-student, .student_row .btn-delete-student{ float: right; margin: 3px 0px 0px 5px; }