/* ========================================================================== EDITS ========================================================================== */ /* ipad landscape fixes */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .cd-nav__list {right: 185px;} #boldtext {display: none !important;} #shopdesktopmenu {margin-right: 200px !important;} .assgroepcard-description-slagerij {font-size: 15px !important;} } @media screen and (max-width: 1020px) { .splitleft {position:absolute; left:0px; top:69px; height: calc(100vh - 69px); width: 100%;} .splitright {display: none;} .threequart {width: 100%;} } @media screen and (min-width: 1025px) { .splitleft {position:absolute; left:0px; top:69px; height: calc(100vh - 69px); width: 76%;} .threequart {width: 76%;} .threequart-portguide {width: 76% !important;} .threequart-comic {width: 80% !important;} } .card {margin-bottom: 8px;} .c_news {margin-bottom: 8px !important;} .thumb3d {padding-bottom: 8px !important;} .img-comic {outline: 4px solid #04071a; outline-offset: -4px !important;} @media screen and (min-width:700px) { .list-item {padding-top: 8px !important; padding-left: 4px !important; padding-right: 4px !important;} } @media screen and (max-width:700px) { .list-item {padding-left: 15px; padding-right: 15px;} .list-item4 {padding-left: 4px !important; padding-right: 4px !important;} .list-item15 {padding-left: 15px !important; padding-right: 15px !important;} } .threequart-house-of-m-comics {width: 80% !important;} .threequart-og-roosters {width: 75% !important;} .navbar-nav {position: fixed; top: 0px; height: 69px;} @media (min-width: 1025px) { .maincontent-white {flex: 0 0 72% !important; max-width: 72% !important;} .sidebar-white {position: fixed; top: 0px !important; right: 0px !important; overflow-y: scroll; height: 100vh !important; width: 27% !important; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);} } @media screen and (min-width: 1024px) { .splitcolumn-persroosters {column-count:1 !important; padding-left: 120px !important; padding-right: 120px !important} } .postshow-og-roosters .table td, .postshow-og-roosters .table th { background-color: #FFFFFF !important; border: 1px solid #e3edf9; color: #000000 !important; font-family: "system-ui"; font-weight: 300 !important; } .infocardbody-white .ataradescription {opacity: 0; height: 0px !important;} .ogimage {width:100%; height:200px;} .ogtitle {margin-top:14px; font-family: "system-ui"; font-size:17px; font-weight:600; line-height:24px; min-height: 24px;} .ogsubtitle {font-family: "system-ui"; font-size:16px; font-weight:300; line-height:18px; min-height: 18px;} .tdbg-white {background-color: #FFFFFF;} .relatedoverlay_white {background-color: #FFFFFF; height: 50px; overflow: hidden;} .ogtable td {cursor: pointer} @media screen and (max-width: 1024px) { .ogfitmob {overflow-x: hidden !important;} } .navlink-og-roosters-Home {margin-left: -200px;} @media screen and (min-width: 800px) { .modalbody-sushi .typeahead__result .name {margin: 0 30px 0px 144px !important;} } /* ========================================================================== preloader / scrollbars ========================================================================== */ .preloader-aatventure {background-color: #2c2f39;} .preloader-sushi {background-color: #000000;} .preloader-slagerij {background-color: rgb(35,1,3) !important;} .preloader-portguide {background-color: rgb(2, 20, 40) !important;} .preloader-blue {background-color: #001833 !important;} .preloader-comic {background-color: #000000 !important;} @media screen and (min-width: 800px) {.preloader-white {background-color: #FFFFFF !important;}} @media screen and (max-width: 800px) {.preloader-white {background-color: #0a1120 !important;}} @media screen and (min-width: 600px) { .scrollbar-aatventure::-webkit-scrollbar {width: 12px;} .scrollbar-aatventure::-webkit-scrollbar-track-piece {background-color: #2b3038;} .scrollbar-aatventure::-webkit-scrollbar-thumb {background-color: #1e2c3a;} .scrollbar-sushi::-webkit-scrollbar {width:12px !important} .scrollbar-sushi::-webkit-scrollbar-track-piece {background-color:#000000 !important} .scrollbar-sushi::-webkit-scrollbar-thumb {background-color:#FF0000 !important} .scrollbar-slagerij::-webkit-scrollbar {width:12px !important;} .scrollbar-slagerij::-webkit-scrollbar-track-piece {background-color: #3f0107 !important;} .scrollbar-slagerij::-webkit-scrollbar-thumb {background-color: #350006 !important;} .scrollbar-portguide::-webkit-scrollbar {width:12px !important} .scrollbar-portguide::-webkit-scrollbar-track-piece {background-color: #192439 !important;} .scrollbar-portguide::-webkit-scrollbar-thumb {background-color: #51739A !important;} .scrollbar-blue::-webkit-scrollbar {width:12px !important} .scrollbar-blue::-webkit-scrollbar-track-piece {background-color: #001833 !important} .scrollbar-blue::-webkit-scrollbar-thumb {background-color: #0c3e99 !important;} .scrollbar-white::-webkit-scrollbar {width:12px !important} .scrollbar-white::-webkit-scrollbar-track-piece {background-color: #001833 !important} .scrollbar-white::-webkit-scrollbar-thumb {background-color: #0c3e99 !important;} .scrollbar-comic::-webkit-scrollbar {width: 8px;} .scrollbar-comic::-webkit-scrollbar-track-piece {background-color: #040718 !important;} .scrollbar-comic::-webkit-scrollbar-thumb {background-color: #1a1e44 !important;} } .xpro-slider-overlay {width: 100vw !important; height: 100vh !important;} /* ========================================================================== mobileheaders / floatingbuttons ========================================================================== */ @media (max-width: 600px) { .mobileheader-sushisensei {background-image: url(../../img/mobileheaders/sushisensei2021.jpg); background-size: 100% 70px !important;} .mobileheader-slagerij-verstappen {background-image: url(../../img/mobileheaders/slagerij-verstappen-2019.jpg); background-size: 100% 70px !important;} .mobileheader-slagerij-van-hoorenbeeck {background-image: url(../../img/mobileheaders/mobileheadervhb3.jpg); background-size: 100% 70px !important;} .mobileheader-slagerij-de-tram {background-image: url(../../img/mobileheaders/trammobileheader-bbq.jpg); background-size: 100% 70px !important;} .mobileheader-slagerij-verstappen {background-image: url(../../img/mobileheaders/slagerij-verstappen-2019.jpg); background-size: 100% 70px !important;} .mobileheader-hasta-la-pasta {background-image: url(../../img/mobileheaders/hastalapastaheader.jpg); background-size: 100% 70px !important;} .mobileheader-portguide {background-image: url(../../img/mobileheaders/portguidemobileheader2031.jpg); background-size: 100% 70px !important;} .mobileheader-veilig-op-slot {background-image: url(../../img/mobileheaders/veiligopslotmaart.jpg); background-size: 100% 70px !important;} .mobileheader-cafe-hilander {background-image: url(../../img/mobileheaders/hilandermobileheader.jpg); background-size: 100% 70px !important;} .mobileheader-house-of-m-comics {background-image: url(../../img/mobileheaders/hom-mobileheader12.jpg); background-size: 100% 70px !important;} .mobileheader-og-roosters {background-image: url(../../img/mobileheaders/ogroostersmaart2.jpg); background-size: 100% 70px !important;} .mobileheader-timber {background-image: url(../../img/mobileheaders/mobileheader-timber.jpg); background-size: 100% 70px !important;} .assgroepbg-sushi {background-size: 213% !important;} } .appheader-aatventure {background-color: #0e1621; background-image: url(../img/navicons/navbackgreyblue.jpg); background-repeat: repeat; background-size: 66% 110%;} .appheader-blue {background-color: #011631 !important;} .appheader-orange {background-color: #e25b06 !important;} .appheader-pasta {background-color: #0c0706 !important;} .appheader-blue {background-color: #011631 !important;} .appheader-white {background-color: #0c348e; color: #000000 !important;} @media screen and (max-width: 800px) { .mobileheader-og-roosters {background-color: #0c348e !important; color: #000000 !important;} .mobileheader-timber {background-color: #f6eedb !important; border-bottom: 0px solid #a26130 !important;} } .floatingbutton-sushi {background-color: #000000 !important; border: 1px solid #000000 !important; box-shadow: 2px 2px 3px #020630 !important;} .floatingbutton-slagerij {background-color: #3e0107; border: 1px solid #872617; box-shadow: 2px 2px 3px #300207;} .floatingbutton-blue {background-color: #001021 !important; border: 1px solid #045db7 !important; box-shadow: 2px 2px 3px #020630 !important;} .floatingbutton-comic {background-color: #2b3b8f !important; border: 1px solid #0c1a69 !important; box-shadow: 2px 2px 3px #040718 !important;} .floatingbutton-white {background-color: #2b3b8f !important; border: 1px solid #0c1a69 !important; box-shadow: 2px 2px 3px #040718 !important;} .mobilemenubackground-aatventure {background: url(../img/backgrounds/techmenubg.jpg); background-size: 100vw;} .mobilemenubackground-sushi {background: linear-gradient(to bottom, #000000 0%,#140000 30%,#280000 100%) !important; opacity: 0.99;} .mobilemenubackground-slagerij {background: linear-gradient(to bottom, #1b0804 0%,#2b0f09 30%,#0a0302 100%) !important; opacity: 0.99;} .mobilemenubackground-blue {background: linear-gradient(to bottom, #000000 0%,#141e42 30%,#000f28 100%) !important; opacity: 0.99;} .mobilemenubackground-green {background: linear-gradient(to bottom, #004b2a 0%,#002917 30%,#00280c 100%) !important; opacity: 0.99;} .mobilemenubackground-comic {background: linear-gradient(to bottom, #101535 0%,#1e2f6d 30%,#000f28 100%) !important; opacity: 0.99;} .mobilemenubackground-white {background: linear-gradient(to bottom, #021948 0%,#001642 30%,#000f28 100%) !important; opacity: 0.99;} .sidebarbgcolor-sushi {background-color: #000000;} .sidebarbgcolor-slagerij {background-color: #350006;} .sidebarbgcolor-portguide {background-color: rgb(24, 35, 58);} .sidebarbgcolor-blue {background-color: #010f21;} .sidebarbgcolor-white {background-color: #010f21;} .sidebarbgcolor-house-of-m-comics {background-color: #040717;} .sidebarheadertextcolor-sushi {color: rgb(233, 198, 58);} .sidebarheadertextcolor-slagerij {color: #ec8e70;} .sidebarheadertextcolor-portguide {color: rgb(140, 181, 236) !important;} .sidebarheadertextcolor-blue {color: rgb(58 159 233);} .sidebarheadertextcolor-white {color: #FFFFFF;} /* sidebar lists */ .td-sushi li {border-bottom: 1px solid #AA0000;} .td-sushi li:hover {background-color: #BB0000 !important;} .td-slagerij li {border-bottom: 1px solid #752223 !important;} .td-slagerij li:hover {background-color: #752223 !important;} .td-portguide li {border-bottom: 1px solid #36496F !important;} .td-portguide li:hover {background-color: #4E759E !important;} .td-blue li {border-bottom: 1px solid #035DB6;} .td-blue li:hover {background-color: #136DC6 !important;} .td-white li {background-color: #05174055; border-bottom: 1px solid #02376B;} .td-white li:hover {background-color: #02359C !important;} .td-comic li {border-bottom: 1px solid #070F3C !important;} .td-comic li:hover {background-color: #02359C !important;} .sidebarlogo-sushisensei {background-image: url(../img/sidebarlogos/sushisensei14.png)} .sidebarlogo-slagerij-verstappen {background-image: url(../img/sidebarlogos/slagerij-verstappen4.png)} .sidebarlogo-slagerij-van-hoorenbeeck {background-image: url(../img/sidebarlogos/sidebarlogo-vanhoorenbeeck3.png); margin-bottom:-170px !important;} .sidebarlogo-slagerij-de-tram {background-image: url(../img/sidebarlogos/slagerij-de-tram.png)} .sidebarlogo-portguide {background-image: url(../img/sidebarlogos/portguide2019.png);} .sidebarlogo-veilig-op-slot {background-image: url(../img/sidebarlogos/veilig-right.png); background-position-y: -46px !important;} .sidebarlogo-house-of-m-comics {background-image: url(../img/sidebarlogos/rightheroes2.png); background-position-y: 94px !important;} .sidebarlogo-comic {margin-left: -15px !important; margin-right: -15px !important} .companycolor-sushi {color: #FFD335 !important;} .companycolor-slagerij {color: #FFAC91 !important;} .companycolor-blue {color: #FFD335 !important;} .companycolor-white {color: #FEFF02 !important;} .border-sushi {border-image: linear-gradient(to right, #4c2220, rgba(0, 0, 0, 0)) 1 1% !important;} .border-slagerij {border-image: linear-gradient(to right, #4c2220, rgba(0, 0, 0, 0)) 1 1% !important;} .border-blue {border-image: linear-gradient(to right, #192769, rgba(0, 0, 0, 0)) 1 1% !important;} .border-white {border-image: linear-gradient(to right, #192769, rgba(0, 0, 0, 0)) 1 1% !important;} .border-comic {border-image: linear-gradient(to right, #192769, rgba(0, 0, 0, 0)) 1 1% !important;} .sidebarlogo-og-roosters { background-image: url(../img/sidebarlogos/og-sidebarlogo.png); background-position-y: -6px !important; background-size: 326px auto ! important; } /* ========================================================================== centerlogo and adjustments and topbar ========================================================================== */ .centerlogo-og-roosters {position: absolute; max-height: 110px !important; margin-top: -45px; margin-left: 30px !important;} .centerlogo-timber {position: absolute; max-height: 135px !important; margin-top: -68px; margin-right: 72px !important;} .navlink-og-roosters-Projecten {padding-left: 70px !important} .navlink-timber-Expertises {padding-left: 30px !important;} #top-bar {position:fixed !important; top:69px;} .topbar-blue {background-color: rgb(3 57 128) !important; border: 0px !important;} .topbar-pasta {background-color: rgba(0, 0, 0, 0.67); border-bottom: 1px dashed #7f7f7f;} .topbar-white {background-color: #0A3590; border-bottom: 1px solid #000000;} .topbar-comic {border-bottom: 0px !important;} .topbar-timber {background-color: #0A3590; border-bottom: 1px solid #000000;} .topbar-hasta-la-pasta {background-color: rgba(0, 0, 0, 0.67); border-bottom: 1px dashed #7f7f7f;} /* ========================================================================== searchbackgrounds ========================================================================== */ .searchbg-aatventure {background-color: rgba(10,10,20,0.9); background-image: url(../../img/backgrounds/scicobg.jpg); background-size: cover;} .searchbg-portguide {background-image: url('https://portguide.nl/img/backgrounds/portguidesearchbackground.jpg'); background-size: cover !important;} .searchmodal-portguide {background-color: rgba(2,6,14,0.5) !important;} .modalbody-portguide {background-color: rgba(2,6,14,0.5) !important;} .modalfooter-portguide {background-color: rgba(2,6,14,0.5) !important;} .catbg-portguide {background-image: url('https://portguide.nl/img/backgrounds/portguidesearchbackground.jpg'); background-size: cover !important;} /* ========================================================================== aatspopup ========================================================================== */ .aatspopup-white {color: #0C3590 !important;} .aatspopup-aatventure ul li ul {background: #0e1721;} .aatspopup-sushi ul li ul {background: #0e1721;} .aatspopup-slagerij ul li ul {background: #3f0207;} .aatspopup-blue ul li ul {background: #0e1721;} .aatspopup-orange ul li ul {background: #000000} .aatspopup-comic ul li ul {background: #0e1721;} .aatspopup-white ul li ul {background: #0C3590;} .aatspopup-aatventure li {color: #FFFFFF; border-bottom: 1px solid #1a2531;} .aatspopup-sushi li {color: #FFFFFF; border-bottom: 1px solid #1a2531;} .aatspopup-slagerij li {color: #E99B35; border-bottom: 1px solid #541718;} .aatspopup-blue li {color: #FFFFFF; border-bottom: 1px solid #1a2531;} .aatspopup-orange li {color: #E99B35; border-bottom: 1px solid #541718;} .aatspopup-comic li {color: #FFFFFF; border-bottom: 1px solid #1a2531;} .aatspopup-white li {color: #FFFFFF; border-bottom: 1px solid #4399f7;} .aatspopup-aatventure .logbox:hover {color: #4399f7 !important;} .aatspopup-sushi .logbox:hover {color: #FF0000 !important;} .aatspopup-slagerij .logbox:hover {color: #FFFFFF !important;} .aatspopup-blue .logbox:hover {color: #4399f7 !important;} .aatspopup-orange .logbox:hover {color: #F26B19 !important;} .aatspopup-comic .logbox:hover {color: #4399f7 !important;} .aatspopup-white .logbox:hover {color: #4399f7 !important;} /* ========================================================================== assortimentsgroepen 2021 ========================================================================== */ .groupsbody-sushi {background-color: rgb(17, 17, 17) !important;} .groupsbodybg-slagerij {background-color: rgb(63,1,7) !important;} .groupsbody-portguide {background-color: rgb(2, 20, 40) !important;} .groupsbody-blue {background-color: #F9F7F6 !important;} .groupsbody-white {background-color: #000E2D !important; padding: 0px !important} .assgroepbg-sushi {background-image: url(../img/banners/sushisenseibanner2.png); background-color: transparent; color: #FFFFFF} .assgroepbg-slagerij {background-color: #6E2E2F; background-image: url(../img/banners/woodbanner.jpg); background-size: 100% 100%; background-color: transparent; color: #FFFFFF;} .assgroepbg-portguide {background-color: rgb(87,126,173); background-color: rgb(0,37,84) !important; color: #FFFFFF;} .assgroepbg-blue {background-color: #1A4092; color: #FFFFFF} .assgroepbg-white {background-color: #1A4092; color: #FFFFFF} @media (min-width: 760px) {.assgroepbg-sushi {background-size: 100vw;}} .assgroepcard-sushi {border-bottom: 80px solid #000000;} .assgroepcard-img-sushi {height: 280px;} .assgroepcard-title-sushi {position: absolute; bottom: -46px; color: #ffffff !important;} .assgroepcard-description-sushi {position: absolute; bottom: -61px; color: #ffffff !important; font-size: 18px;} .assgroepcard-slagerij {border-bottom: 80px solid #250c07;} .assgroepcard-img-slagerij {height: 280px;} .assgroepcard-title-slagerij {position: absolute; bottom: -46px; color: #ffffff !important; background-color: rgba(30,0,0,0.7); margin-left:0 !important; border-radius: 6px; font-size: 27px; font-size: 25px;} .assgroepcard-description-slagerij {position: absolute; bottom: -65px; margin-left: 0 !important; font-size: 18px; color: #ffffff !important;} .assgroepcard-slagerij-de-tram .footerbg-slagerij {background-color: rgb(146, 9, 6) !important;} .assgroepcard-portguide {border-bottom: 80px solid #29395a;} .assgroepcard-img-portguide {height: 280px;} .assgroepcard-title-portguide {position: absolute; margin-left: 0px; bottom: -48px; font-size: 27px !important; color: #ffffff !important;} .assgroepcard-description-portguide {position: absolute; margin-left: 0px; bottom: -69px; color: #ffffff !important;} .assgroepcard-blue {border-bottom: 80px solid #000000;} .assgroepcard-img-blue {height: 280px;} .assgroepcard-title-blue {position: absolute; bottom: -46px; color: #ffffff !important;} .assgroepcard-description-blue {position: absolute; bottom: -61px; color: #ffffff !important; font-size: 18px;} .assgroepcard-white {border-bottom: 80px solid #013197;} .assgroepcard-img-white {height: 160px;} .assgroepcard-title-white {position: absolute; bottom: -50px; color: #ffffff !important; margin-left: 0px; font-size: 28px;} .assgroepcard-description-white {position: absolute; bottom: -65px; color: #ffffff !important; margin-left: 0px; font-size: 18px;} .assgroepcard-comic {border-bottom: 80px solid #000000;} .assgroepcard-img-comic {height: 280px;} .assgroepcard-title-comic {position: absolute; bottom: -46px; color: #ffffff !important;} .assgroepcard-description-comic {position: absolute; bottom: -61px; color: #ffffff !important; font-size: 18px;} /* ========================================================================== bestelrows 2021 ========================================================================== */ .bestelrows-sushi .sl_aantal {margin-top: 12px;} .bestelrows-sushi .sl_row1 {min-height: 80px; height: 80px; width: 85%;} .bestelrows-sushi .sl_totaalprijs {min-height: 80px; height: 80px; width: 15%} .bestelrows-sushi #bestelknop {background: #222222; border: 2px solid #FF0000; box-shadow: 0px 0px 20px #ff0000; border-left: 34px solid #000000; border-right: 34px solid #000000;} .bestelrows-slagerij .sl_aantal {margin-top: 11px;} .bestelrows-slagerij .sl_row1 {min-height: 90px; width: 83%;} .bestelrows-slagerij .sl_totaalprijs {min-height: 90px; width: 17%} .bestelrows-slagerij #bestelknop {background: #250f0b; border-left: 34px solid #1d0a07; box-shadow: 0px 0px 20px #FF0000; border: 2px solid #FF0000; border-right: 34px solid #1d0a07;} .bestelrows-blue {min-height: 91px; background-color: #011732 !important;} .bestelrows-blue .sl_bestelrow {min-height: 91px; background-color: #011732 !important;} .bestelrows-blue .sl_row1 {min-height: 91px; background-color: #011732 !important; border-bottom: 1px solid #205fd4;} .bestelrows-blue .sl_totaalprijs {min-height: 91px; background-color: #011732 !important; border-bottom: 1px solid #205fd4;} .bestelrows-blue #bestelknop {background: #222222; border: 2px solid #005aff; box-shadow: 0px 0px 20px #004bff; border-left: 34px solid #000000; border-right: 34px solid #000000;} .productsbodybg-comic #bestelwrapper {background-color: #040717;} .bestelrows-comic .prodimg {max-height: 100px !important;} .bestelrows-comic .sl_aantal {background-color: #040717; margin-top: 11px; font-size: 15px; line-height: 20px;} .bestelrows-comic .sl_row1 {background-color: #040717; min-height: 120px; width: 83%; border-bottom: 1px solid #18075a;} .bestelrows-comic .sl_totaalprijs {background-color: #040717; min-height: 120px; width: 17%; border-bottom: 1px solid #18075a;} .bestelrows-comic #bestelknop {background: #05081d; border: 2px solid #0072ff; box-shadow: 0px 0px 20px #4300ff; border-left: 34px solid #000000 !important; border-right: 34px solid #000000;} /* ========================================================================== editorheight ========================================================================== */ .note-frame {min-height: 1400px;} .note-editor.note-frame .note-editing-area .note-editable {min-height: 1380px;} .form-comic .note-frame {min-height: 400px !important;} .form-comic .note-editable {min-height: 380px !important; background-color: #17212f !important;} .form-comic .formheader {display: none} .assgroepbg-comic {background-color: #2c3e8a; border-bottom: 1px solid #1B1C2D; color: #ffffff;} .fullcard-comic {min-height:370px !important; cursor: pointer; border-radius: 8px !important} .card-producttitle-comic {height: 10px; background-color: #FFFFFF; color: transparent !important; border-radius: 0 !important;} .widgetshare-comic {position: absolute; top: 0px; display: none;} .sharelink-comic {font-size: 18px; color: #373942 !important;} .img-comic {min-height:388px !important; object-fit: cover;} .productdescription-comic {margin-bottom :30px; font-family: "Raleway Regular"; font-size: 16px !important; padding: 10px; line-height: 22px; text-align: center; } .widgetclass-comic .inhoud {display: none !important;} .widgetclass-comic .prijs {right: 22px !important; margin-bottom: 0px; color: #FFFFFF; font-family: "Josephs Brush" !important; font-size: 26px !important; font-weight: 300 !important;} .widgetclass-comic .addtobasket {display: none !important;} .widgetclass-comic .xaantal {left: 14px;} .widgetclass-comic .substracthandle {display: none !important} .footerbgimage-comic {background-color: #040719;} .tri-comic {border-bottom: 170px solid #070e29;} .tri-comic-left {border-right: 700px solid #040719;} .tri-comic-right {border-left: 700px solid #040719;} .footerwrapper-comic {background-color: #070f2a; padding-top: 130px; border-top: 100px solid #070f2a;} .footerwrapper-comic .footertext {margin-top: 15px !important;} .footerlogo-house-of-m-comics {background-image: url(../img/logos/hom-footerlogo.png); background-size: contain; margin-bottom: 100px; border-top: 20px solid #e4202b;} .footerlogo-house-of-m-comics {border-top: 20px solid #040719;} .appheader-house-of-m-comics {background: #090C25 !important;} .sidetop-house-of-m-comics {margin-top: 60px !important;} .sidetop-house-of-m-comics .sidebarheadertext {color: #CEFF10 !important;} .productsbodybg-comic ul {width: 100% !important;} .modalheader-comic {background-color: #2c3e8a !important;} .modalbody-comic {background-color: #030121 !important;} @media screen and (min-width:700px) { .mainwidth-comic {width:80% !important} .sidebarwidth-comic {width:20% !important} .widgetclass-comic {width: 25% !important; padding-left: 4px !important; padding-right: 4px !important; background-color: #FFFFFF;} .img-comic {margin-top: 22px !important; margin-bottom: 22px !important;} .productsbodybg-comic #bestelwrapper {background-color: #070c27 !important; margin-top: 200px; border-radius: 8px;} .productsbodybg-comic #bestelheader {background-color: #101a4e; margin-bottom: 50px;} /* dark theme */ .productsbodybg-comic {background: radial-gradient(circle at 100%, #040719, #040719 50%, #040d3c 75%, #040719 75%);} .productdescription-comic {background-color: #FFFFFF !important; color: #000000 !important;} .fullcard-comic {background-color: #FFFFFF; box-shadow: 0px 0 4px 0px #eaeaea;} .fullcard-comic {border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; border-top: 6px solid #ffffff; border-radius: 0px !important;} .footerbg-comic {background-color: #282929 !important; border-top: 1px solid #f5f2f2; border-bottom: 5px solid #eaeaea; box-shadow: 2px 2px 2px 2px #f3f2f2;} .widgetclass-comic .prijs {color: #FFFFFF;} } @media screen and (max-width:700px) { .productsbodybg-comic {background-color: #04071A;} .productdescription-comic {background-color: #04071A !important; color: #FFFFFF !important;} .card-producttitle-comic {margin-top: -10px !important; height: 0px !important; padding: 0px !important;} .productsbodybg-comic .list-item {padding:0px !important;} .fullcard-comic {background-color: #FFFFFF; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important;} .fullcard-comic .change-ratio {margin: 0 0 !important;} .img-comic {margin-top: 0px !important; margin-bottom: 22px !important;} .footerbg-comic {background-color: #141945; border-radius: 0 !important;} .widgetclass-comic .prijs {color: #FFFFFF !important;} .form-comic .row {margin-left: -4px!important; margin-right: -4px!important;} .form-comic .btn-danger {width: 100vw !important; margin-left: -24px; border-radius: 0 !important; background-color: #e42b2b; border: 1px solid #FF0000;} } .productdescription-comic {text-transform: uppercase; font-size: 22px !important; font-weight: 700; line-height: 26px;} .secondline-comic {padding-top:10px; text-transform: uppercase; font-size: 17px !important; font-weight:300;} /* ========================================================================== aatventure 2021 ========================================================================== */ .weightitems {cursor: pointer} .weightitems td {cursor: pointer} .bigtext {font-size: 20px !important; text-transform: uppercase; text-decoration: none !important;} .center {text-align: center;} .OPEN {width: 270px !important; height:80px !important; background-color: #7c3032 !important; box-shadow: inset 0px 0px 0px 16px #250f08;} .AFGEROND {width: 270px !important; height:80px !important; background-color: #a7ff00 !important; box-shadow: inset 0px 0px 0px 16px #250f08;} .AANGEPAST {width: 270px !important; height:80px !important; background-color: #ffbe00 !important; box-shadow: inset 0px 0px 0px 16px #250f08;} .VERVALLEN {width: 270px !important; height:80px !important; background-color: #FF0000 !important; box-shadow: inset 0px 0px 0px 16px #250f08;} .body-aatventure {background-color: #090a0e;} .bginstant-aatventure {background-color: #090a0e;} .dashboardbg-aatventurex {background-color: #090a0e; background:url('../img/dashboard/canvas2018.jpg') no-repeat; background-size:cover;} .dashboardbg-aatventure {background-color: #090a0e; background:url('../img/dashboard/bluedash2022.jpg') no-repeat; background-size:cover;} .darkboardbg-aatventure {background-color: #090a0e; background:url('../img/dashboard/dashboarddarkside.jpg') no-repeat; background-size:cover;} .loginbg-aatventure {background-color: #4c5e76; background-image: url(../../img/navicons/navback.png); background-repeat: no-repeat; background-size: cover;} .jumbotron-aatventure {background-color: #171B22 !important; background-image: url(../../img/navicons/aatsgradient.jpg); border-bottom: 1px solid rgba(0,0,0,.0975); color: #2c2f39;} .jumbotronadmin-aatventure {background-color: #171B22; background-image: url(../../img/navicons/aatsgradient.jpg); color: #d9dbe2!important;} .adminbody-aatventure {background:url('../../img/backgrounds/canvas2018.jpg') no-repeat; background-size:cover;} .flexitem-aatventure {background-color: #35495f; background-color: #334863;} .flexitem-aatventure:hover {background-color: #2C3E50; opacity:0.9;} .menicon-aatventure {background-color: #d3ff34 !important;} .pdftoolbar-aatventure {background-color: #15202b !important} .profilecard-aatventurex {background-color: #313b4c; border: 1px solid #535e6d;} .searchbackground-aatventure {background-color: transparent !important;} .profilebackground-aatventure {background: linear-gradient(to bottom, #282e38, #171b22, #191d25) !important; border-bottom: 7px solid #2781e6;} .hr-aatventure {background-color: rgb(49, 116, 195) !important;} .select2-container--bootstrap .select2-results > .select2-results__options::-webkit-scrollbar {width:0px !important} .select2-container--bootstrap .select2-results > .select2-results__options::-webkit-scrollbar-thumb {background-color: #94565d !important;} .select2-container--bootstrap .select2-results > .select2-results__options::-webkit-scrollbar-track-piece {background-color: #3e2529 !important;} .modalbodyi-aatventure .select2-selection {background-color: #292D3A !important;} /* modal */ .modalbody-aatventure {position: relative; padding: 15px; background-color: #3D4F61; color: #FFFFFF !important; overflow-y: hidden; min-height: 500px; overflow-x: hidden !important;} .modalheader-aatventure {background-color: #5B6E7E; border-bottom: 1px solid #000000; padding: 15px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .modalcontent-aatventure { position: relative; background-color: #161F28; border-radius: 0px; outline: 0; overflow-x: hidden; overflow-y: auto !important; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); height: calc(100vh - 100px); } .modal-content-aatventurex {background-color: #6c7488;} .modalfooter-aatventure {padding: 15px; padding-left: 8px; padding-right: 8px; text-align: right; background-color: #2C3E50; color: #FFFFFF; border-top: 0;} .modaltitle-aatventure {color: #4286F4;} @media screen and (min-width:700px) { .modalbody-aatventure {margin-top: 40px; padding: 0px !important;} } @media (min-width: 768px) { .modaldialog-aatventure {width: 600px; margin: 30px auto;} } .modalbody-aatventure .form-control {background-color: #292D3A !important; color: #FFFFFF !important;} .modalbody-aatventure .form-controlx {border: 1px solid #292D3A;} .dynamic-aatventure .modal-body {margin-top: 20px; background-color:#3d4e60; color: #FFFFFF !important; overflow:hidden !important;} .dynamic-aatventure .modal-header {background-color: #1d2f3f; border-bottom: 1px solid #000000; padding: 15px; border-radius: 6px 6px 0px 0px;} .dynamic-aatventure .modal-title {line-height: 1; color: #4286F4; color: #FFFFFF !important} .dynamic-aatventure .modal-content {margin-left: 0px; margin-right: 0px; background-color:#3d4e60; ; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border-radius: 6px !important;} .dynamic-aatventure .modal-footer {padding: 15px; padding-left: 8px; padding-right: 8px; text-align: right; background-color:#1e303f; border-top:1px solid #000000; color: #FFFFFF;} .dynamic-aatventure .close {color: #FFFFFF; padding-top: 12px;} .dynamic-aatventure label {font-weight: 300 !important;} .dynamic-aatventure .btn-primary {background-color: #337ab7; border-color: #2e6da4; opacity:1 !important} @media (min-width: 576px) {.dynamic-aatventure .modal-dialog {margin-top: 100px !important;}} .closebutton-aatventure {color: #FFFFFF !important;} .formcontrol-aatventure {background-color: #292D3A; border: 1px solid #292D3A; color: #FFFFFF !important;} .formcontrol-aatventure {display: block; width: 100%; height: 35px;} .btndanger-aatventure {background-color: #FF4823; border-color: #FF4823;} .btnsuccess-aatventure {background-color: #0AB87D !important; border-color: #54C206 !important;} .modalcontent-aatventure .typeahead__dropdown {background-color: #2b2f39 !important; border: 0 !important;} .modalcontent-aatventure .typeahead__list {background-color: #2b2f39 !important; border: 0 !important;} .modalcontent-aatventure .typeahead__list>.typeahead__group.active>a {background: #1d2027 !important; color: #3484c3 !important;} .modalcontent-aatventure .typeahead__list>.typeahead__group>a {background: #1d2027 !important; color: #3484c3 !important;} .modalcontent-aatventure .typeahead__list>.typeahead__group>a:focus {background: #1d2027 !important; color: #3484c3 !important;} .modalcontent-aatventure .typeahead__list>.typeahead__group>a:hover {background: #1d2027 !important; color: #3484c3 !important;} .modalcontent-aatventure .typeahead__dropdown-item:hover {background-color: #598aec !important; color: #FFFFFF !important;} .modalcontent-aatventure .typeahead__dropdown-item:not([disabled]).active>a {background-color: #598aec !important; color: #FFFFFF !important;} .modalcontent-aatventure .typeahead__dropdown-item:not([disabled])>a:focus {background-color: #598aec !important; color: #FFFFFF !important;} .modalcontent-aatventure .typeahead__dropdown-item:not([disabled])>a:hover {background-color: #598aec !important; color: #FFFFFF !important;} .modalcontent-aatventure .typeahead__list .typeahead__item:not([disabled]).active>a {background-color: #598aec !important; color: #FFFFFF !important;} .modalcontent-aatventure .typeahead__list .typeahead__item:not([disabled])>a:focus {background-color: #598aec !important; color: #FFFFFF !important;} .modalcontent-aatventure .typeahead__list .typeahead__item:not([disabled])>a:hover {background-color: #598aec !important; color: #FFFFFF !important;} /* datepicker addons */ .flexitem-aatventure .picker {background-color: #15171d !important;} .flexitem-aatventure .picker__table td {border: 1px solid #000000 !important;} .flexitem-aatventure .picker__nav--prev, .flexitem-aatventure.picker__nav--next {background: #4a4e5d !important;} .flexitem-aatventure .picker__nav--prev:before {border-right: 0.75em solid #2a2e3a !important;} .flexitem-aatventure .picker__nav--next:before {border-left: 0.75em solid #2a2e3a !important;} .flexitem-aatventure .picker__day--highlighted {background: #c4e62c !important; border-color: #1f1f1f; color: #FFFFFF !important;} .typeahead-aatventure {padding-left: 10px !important;} @media screen and (max-width: 1100px) { .scrollnavcontainer {margin-top: -13px !important; background-color: transparent;} .scrollnav-aatventure {margin-top: 0px !important; background-color: #2a2e3a;} } @media screen and (max-width: 700px) { .scrollnavcontainer {margin-top: -20px !important; background-color: transparent;} .scrollnav-aatventure {background-color: #2a2e3a;} } .note-form-label {width: 100%;} .loginmenubackground-aatventure {background-color: #191d23;} /* ========================================================================== instore theme => slagerij 11-11-2019 ========================================================================== */ /* new */ .activetab-slagerij {background-color: #7b3032 !important; border-color: #7b3032 !important;} .view-business .assgroepcard-description {display: none;} /* instore */ .bodyi-slagerij::-webkit-scrollbar-thumb {background-color: #94565d !important;} .bodyi-slagerij::-webkit-scrollbar-track-piece {background-color: #3e2529 !important;} .bodyi-slagerij {overflow:visible; font-family:'Agency'; line-height:140%; background-color: #4E242B; color: #FFFFFF;} .searchbari-slagerij {background-color: #7f5057 !important;} .assgrpheaderi-slagerij {background-color: rgb(127, 81, 88); color: rgb(252, 245, 242); font-size: 24px;} .productheaderi-slagerij {color: #70454b;} .cardimgi-slagerij {background-color: #ffffff;} .eenheidi-slagerij {background-color: #904552; color: #FAF2EF; opacity: 1} .sidebarbgi-slagerij {background-color: #fbf5f2; color: #5B343B;} .headercolori-slagerij {color: #FFFFFF;} .hoveri-slagerij li {border-bottom: 1px solid #dfaf9c;} .hoveri-slagerij li:hover {background-color: #ffefe8 !important;} .inputi-slagerij {background-color: #4A272B;} .homebuttoni-slagerij {background-color: #67353d;} .refreshbuttoni-slagerij {background-color: #67353d;} .flexitem-slagerij {height: 150px;} /* besteltable */ .bestelheaderi-slagerij {background-color: #402025 !important;} .besteltablei-slagerij {background-color: #774C4A;} .totaali-slagerij {color:rgb(233,198,58) !important;} .bestelknopi-slagerij {background: #4A272B; border: 2px solid #996e6c; box-shadow: 0 0 20px #996e6c;} @media screen and (min-width: 700px) {.bestelknopi-slagerij {border-left: 34px solid #774C4A !important; border-right: 34px solid #774C4A !important;}} @media screen and (max-width: 700px) {.bestelknopi-slagerij {border-right: 6px solid #774C4A; border-left: 6px solid #774C4A;}} /* modal */ .modali-slagerij {background-color: rgba(41,1,11,0.95);} .modalbodyi-slagerij {background-color: #351d23 !important;} .modalheaderi-slagerij {background-color: #71454c !important;} .modalfooteri-slagerij {background-color: #351c20 !important;} .btni-slagerij {background-color: #6f454a !important; color: #FFFFFF; border: 1px solid #6f454a !important;} .btni-slagerij:hover {background-color: #7f555a !important; color: #FFFFFF; border: 1px solid #7f555a !important;} /* select2 */ .modalbody-slagerij .select2-container--bootstrap .select2-selection {background-color: #6e4549 !important;} /* pickmeup */ .pickmeup .pmu-instance .pmu-day-of-week * {background-color: #290e04;} .pickmeup .pmu-instance .pmu-day-of-week {color: #e4c4c7;} .pickmeup .pmu-instance .pmu-selected {background: #94c714 !important; color: #EEEEEE;} /* backup */ .bestelknopblue {border:2px solid #0064DF; box-shadow: 0 0 20px #6061ff;} .w3-tag {min-width:100% !important; border:1px solid #cccccc;} .productviewer-slagerij .besteltablei-slagerij {background-color: #330c06 !important;} .modalbodyi-slagerij .select2-selection {background-color: #6D4549;} .loginmenubackground-slagerij {background-color: #320306 !important;} .profile-card-photo-slagerij {border: 5px solid #52020a !important;} /* ========================================================================== instore theme => sushi 11-11-2019 ========================================================================== */ /* instore */ .bodyi-sushi::-webkit-scrollbar-thumb {background-color: #FF0000;} .bodyi-sushi::-webkit-scrollbar-track-piece {background-color: #000000;} .bodyi-sushi {overflow:visible; font-family:'Agency'; line-height:140%; background-color: #101010; color: #FFFFFF;} .searchbari-sushi {background-color: #222222;} .assgrpheaderi-sushi {background-color: #222222; color: rgb(252, 245, 242); font-size: 24px;} .productheaderi-sushi {color: #70454b;} .cardimgi-sushi {background-color: #ffffff;} .eenheidi-sushi {background-color: #D00000;; color: #FAF2EF; opacity: 1} .sidebarbgi-sushi {background-color: #000000; color: #ffffff; font-family: "Roboto Light" !important;} .headercolori-sushi {color: #FFFFFF;} .hoveri-sushi li {border-bottom: 1px solid #FF0000;} .hoveri-sushi li:hover {background-color: #222222 !important;} .inputi-sushi {background-color: #4A272B;} .homebuttoni-sushi {background-color: #393939;} .refreshbuttoni-sushi {background-color: #393939;} /* besteltable */ .bestelheaderi-sushi {background-color: #FF0000 !important;} .besteltablei-sushi {background-color: #000000 !important;} .totaali-sushi {color:rgb(233,198,58) !important;} .bestelknopi-sushi {background: #2d2d2d; border: 2px solid #FF0000; box-shadow: 0px 0px 20px #FF0000;} @media screen and (min-width: 700px) {.bestelknopi-sushi {border-left: 34px solid #000000 !important; border-right: 34px solid #000000 !important;}} @media screen and (max-width: 700px) {.bestelknopi-sushi {border-right: 6px solid #000000; border-left: 6px solid #000000;}} /* modal */ .modalbodyi-sushi {background-color: #351d23 !important;} .modalheaderi-sushi {background-color: #71454c !important;} .modalfooteri-sushi {background-color: #351c20 !important;} .btni-sushi {background-color: #6f454a !important; color: #FFFFFF; border: 1px solid #6f454a !important;} .btni-sushi:hover {background-color: #7f555a !important; color: #FFFFFF; border: 1px solid #7f555a !important;} /* select2 */ .modalbodyi-sushi .select2-selection {background-color: #292C3A !important;} /* pickmeup */ .pickmeup .pmu-instance .pmu-day-of-week * {background-color: #290e04;} .pickmeup .pmu-instance .pmu-day-of-week {color: #e4c4c7;} .pickmeup .pmu-instance .pmu-selected {background: #94c714 !important; color: #EEEEEE;} /* backup */ .bestelknopblue {border:2px solid #0064DF; box-shadow: 0 0 20px #6061ff;} .w3-tag {min-width:100% !important; border:1px solid #cccccc;} /* ========================================================================== webshop theme => sushi 14-10-2019 ========================================================================== */ .defbtn-sushi {background: #181c22 !important; border-color: #29303a !important; color: #FFFFFF !important;} .defbtn-sushi:hover {background: #181c22 !important; border-color: #29303a !important; color: #FFFFFF !important;} .taglist-sushi {background-color: #BB0000 !important; border: 1px solid #000000; margin-bottom: 10px; border-radius: 8px;} .taglist-sushi:hover {background-color: #FF0000 !important; border: 1px solid #ffd335;} /* dashboard sushi */ .bodybg-sushi {background: #000000 !important; background-image:none !important;} .loginbg-sushi {background: #000000 !important; background-image:none !important;} .dashboardbg-sushi {background: url(../../img/dashboard/dashboardsushi.jpg) !important; background-size: cover !important;} .dashboardbg-sushix {background: linear-gradient(to bottom, #000000 0%,#310000 30%,#310000 100%) !important; width: 100vw !important} .flexitem-sushi {background-color: #9a0505; border: 1px solid #770000;} .flexitem-sushi:hover {background-color: #Aa1515 !important; border: 1px solid #880000 !important;} .menicon-sushi {background-color: #f7c321 !important;} .jumbotron-sushi {background: #16181f !important;} .jumbotronadmin-sushi {background: #16181f !important;} .profilebg-sushi {background: linear-gradient(to bottom, #000000 0%,#000000 90%,#310000 100%) !important;} .form-control-sushi {background-color: #1f2027 !important; border: 1px solid #16171f !important; color: #FFFFFF !important;}= /* Logoutbox */ .logoutbox1-sushi div {background-color: #FF0000 !important;} .logoutbox2-sushi::before, .logoutbox3-sushi::before {background-color: #AA0000 !important;} .logoutbox2-sushi::after, .logoutbox3-sushi::after {background-color: #880000 !important;} /* modal sushi */ .modal-sushi {max-width: 100vw; overflow-x: hidden !important} .modalheader-sushi {background-color: #ff2a05 !important; border-bottom: 1px solid #000000;} .modalbody-sushi {background-color: #000000;} .modalcontent-sushi {background: #000000 !important;} .modalfooter-sushi {background-color: #2A2D3A !important;} .modaltitle-sushi {font-family: 'Agency'; font-size: 30px; color: #FFFFFF; text-align: left; padding-left: 10px; width: 100%; margin-top: -11px;} .modalbody-sushi .typeahead__container {background-color: #121317; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000;} .modalcontent-sushi .typeahead__dropdown {background-color: #FF0000 !important; border: 0px !important;} .modalcontent-sushi .typeahead__list {background-color: #FF0000 !important; border: 0px !important;} .modalcontent-sushi .typeahead__list>li {border-top: 10px solid #000000 !important;} .modalcontent-sushi .typeahead__list>.typeahead__group.active>a {background: transparent !important; color: #ffffff !important;} .modalcontent-sushi .typeahead__list>.typeahead__group>a {background: transparent !important; color: #ffffff !important;} .modalcontent-sushi .typeahead__list>.typeahead__group>a {background: transparent !important; color: #ffffff !important;} .modalcontent-sushi .typeahead__list>.typeahead__group>a:focus {background: transparent !important; color: #ffffff !important;} .modalcontent-sushi .typeahead__list>.typeahead__group>a:hover {background: transparent !important; color: #ffffff !important;} .modalcontent-sushi .typeahead__dropdown {background-color: #2b2f39;} .modalcontent-sushi .typeahead__dropdown-item>a {background-color: #2b2f39;} .modalcontent-sushi .typeahead__list .typeahead__item>a {background-color: #2b2f39;} .modalcontent-sushi .typeahead__dropdown-item:hover {background-color: #AA0000 !important; color: #FFFFFF !important;} .modalcontent-sushi .typeahead__dropdown-item:not([disabled]).active>a {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-sushi .typeahead__dropdown-item:not([disabled])>a:focus {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-sushi .typeahead__dropdown-item:not([disabled])>a:hover {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-sushi .typeahead__list .typeahead__item:not([disabled]).active>a {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-sushi .typeahead__list .typeahead__item:not([disabled])>a:focus {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-sushi .typeahead__list .typeahead__item:not([disabled])>a:hover {background-color: #ff0000 !important; color: #FFFFFF !important;} /* app header background / logo / toggle */ @media (max-width: 600px) { .brandlogo-sushi {display:none} .toggle-sushi {display:none} .headertext-sushi {display:none} } @media (min-width: 600px) { .appheader-sushi {background: #000000 !important;} .brandlogo-sushi {display:none} .toggle-sushi {display:none} .headertext-sushi {display:none} } /* triangle */ @media screen and (min-width: 700px) { .triangle-sushi li:first-child {border-right: 125px solid transparent; border-top: 125px solid rgb(255,0,0);} } /* footer sushi */ .footerbgcolor-sushi {background-color: #000000;} .footerbgimage-sushi {background: url(../../img/sidebarlogos/sushimat.png); border-bottom: 200px solid #000000;} .footerlogo-sushisensei {background-image: url(../img/logos/sushisensei.png);} @media screen and (min-width: 700px) { .footerwrapper-sushi {background-color: #FF0000;} .tri-sushi {border-bottom: 70px solid rgb(255, 0, 0);} } /* body + assgroepheader sushi */ .productsbody-sushi {background-color: rgb(17, 17, 17) !important;} .productsbodybg-sushi {background-color: rgb(17, 17, 17) !important;} /* header text */ .bestelheadercolor-sushi {background-color: #FF0000 !important;} .headertext-sushi {font-family: "Muli Light" !important; left: 74px !important; color: #FFFFFF !important;} /* productcard sushi */ .fullcard-sushi {margin-top: 10px; background-image: none; background-color: #000000 !important;} .card-producttitle-sushi {background-color: #2D2D2D; font-size: 19px !important; text-transform: uppercase; font-family: "Roboto Medium";} .producttitle-sushi {font-family: "Open Sans" !important; font-size:24px !important; line-height:1.5; color:#FFFFFF !important; margin-bottom: 10px;} .productdescription-sushi {position: relative; background: #000000; color: #FFFFFF !important; bottom: 0; padding-left: 26px; padding-right: 26px;} .productdescription-sushi p {color:#FFFFFF !important;} .footerbg-sushi {background-color: #FF0000 !important} @media (max-width: 767px) {.productdescription-sushi {background: #000000; color: #FFFFFF !important;}} /* datepicker addons */ .flexitem-sushi .picker {background-color: #310100 !important;} .flexitem-sushi .picker__table td {border: 1px solid #862515 !important;} .flexitem-sushi .picker__nav--prev {background: #4e150b !important;} .flexitem-sushi .picker__nav--next {background: #4e150b !important;} .flexitem-sushi .picker__nav--prev:before {border-right: 0.75em solid #c34d39 !important;} .flexitem-sushi .picker__nav--next:before {border-left: 0.75em solid #c34d39 !important;} .flexitem-sushi .picker__day--highlighted {background: #ff0200 !important; border-color: #dcbf2a !important;color: #FFFFFF !important;} .flexitem-sushi.menicon {color: #ffc376 !important;} @media screen and (max-width: 1100px) {.scrollnav-sushi {background-color: #FF0000;}} .typeaheadx-sushi .simple-keyboard.hg-theme-default .hg-button { border-bottom: 1px solid #ff0100 !important; } /* ========================================================================== webshop theme => slagerij ========================================================================== */ @media screen and (min-width: 600px) { .profilebg-slagerij::-webkit-scrollbar-track-piece {background-color: #3f0107 !important;} .profilebg-slagerij::-webkit-scrollbar-thumb {background-color: #350006 !important;} .modalcontent-slagerij .typeahead__list::-webkit-scrollbar {width:0px !important;} } .modalbody-slagerij input::placeholder {color: rgba(255,255,255,0.6) !important;} .modalbody-slagerij textarea::placeholder {color: rgba(255,255,255,0.6) !important;} .modal-content-slagerij {background-color: #550000;} .hiddenbutton-slagerij {display:none !important} .hr-slagerij {background-color: rgb(206, 123, 98) !important;} .abouttextcolor-slagerij {white-space: pre-line; margin-bottom: -60px !important;} .defbtn-slagerij {background: #31130a !important; border-color: #842213 !important; color: #FFFFFF !important;} .defbtn-slagerij:hover {background: #c54632 !important; border-color: #c54631 !important; color: #FFFFFF !important;} .taglist-slagerij {background-color: #3f0107; border: 1px solid #63000a !important; border-radius: 8px; margin-bottom: 10px;} /* edit profile slagerij */ .tablecontainer-slagerij {overflow-x: hidden !important} .profilecard-slagerij {background-color: rgba(0,0,0,0.1) !important; border: 0px !important;} .abouttextcolor-slagerij {color: #FFFFFF !important;} .addtextcolor-slagerij {color: #f1ddd9 !important;} .addtextcolor-slagerij a {color: #f1ddd9 !important;} .groupinput-slagerij {background-color: #dc4f38 !important;} .activetab-slagerij {background-color: #dc4f38 !important; border:1px solid #dc4f38 !important;} /* dashboard slagerij */ .bodybg-alt-slagerij {background: #3e110a !important; background-image:none !important;} .bodybg-slagerij {background: #240e08 !important; background-image:none !important;} .loginbg-slagerij {background-color: #52020a; background: url(../../img/dashboard/dashboardbutchers.jpg) !important; background-size: cover !important;} .dashboardbg-slagerij {background-color: #52020a; background: url(../../img/dashboard/dashboardbutchers.jpg) !important; background-size: cover !important;} .darkboardbg-slagerij {background: #250205 !important;} .profilebg-slagerij {background: #2e0100 !important; background-image: none !important;} .flexitem-slagerij {background-color: #4c1f20 !important; border: 1px solid #6e2e2d !important;} .menicon-slagerij {background-color: #ffbb55; background-color: #f5a835 !important;} .formcontrol-slagerij {background-color: #301209 !important; border: 1px solid #693120 !important; color: #FFFFFF !important;} .formcontrol-slagerij:disabled, .formcontrol-slagerij[readonly] {background-color: #301209 !important;} @media screen and (min-width: 760px) and (max-width: 1025px) { .flexitem-slagerij {border: 4px solid #6e2e2d !important;} .selectedflexitem-slagerij {border: 4px solid #ff4600 !important;} } .traceerbg-slagerij {background-color: #380106;} /* Logoutbox */ .logoutbox1-slagerij div {background-color: #FF0000 !important;} .logoutbox2-slagerij::before, .logoutbox3-slagerij::before {background-color: #AA0000 !important;} .logoutbox2-slagerij::after, .logoutbox3-slagerij::after {background-color: #880000 !important;} /* modal slagerij */ .modal-slagerij {max-width:100vw !important; overflow-x: hidden !important} .modalheader-slagerij {background-color: #6f2e2f !important; border: 0px solid #250f08} .modalbody-slagerij {background-color: #350408;} .modalfooter-slagerij {background-color: #550000 !important;} .modalcontent-slagerijx {background-color: #381407;} .modaltitle-slagerijxxx {line-height: 0.95; color: #FFFFFF;} .modal-bodybg-slagerijx {background: #250f08 !important;} /* iphone fix */ @media screen and (max-width: 420px) { .modalfooter-slagerij {min-height: 180px;} } /* samsung stays the same */ @media screen and (min-height: 840px) { .modalfooter-slagerij {min-height: auto !important;} } /* tram christmas theme */ .cardtop-slagerij-de-tram { background-color: #a50d08 !important; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .cardoptions-slagerij-de-tram {color: #FFFFFF !important;} .modalcontent-slagerij .typeahead__dropdown, .modalcontent-slagerij .typeahead__list {background-color: #250c07 !important; border: 1px solid #250c07 !important;} .modalcontent-slagerij .typeahead__list>li {border-top: 10px solid #8d2f1b !important;} .modalcontent-slagerij .typeahead__list>.typeahead__group.active>a, .modalcontent-slagerij .typeahead__list>.typeahead__group>a, .modalcontent-slagerij .typeahead__list>.typeahead__group>a, .modalcontent-slagerij .typeahead__list>.typeahead__group>a:focus, .modalcontent-slagerij .typeahead__list>.typeahead__group>a:hover {background: transparent !important; color: #ffffff !important;} .modalcontent-slagerij .typeahead__dropdown .typeahead__dropdown-item>a, .modalcontent-slagerij .typeahead__list .typeahead__item>a {background-color: #501307;} .modalcontent-slagerij .typeahead__dropdown-item:not([disabled]).active>a {background-color: #803327 !important; color: #FFFFFF !important;} .modalcontent-slagerij .typeahead__dropdown-item:not([disabled])>a:focus {background-color: #803327 !important; color: #FFFFFF !important;} .modalcontent-slagerij .typeahead__dropdown-item:not([disabled])>a:hover {background-color: #803327 !important; color: #FFFFFF !important;} .modalcontent-slagerij .typeahead__list .typeahead__item:not([disabled]).active>a {background-color: #803327 !important; color: #FFFFFF !important;} .modalcontent-slagerij .typeahead__list .typeahead__item:not([disabled])>a:focus {background-color: #803327 !important; color: #FFFFFF !important;} .modalcontent-slagerij .typeahead__list .typeahead__item:not([disabled])>a:hover {background-color: #803327 !important; color: #FFFFFF !important;} /* app header background / logo / toggle */ @media (max-width: 600px) { .brandlogo-slagerij {display:none} .toggle-slagerij {display:none} .headertext-slagerij {display:none} } @media (min-width: 600px) { .appheader-slagerij {background: #3f0207 !important;} .brandlogo-slagerij {display:none} .toggle-slagerij {display:none} .headertext-slagerij {display:none} } /* triangle */ @media screen and (min-width: 700px) {.triangle-slagerij li:first-child {border-right: 125px solid transparent; border-top: 125px solid #82040e;}} .orderoverlay-slagerij {background-color: #330d06 !important;} .productviewer-slagerij .sl_row121 {border-bottom: 1px solid #811c0c !important;} .productviewer-slagerij::-webkit-scrollbar-track-piece {background-color: #270905 !important;} .productviewer-slagerij::-webkit-scrollbar-thumb {background-color: #6b2618 !important;} .view-business {height: 120px;} .view-business .assgroepcard-title {position: relative; width: 100%; height: 100%; text-align: center !important; vertical-align: middle; margin-top: -34px; line-height: 32px; padding: 6px !important; margin-left: 0 !important; background-color: rgba(30,0,0,0.7);} .view-business .assgroepcard-img {border-radius: 6px;} /* footer slagerij */ .footerbgimage-slagerij {background: url(none); border-bottom: 200px solid #330409;} /* logos slagerij */ .footerlogo-slagerij-verstappen {background-image: url(../boot/verstappenlogonew.png); background-position: 50% 0px !important; background-size: 300px auto; margin-bottom:-360px; margin-top: -100px;} .footerlogo-slagerij-de-tram {background-image: url(../img/logos/slagerij-de-tram.png); background-position: 50% 30px !important; background-size: 85%;} .footerlogo-slagerij-van-hoorenbeeck {background-image: url(../boot/vanhoorenbeeck-icon-512x512.png); background-position: 50% 0px !important; background-size: 150px auto; margin-bottom:-360px; margin-top: -100px; filter: drop-shadow(0px 0px 20px #FF0000); } @media screen and (min-width: 700px) { .footerlogo-slagerij-de-tram {background-size: 50%;} .footerwrapper-slagerij {background-color: #3f0107;} .tri-slagerij {border-bottom: 70px solid #3f0107;} } /* sidebar slagerij-logos */ .sidetop-slagerij-de-tram {margin-top:20px;} /* body + assgroepheader slagerij */ .productsbody-slagerij {background-color: rgb(35,1,3) !important;} .productsbodybg-slagerij {background-color: rgb(35,1,3) !important;} /* header text */ .bestelheadercolor-slagerijx {background-color: #801a0b;} .bestelheadercolor-slagerij {background-color: #6d000b !important;} .headertext-slagerij {font-family: "Muli Light" !important; left: 74px !important; color: #FFFFFF !important;} /* assgroepcard ruimte onder afbeelding slagerij */ .body-slagerij-de-tram .fullcard .img-slagerij {min-height: 192px !important;} .view-bestellijsten .assgroepcard-img-slagerij {width: 100%; height: 180px !important;} .view-business .assgroepcard-img-slagerij {width: 100%; height: 120px !important;} .view-business .assgroepcard-slagerij {border-bottom: 0 solid #250c07 !important;} .assgroepcard-slagerij.view-custom {display: none !important;} /* productcard slagerij */ .fullcard-slagerij {margin-top: 10px; background-image:none; background-color: #350006 !important; min-height: 268px;} .fullcard-slagerij {border-left: 1px solid #1b0104; border-right: 1px solid #1b0104;} .catcard-feestmenus {box-shadow: 0px 0 30px 0px #a50013;} .fullcard.view-business {height: 330px;} .fullcard.view-business .card-img {min-height: 255px;} .producttitle-slagerij {font-family:"Open Sans" !important; font-size:24px !important; line-height:1.5; color:#FFFFFF !important; margin-bottom: 10px;} .productdescription-slagerij {position: relative; color: #FFFFFF !important; bottom: 0; padding-left: 20px; padding-right: 26px;} .productdescription-slagerij p {color:#FFFFFF;} .footerbg-slagerij {background-color: rgb(74, 10, 0);} .footerbgcolor-slagerij {background-color: #330409;} .bestelrows-slagerij .sl_row1 {background-color: #330409 !important; border-bottom: 1px solid #4A272B;} .bestelrows-slagerij .sl_totaalprijs {background-color: #330409 !important; border-bottom: 1px solid #4A272B;} .productdescription-slagerijxxx {background: #381407;} .imgcat-feestmenus {min-height: 226px !important;} /* new: 01-10-2020 */ @media (min-width: 60em) { .listitemkind-standaard {width: 50.00% !important; min-width: 50% !important; height: 160px !important;} .listitemkind-product {width: 50.00% !important; min-width: 50% !important; height: 160px !important;} } .body-slagerij-van-hoorenbeeck .listitemkind-menu {border-left: 1px solid #3f0107; border-right: 1px solid #3f0107;} .body-slagerij-van-hoorenbeeck .listitemkind-menu .card-img {height:200px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .card-img {height:260px !important;} @media screen and (min-width: 1400px) { .body-slagerij-van-hoorenbeeck .listitemkind-menu {height: 1160px !important;} } @media screen and (max-width: 1400px) { .body-slagerij-van-hoorenbeeck .listitemkind-menu {height: 1250px !important;} } @media screen and (max-width: 700px) { .body-slagerij-van-hoorenbeeck .listitemkind-menu {height: 1160px !important;} } @media screen and (max-width: 400px) { .body-slagerij-van-hoorenbeeck .listitemkind-menu {height: 1200px !important;} } .body-slagerij-van-hoorenbeeck .listitemkind-menu .bigproducttext {background-color: #6d000b; height: 50px !important; padding-top: 3px !important; font-family: "Serif"; letter-spacing: 1.0px; margin-top:110px; font-size:36px !important; font-variant-caps: small-caps; text-align: center !important; color: #ffbb53;} .body-slagerij-van-hoorenbeeck .listitemkind-menu .bigproducttext { filter: drop-shadow(0px 40px 20px #550000); } .body-slagerij-van-hoorenbeeck .listitemkind-standaard {height: auto !important;} .body-slagerij-van-hoorenbeeck .listitemkind-product {height: auto !important;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket {height: auto !important;} .body-slagerij-van-hoorenbeeck .bigproducttext {margin-top: 128px; line-height: 25px; font-variant-caps: small-caps; letter-spacing: 0.9px;} .body-slagerij-van-hoorenbeeck .productdescription {position: absolute; bottom: 68px; color: #FFFFFF !important; text-shadow: 0px 0px 20px #350006;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .bigproducttext {line-height: 25px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-product .bigproducttext {line-height: 25px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .bigproducttext {line-height: 25px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .bigproducttext:after { position: absolute; left: 20px; content: ''; color: #82050f; border-width: 0 0 1px; border-style: solid; } .body-slagerij-van-hoorenbeeck .listitemkind-product .bigproducttext:after { position: absolute; left: 20px; content: ''; color: #82050f; border-width: 0 0 1px; border-style: solid; } .body-slagerij-van-hoorenbeeck .listitemkind-pakket .bigproducttext:after { position: absolute; left: 20px; content: ''; color: #82050f; border-width: 0 0 1px; border-style: solid; } @media screen and (min-width: 800px) { .body-slagerij-van-hoorenbeeck .listitemkind-standaard {min-height: 286px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-product {min-height: 286px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket {min-height: 420px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .card-img {min-height: 136px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-product .card-img {min-height: 136px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .card-img {min-height: 276px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .productdescription {bottom: 100px;} .body-slagerij-van-hoorenbeeck .listitemkind-product .productdescription {bottom: 100px;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .productdescription {bottom: 100px;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .bigproducttext {margin-top: 248px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .bigproducttext:after {bottom: 190px; width: 75%;} .body-slagerij-van-hoorenbeeck .listitemkind-product .bigproducttext:after {bottom: 190px; width: 75%;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .bigproducttext:after {bottom: 296px; width: 75%;} } @media screen and (max-width: 800px) { .body-slagerij-van-hoorenbeeck .listitemkind-standaard {min-height: 320px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-product {min-height: 320px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket {min-height: 480px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .card-img {min-height: 136px !important; object-fit: cover;} .body-slagerij-van-hoorenbeeck .listitemkind-product .card-img {min-height: 136px !important; object-fit: cover;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .card-img {min-height: 330px !important; object-fit: cover;} /* img moet nu ook 330 worden! */ .body-slagerij-van-hoorenbeeck .listitemkind-standaard .productdescription {bottom: 130px;} .body-slagerij-van-hoorenbeeck .listitemkind-product .productdescription {bottom: 130px;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .productdescription {bottom: 90px;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .bigproducttext {margin-top: 300px !important;} .body-slagerij-van-hoorenbeeck .listitemkind-standaard .bigproducttext:after {bottom: 190px; width: 55%;} .body-slagerij-van-hoorenbeeck .listitemkind-product .bigproducttext:after {bottom: 190px; width: 55%;} .body-slagerij-van-hoorenbeeck .listitemkind-pakket .bigproducttext:after {bottom: 358px; width: 55%;} .body-slagerij-van-hoorenbeeck .productdescription-slagerij p {border-radius: 12px;} } .prodimg {object-fit: cover;} /* form / editor / input addons */ .form-slagerij ::-webkit-scrollbar-thumb {background-color: #962514 !important;} .form-slagerij ::-webkit-scrollbar-track-piece {background-color: #ff674e;} .form-slagerij .fade.show {background-color: #3e110a !important;} .form-slagerij .note-toolbar {background-color: rgb(66, 25, 19) !important;} .form-slagerij .dropdown-menu {background-color: #dc4f38 !important;} .form-slagerij .btn-light {background-color: #dc4f38;} .form-slagerij .btn {background-color: #8c0a13 !important; border-color: #63060d !important; color: #FFFFFF !important;} .form-slagerij .note-editor.note-frame .note-editing-area .note-editable {background-color: #520208;} .form-slagerij .form-control-light {background-color: #842213 !important; border: 1px solid #842213 !important; color: #ffffff !important;} .form-slagerij .form-control {background-color: #520208 !important; border: 1px solid #520208 !important; color: #ffffff !important;} .select-slagerij {background-color: #520208 !important; border: 1px solid #520208 !important; color: #ffffff !important;} .select-slagerijxxx:focus {background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, #842213, #c31f00); border-color: #FF0000;} .select-slagerij:focus {border-color: #FF0000 !important;} #aatsloginform.form-slagerij {background-color: #320306 !important; border: 1px solid #310306 !important;border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .modalbody-slagerij .form-control {background-color: #6e4549 !important; border: 1px solid #381307 !important; color: #ffffff !important;} /* dashboard addons */ .jumbotron-slagerij {background: #330206 !important;} .jumbotronadmin-slagerij {background-color: #52020a !important; background-image: url(none) !important;} .searchbox-slagerij {background-color: #520208 !important;border: 2px solid #842213 !important;} .table-slagerij th {background-color: #250f08 !important; color: #ca6555 !important; border: 1px solid #3a1a10 !important;} .table-slagerij td {background-color: #250f08; border: 1px solid #3a1a10 !important;} .profilebackground-slagerij {background: linear-gradient(to top, #150703, #331718, #101010) !important; border-bottom: 7px solid #421a0e;} .backdrop-slagerij {background: rgba(64, 14, 6, 08);} .backdropmenu-slagerij li {background-color: rgb(121, 27, 11); border: 1px solid rgb(121, 30, 15);} .backdropmenu-slagerij li:hover {background-color: rgb(144, 60, 47); border: 1px solid rgb(146, 66, 54);} .overlayinfo-slagerij {background-color: rgb(41, 9, 4) !important;} .opmerkingentextarea-slagerij {background-color: #1d0604 !important; border: 1px solid #811b0b !important;} .sharelink-slagerij {color: #3a0e06;} .table-slagerij td:nth-child(1) {vertical-align: top; padding-top: 13px !important;} .table-slagerij td:nth-child(2) {vertical-align: top; padding-top: 13px !important;} .table-slagerij td:nth-child(3) {vertical-align: top; padding-top: 13px !important;} .table-slagerij td:nth-child(4) {vertical-align: top; padding-top: 13px !important;} .table-slagerij td:nth-child(5) {vertical-align: top; padding-top: 13px !important;} .table-slagerij td:nth-child(6) {vertical-align: top; padding-top: 13px !important;} /* search addons */ .typeahead__dropdown, .typeahead__list {margin:0 !important; padding:0 !important;} .typeaheadx-slagerij {background-color: #220a07 !important;} .typeaheadx-slagerij.typeahead__field input {background: #230b07 !important; border: 0 !important;} .typeaheadx-slagerij.typeahead__field textarea {background: #230b07 !important;} .typeaheadx-slagerij.typeahead__group {background: #230b07 !important;} .panelheading-slagerij {background-color: #6b2619 !important} .pdftoolbar-slagerij {background-color: #6f2e2f !important; border: 2px solid #601412 !important;} /* datepicker addons */ .flexitem-slagerij {background-color: #3a060a !important; border: 1px solid #6e2e2d !important;} .flexitem-slagerij .picker {background-color: #3a060b !important;} .flexitem-slagerij .picker__table td {border: 1px solid #712f2f !important;} .flexitem-slagerij .picker__nav--prev {background: #4e150b !important;} .flexitem-slagerij .picker__nav--next {background: #4e150b !important;} .flexitem-slagerij .picker__nav--prev:before {border-right: 0.75em solid #c34d39 !important;} .flexitem-slagerij .picker__nav--next:before {border-left: 0.75em solid #c34d39 !important;} .flexitem-slagerij .picker__day--highlighted {background: #bb3a24 !important; border-color: #4e150b !important; color: #FFFFFF !important;} .flexitem-slagerij .menicon {color: #ffc376 !important;} @media screen and (max-width: 1100px) {.scrollnav-slagerij {background-color: #842212;}} .productviewer .besteltablei-slagerij {background-color: transparent !important;} .productviewer .sl_row1.besteltablei-slagerij {border-bottom: 1px solid #4A272B;} .productviewer .sl_totaalprijs.besteltablei-slagerij {border-bottom: 1px solid #4A272B;} /* ========================================================================== christmastheme 14-11-2019 ========================================================================== */ .body-slagerij {background-color: rgb(63,1,7) !important;} .cardtop-slagerij {background-color: #a50d08 !important;} .cardoptions-slagerij {color: #FFFFFF !important;} .footerbgcolor-slagerij {background-color: #300207 !important; border-bottom: 100px solid #300207 !important;} .footerbottom-slagerij {background-color: #A50B08 !important;} .jumbotron-slagerij {background-color: #270105 !important;} .flexitem-slagerij {background-color: #4c1f20 !important; border: 1px solid #6e2e2d !important;} .flexitem-slagerij {text-shadow: 2px 2px 7px #b99258;} @media screen and (min-width: 700px) { .themeheader-slagerij {background: #400007 !important;} .themetriangle-slagerij {border-top: 69px solid #b30317 !important; border-right: 69px solid transparent !important;} .footertri-slagerij {border-bottom: 70px solid #A50B08;} } .imgbackground-slagerij { position: absolute; width: 100vw; height:100vh; background: url(../../img/dashboard/dashboardbutchers.jpg) !important; background-size: cover !important; } @media screen and (max-width: 900px) { .smallabel {max-width: 30% !important; padding-left: 33px !important;} } .modalbody-slagerij .typeahead__container { border-top: 1px solid #5e1412 !important; border-bottom: 1px solid #621012 !important; } .typeaheadx-slagerij { background-color: #220a07 !important; border-left: 0px solid #c33113 !important; border-right: 0px solid #c33113 !important; } .typeaheadx-slagerij .simple-keyboard.hg-theme-default { background-color: rgb(37, 12, 7) !important; } .typeaheadx-slagerij .simple-keyboard.hg-theme-default .hg-button { background: #8d2f1c !important; border-bottom: 1px solid #84301f !important; } .typeaheadx-slagerij .simple-keyboard.hg-theme-default .hg-button:active { background: #d64a2f !important; } /* ========================================================================== portguide ========================================================================== */ .body-portguide {background-color: rgb(42, 65, 101); background-color: rgb(0 15 31) !important;} .productsbody-portguide {background-color: rgb(42, 65, 101) !important;} .adminedit-portguide {background-color: rgb(0 15 31) !important; padding: 12px;} .card-portguide {background: rgb(2 20 40) !important; border-bottom: 40px solid #000f1f !important;} .card-body-portguide {border: 20px solid #021428 !important; box-shadow: inset 0 90px 10px #000f1f !important;} .postshow-portguide {background-color: rgb(2, 20, 40) !important; box-shadow: inset 0 90px 10px #010f1f !important;} .headertitle-portguide {color: rgb(146 191 247);} .headertitle-portguide {margin-bottom: 20px !important; color: rgb(17 119 199) !important;} .postshow-portguide p b {color: rgb(140, 181, 236) !important;} @media (max-width: 768px) { .postshow-portguide {border-top: 20px solid rgb(0 15 31) !important;} } @media (min-width: 600px) { body::-webkit-scrollbar-track-piece {background-color: #18233a;} body::-webkit-scrollbar-thumb {background-color: #51739A !important;} .maincontainer-portguide {margin-top:30px !important;} .appheader-portguide {background-color: rgb(41, 57, 90); background-color: rgb(24 35 58); background-color: rgb(10 67 140) !important} .triangle-portguide li:first-child {border-right: 125px solid transparent; border-top: 125px solid #1277C7; border-top: 125px solid #18233a;} } .signature-portguide {color: #1177c7 !important;} .signaturebottom-portguide {color: rgb(146 191 247) !important;} .aatspopup-portguide ul {background-color: #18233a;} .card-portguide {border-radius: 6px 6px 6px 6px;} .modalheader-portguide {background-color: rgb(37 67 106) !important;} /* ========================================================================== webshop theme => blue 16-01-2021 ========================================================================== */ .landinglink {padding-left: 70px; padding-bottom: 10px; cursor: pointer;} .productsbody-blue {background-color: #001833 !important;} .defbtn-blue {background: #181c22 !important; border-color: #29303a !important; color: #FFFFFF !important;} .defbtn-blue:hover {background: #181c22 !important; border-color: #29303a !important; color: #FFFFFF !important;} .taglist-blue {background-color: #BB0000 !important; border: 1px solid #000000; margin-bottom: 10px; border-radius: 8px;} .taglist-blue:hover {background-color: #FF0000 !important; border: 1px solid #ffd335;} /* dashboard blue */ .bodybg-blue {background: #000000 !important; background-image:none !important;} .loginbg-blue {background: #000000 !important; background-image:none !important;} .dashboardbg-blue {background: url(../../img/dashboard/dashboardblue.jpg) !important; background-size: cover !important;} .dashboardbg-bluex {background: linear-gradient(to bottom, #000000 0%,#310000 30%,#310000 100%) !important; width: 100vw !important} .flexitem-blue {background-color: #9a0505; border: 1px solid #770000;} .flexitem-blue:hover {background-color: #Aa1515 !important; border: 1px solid #880000 !important;} .menicon-blue {background-color: #f7c321 !important;} .jumbotron-blue {background: #16181f !important;} .jumbotronadmin-blue {background: #16181f !important;} .profilebg-blue {background: linear-gradient(to bottom, #000000 0%,#000000 90%,#310000 100%) !important;} .form-control-blue {background-color: #1f2027 !important; border: 1px solid #16171f !important; color: #FFFFFF !important;} /* Logoutbox */ .logoutbox1-blue div {background-color: #FF0000 !important;} .logoutbox2-blue::before, .logoutbox3-blue::before {background-color: #AA0000 !important;} .logoutbox2-blue::after, .logoutbox3-blue::after {background-color: #880000 !important;} /* modal blue */ .modal-blue {max-width: 100vw !important; overflow-x: hidden !important} .modalheader-blue {background-color: #184093 !important; border: 0px solid #250f08 !important;} .modalbody-blue {background-color: #011233;} .modalcontent-blue {background: #000000 !important;} .modalfooter-blue {background-color: #2A2D3A !important;} .modaltitle-blue {font-family: 'Agency'; font-size: 30px; color: #FFFFFF; text-align: left; padding-left: 10px; width: 100%; margin-top: -11px;} .bestelknop-blue {background: #222222; border: 2px solid #FF0000; box-shadow: 0px 0px 20px #FF0000; border-left: 34px solid #000000 !important; border-right: 34px solid #000000 !important;} .modalbody-blue .typeahead__container {background-color: #121317; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000;} .modalcontent-blue .typeahead__dropdown {background-color: #FF0000 !important; border: 0px !important;} .modalcontent-blue .typeahead__list {background-color: #FF0000 !important; border: 0px !important;} .modalcontent-blue .typeahead__list>li {border-top: 10px solid #000000 !important;} .modalcontent-blue .typeahead__list>.typeahead__group.active>a {background: transparent !important; color: #ffffff !important;} .modalcontent-blue .typeahead__list>.typeahead__group>a {background: transparent !important; color: #ffffff !important;} .modalcontent-blue .typeahead__list>.typeahead__group>a {background: transparent !important; color: #ffffff !important;} .modalcontent-blue .typeahead__list>.typeahead__group>a:focus {background: transparent !important; color: #ffffff !important;} .modalcontent-blue .typeahead__list>.typeahead__group>a:hover {background: transparent !important; color: #ffffff !important;} .modalcontent-blue .typeahead__dropdown {background-color: #2b2f39;} .modalcontent-blue .typeahead__dropdown-item>a {background-color: #2b2f39;} .modalcontent-blue .typeahead__list .typeahead__item>a {background-color: #2b2f39;} .modalcontent-blue .typeahead__dropdown-item:hover {background-color: #AA0000 !important; color: #FFFFFF !important;} .modalcontent-blue .typeahead__dropdown-item:not([disabled]).active>a {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-blue .typeahead__dropdown-item:not([disabled])>a:focus {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-blue .typeahead__dropdown-item:not([disabled])>a:hover {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-blue .typeahead__list .typeahead__item:not([disabled]).active>a {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-blue .typeahead__list .typeahead__item:not([disabled])>a:focus {background-color: #ff0000 !important; color: #FFFFFF !important;} .modalcontent-blue .typeahead__list .typeahead__item:not([disabled])>a:hover {background-color: #ff0000 !important; color: #FFFFFF !important;} /* app header background / logo / toggle */ @media (max-width: 600px) { .brandlogo-blue {display:none} .toggle-blue {display:none} .headertext-blue {display:none} } @media (min-width: 600px) { .brandlogo-blue {display:none} .toggle-blue {display:none} .headertext-blue {display:none} } /* triangle */ @media screen and (min-width: 700px) { .triangle-blue li:first-child {border-right: 125px solid transparent; border-top: 125px solid rgb(1 23 50);} } /* footer blue */ .footerbgcolor-blue {background-color: #FFFFFF !important;} .footerbgimage-blue {background: url(../../img/sidebarlogos/bluemat.png); border-bottom: 200px solid #FFFFFF;} .footerlogo-bluesensei {background-image: url(../img/logos/bluesensei.png);} @media screen and (min-width: 700px) { .footerwrapper-blue {background-color: rgb(32 95 212);;} .tri-blue {border-bottom: 70px solid rgb(32 95 212);} } /* body + assgroepheader blue */ .productsbodybg-blue {background-color: #FDFDFD !important;} /* header text */ .bestelheadercolor-blue {background-color: #1f5fd4 !important;} .headertext-blue {font-family: "Muli Light" !important; left: 74px !important; color: #FFFFFF !important;} /* productcard blue */ .card-producttitle-blue {background-color: #1a4092; color: #ffffff; font-size: 60px !important; font-family: "Dharma Punk"; line-height: 21px !important; padding-top: 12px !important;} .producttitle-blue {font-family: "Open Sans" !important; font-size:24px !important; line-height:1.5; color:#FFFFFF !important; margin-bottom: 10px;} .productdescription-blue {position: relative; background: #FFFFFF; bottom: 0; padding-left: 26px; padding-right: 26px;} .productdescription-blue p {color: #363636 !important;} .productdescription-blue li {color: #363636 !important;} .footerbg-blue {background-color: #052d5f !important; border-top: 22px solid #01234c;} @media (max-width: 767px) {.productdescription-blue {background: #FFFFFF;}} .fullcard-blue {background-color: #FFFFFF !important; border-radius: 0 !important; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%) !important; transition: all .2s ease-in-out !important;} .fullcard-blue .inhoud {font-family: 'Dharma Punk'; font-size: 36px; margin-bottom: -17px;} .fullcard-blue .prijs {font-family: "Raleway Regular"; font-size: 30px;} /* datepicker addons */ .flexitem-blue .picker {background-color: #310100 !important;} .flexitem-blue .picker__table td {border: 1px solid #862515 !important;} .flexitem-blue .picker__nav--prev {background: #4e150b !important;} .flexitem-blue .picker__nav--next {background: #4e150b !important;} .flexitem-blue .picker__nav--prev:before {border-right: 0.75em solid #c34d39 !important;} .flexitem-blue .picker__nav--next:before {border-left: 0.75em solid #c34d39 !important;} .flexitem-blue .picker__day--highlighted {background: #ff0200 !important; border-color: #dcbf2a !important;color: #FFFFFF !important;} .flexitem-blue.menicon {color: #ffc376 !important;} @media screen and (max-width: 1100px) {.scrollnav-blue {background-color: #FF0000;}} .typeaheadx-blue .simple-keyboard.hg-theme-default .hg-button { border-bottom: 1px solid #ff0100 !important; } .productdescription-blue ul li::before { color: rgb(56 110 224) !important; padding-right: 6px !important; content: "✓" !important; } .fullcard-blue .xaantal {background-color: #3d75ef !important; border: 4px solid #072d5f !important;} .fullcard-blue .xinput {color: #ffffff !important;} .fullcard-blue .backdropmenu li {background-color: rgb(43 100 222) !important;} .headertext-blue {color: #FFFFFF !important;} .subheadertext-blue {color: #FFFFFF !important;} /* ========================================================================== white theme (og-roosters) ========================================================================== */ .xpro-slider-content {position: absolute; top: 46px;} .slider-white {top: 100px !important;} .slidertheme-white {background-color: #FFFFFF; height:640px !important; overflow: hidden !important;} @media screen and (max-width: 800px) { .slider-white {top: 48px !important;} } @media screen and (min-width: 800px) { .body-landing-og-roosters {background-color: #FFF802 !important;} .body-landing-timber {background-color: #1E50BD !important;} .wrapper-og-roosters {background-color: #FFF802 !important;} .wrapper-timber {background-color: #1E50BD !important;} .heroslider-white {border-bottom: 20px solid #020e26;} .slidertheme-og-roosters {background-color: #FFF802 !important;} .slidertheme-timber {background-color: #1E50BD !important;} .slideritem-timber {background-color: #1E50BD !important;} .aboutus-section-og-roosters {border-bottom: 10px solid #FFF802;} .body-white {background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgba(85, 145, 215,0.5) 6%, rgba(85, 145, 215,0.5) 64%,transparent 64%, transparent 76%,rgba(60, 106, 207,0.5) 76%, rgba(60, 106, 207,0.5) 100%), linear-gradient(45deg, transparent 0%, transparent 51%,rgb(85, 145, 215) 51%, rgb(85, 145, 215) 86%,rgb(36, 68, 198) 86%, rgb(36, 68, 198) 88%, transparent 88%, transparent 100%), linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));} } @media screen and (max-width: 800px) { .body-white {background-color: #0a1120 !important;} .body-white #wrapper {background-color: #0a1120 !important;} .mobileheader-og-roosters {border-bottom: 2px solid #021028 !important;} } @media screen and (min-width: 800px) { .appheader-white { background-image: linear-gradient( 317deg , transparent 0%, transparent 1%,rgb(234 242 255 / 50%) 1%, rgb(191 214 255 / 50%) 34%,transparent 34%, transparent 73%,rgb(239 242 247 / 50%) 73%, rgb(198 221 241 / 50%) 100%),linear-gradient( 178deg , transparent 0%, transparent 11%,rgb(210 226 255) 11%, rgb(255 255 255) 62%,rgb(219 231 247) 62%, rgb(242 247 253) 93%,transparent 93%, transparent 100%),linear-gradient( 90deg , rgb(255,255,255),rgb(255,255,255));} } .p-text-box-white {margin-top: -70px !important;} .p-text-box-blue {margin-top: -90px !important;} .topinfo-white {font-family: "Arial";} .navlink-white a {font-size: 26px; padding-top: 3px !important; color: #0A3590;} .navlink-white a:hover {color: #2A55B0 !important;} .navlink-white:before {border: none !important;} .navlink-white:after {border: none !important;} .navlinkbtn-white {color: #0c3590 !important;} .logointro-white {width: 300px !important; margin-top: -160px !important;} .bottomstart-white {margin-top: -50px !important; color: #0A3590 !important;} @media screen and (min-width: 800px) { .slidertheme-white .layer2-og-roosters {transform: translate(0px,0px); width: 300px !important; background-color: #020F27; padding: 40px; text-align: right !important; padding-bottom: 10px !important} .slidertheme-white .layer3-og-roosters {transform: translate(0px,-64px) rotate(-16deg);} .slidertheme-white .layer5-og-roosters {transform: translate(0px,-140px); background-color: #00000066; width:500px; margin-left: auto; margin-right: auto; border-left: 10px solid #000000; border-right: 10px solid #000000; padding: 30px; line-height:20px;} .slidertheme-white .layer6-og-roosters {transform: translate(0px,-50px) rotate(11deg);} .slidertheme-white .layer7-og-roosters {transform: translate(0px,-134px);} .slidertheme-white .layer8-og-roosters {transform: translate(0px,-30px); text-shadow: 0 0 10px #FFFFFF;} } @media screen and (max-width: 800px) { .slidertheme-white .layer1-og-roosters.sliderheadertext-white {margin-top:30px !important; font-size: 50px !important;} .slidertheme-white .layer1-og-roosters.slidersubheadertext-white {font-size: 20px !important; width:300px !important; margin-left: auto; margin-right:auto;} .slidertheme-white .layer2-og-roosters {transform: translate(0px,0px); width: 300px !important; background-color: #020F27; padding: 40px; text-align: right !important; padding-bottom: 10px !important} .slidertheme-white .layer3-og-roosters.sliderheadertext-white {font-size: 36px !important;} .slidertheme-white .layer3-og-roosters.slidersubheadertext-white {font-size: 15px !important;} .slidertheme-white .layer3-og-roosters {transform: translate(0px,-66px) rotate(17.6deg);} .slidertheme-white .layer4-og-roosters.slidersubheadertext-white {font-size:22px !important; padding-top:0px !important;} .slidertheme-white .layer5-og-roosters.sliderheadertext-white {padding-top:40px !important;} .slidertheme-white .layer5-og-roosters.slidersubheadertext-white {font-size:30px !important; padding-top:10px !important;} .slidertheme-white .layer5-og-roosters {transform: translate(0px,-200px); background-color: rgba(0,0,0,0.6); width:100vw; margin-left: auto; margin-right: auto; border-left: 10px solid #000000; padding: 30px; line-height:20px;} .slidertheme-white .layer6-og-roosters {transform: translate(60px,-36px) rotate(23.4deg);} .slidertheme-white .layer7-og-roosters.sliderheadertext-white {text-shadow: #000000 0px 0px 12px;} .slidertheme-white .layer7-og-roosters.slidersubheadertext-white {text-shadow: #000000 0px 0px 12px;} .slidertheme-white .layer7-og-roosters {transform: translate(0px,-300px);} .slidertheme-white .layer8-og-roosters.sliderheadertext-white {font-size: 40px !important;} .slidertheme-white .layer8-og-roosters {transform: translate(0px,-14px); text-shadow: 0 0 10px #FFFFFF;} .slidertheme-white .layer9-og-roosters {transform: translate(0px,100px);} .slidertheme-white .layer9-og-roosters.sliderheadertext-white {color:#000000 !important; text-shadow: #e0e0e0 1px 1px 0;} .slidertheme-white .layer9-og-roosters.slidersubheadertext-white {color:#000000 !important; text-shadow: #e0e0e0 1px 1px 0;} } .aboutus-section-og-roosters {border-top: 50px solid #0c3590; padding-top: 120px !important; background-color: #082873;} .aboutus-section-timber {border-top: 50px solid #0c3590; padding-top: 120px !important; background-color: #082873;} .menu-list-section-white {background-image: radial-gradient(circle at center center, transparent 0%,rgb(255,255,255) 99%), repeating-linear-gradient(0deg, rgb(239,237,237) 0px, rgb(239,237,237) 1px,transparent 1px, transparent 6px), repeating-linear-gradient(90deg, rgb(239,237,237) 0px, rgb(239,237,237) 1px,transparent 1px, transparent 6px), linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));} .contact-section-white {padding-top: 0px !important;} .sliderheadertext-white {color: #FFFFFF !important;} .slidersubheadertext-white {color: #FFFFFF !important;} .minimal-white {display: none;} .minimal-white:after {background: url(none) !important;} .menu-list-section-white .section-title:after {background: url(none) !important;} .content-white {font-family: 'Raleway Regular'; font-size: 16px;} .content-white .first-letter::first-letter {font-family: 'Raleway Regular'; color: #FFFFFF !important; margin-right: 0px !important;} .content-white p {font-family: 'Raleway Regular'; color: #FFFFFF !important;} .section-white h3:after {background-color: #2A55B0 !important;} @media screen and (min-width: 800px) { .section-white .section-title-border {font-size: 40px; color: #ffffff !important;} .content-white .first-letter::first-letter {font-size: 20px !important;} .content-white p {font-size: 18px !important;} } @media screen and (max-width: 800px) { .topstart-white {height: 34vh !important} .section-white .section-title-border {color: #ffffff !important;} .content-white .first-letter::first-letter {font-size: 20px !important;} .content-white p {font-size: 18px !important;} } @media (min-width: 1200px) { .container1-white {padding-top:100px; width: 86vw !important;} .container1-white .menu-button-filter {margin-left: -40px; margin-right: -40px;} } .container1-white .section-subtitle {display: none !important;} .container1-white .edit-marginTop40 {margin-top: 40px !important} .hidden-white img {margin-top: 5px; max-width: 200px !important; margin-right: 50px;} .menu-list-section-white .section-title {background-color: #0c3590; color: #ffffff !important; padding: 15px;} .menu-list-section-white .section-title:after {content: url(none) !important;} .menu-list-section-white .title {color: #47443e !important;} .menu-list-section-white .price {display: none !important;} .menu-list-section-white .btn-webshop-white {position: absolute; text-align: right; right: 50px; bottom: 30px;} .menu-list-section-white .menu-item { background-color: #f3f3f3 !important; border: 1px solid #f9f9f9 !important; box-shadow: 0px 0 4px 0px #d8d8d8; min-height: 160px; } .menu-list-section-white .menu-wrapper { background-color: #f3f3f3 !important; border: 1px solid #f9f9f9 !important; box-shadow: 0px 0 4px 0px #d8d8d8; min-height: 150px; } .contact-white .btn-primary {background-color: #0c3590 !important; border-color: #0e3590 !important; color: #ffffff !important;} .footer-white {background: #041b4c !important;} .footer-white .footer-title {color: #FFFFFF !important;} .footer-white .social-circle-border {border: 2px solid #a0bcfb !important;} .footer-white .fa {color: #a0bcfb !important;} .footer-white .time {color: #a0bcfb !important;} .footer-white .info {display: none !important;} .footer-white .post-image {display: none !important;} .footer-white .copyright-white {background: #0a1938 !important; border-top: 4px solid #051f56 !important;} .copyright-white .button-square {background: #0c1a38 !important; border-color: #0c3590 !important;} .copyright-white .t-color {color: #9ebaf8 !important;} .menu-list-section-white .menu-button-filter li { display: inline-block; background-color: rgba(255,255,255,0.8); font-size: 24px !important; margin: 0; padding: 0; border-radius: 8px; color: #FFFFFF !important; min-height: 150px; } .menu-list-section-white .r-name {background: #1041b1;} @media screen and (min-width: 800px) { .menu-list-section-white .r-name {padding: 134px 0 0 0 !important;} } @media screen and (max-width: 800px) { .menu-list-section-white .menu-button-filter li { width: 100% !important; font-size: 24px !important; } .container1-white .edit-marginTop40 {margin-top: 10px !important;} .container1-white .r-name {line-height: 19px !important;} } .container1-white .menu-button-filter li:hover {transform: scale(1.03);} .container1-white .menu-button-filter li:hover .r-name {color: #ffffff !important;} .og-geperste-roosters {background-image: url(../../img/landing/categories/01-geperste-roosters.jpg); background-size: cover;} .og-gedruklaste-roosters {background-image: url(../../img/landing/categories/02-gedruklaste-roosters.jpg); background-size: cover;} .og-bevestigingen {background-image: url(../../img/landing/categories/03-bevestigingen.jpg); background-size: cover;} .og-plaatroosters {background-image: url(../../img/landing/categories/04-plaatroosters.jpg); background-size: cover;} .og-kunststof-roosters {background-image: url(../../img/landing/categories/05-kunststof-roosters.jpg); background-size: cover;} .og-traptreden {background-image: url(../../img/landing/categories/06-traptreden.jpg); background-size: cover;} .og-nvt {background-image: url(../../img/landing/categories/07-nvt.jpg); background-size: cover;} .og-nvt {background-image: url(../../img/landing/categories/08-nvt.jpg); background-size: cover;} @media (max-width: 767px) { .menu-list-section-white .menu-item .desc { text-align: left !important; margin-top: 0px !important; } .menu-list-section-white .section-title { padding-top: 4px; height: 45px; } } .scrollbar-whitexxx {padding: 0px !important;} .modalheader-white {background-color: #1A4092;} .modalbody-white {background-color: #07173a;} .modalbody-white ul li {border-bottom: 1px solid #0d2c6d !important;} .infocard-white {background: #FFFFFFEE !important;} .infocardbody-white .ataradescription {background-color: #ebebeb !important; color: #464646 !important; padding: 10px; border-radius: 0 0 5px 5px; border-top: 1px solid #dfdfdf;} .infocardbody-white {box-shadow: inset 0 0px 0px #FFFFFF !important; margin-top: -50px !important;} .infocardbody-white .card-img-top {border-radius:0 !important;} .infocardbody-white p b {font-family: "Lato Regular"; font-size: 20px !important; font-weight: 700 !important; color: #464646 !important;} .infocardbody-white p {font-family: "Lato Regular"; font-size: 18px !important; color: #7c7c7c !important; line-height: 30px!important;} .infocardbody-white span {font-family: "Lato Regular"; font-size: 20px !important; font-weight: 700 !important; color: rgb(69 110 191) !important;} .infocardbody-white h1 { font-family: "Lato Regular"; font-weight: bold; color: #ffffff !important; text-align: center; margin-bottom: 50px; margin-top: 34px; background-color: #4e85c6; padding: 10px; border-radius: 6px; } .splitcolumn-persroosters p b { font-family: "Lato Regular"; font-size: 20px !important; font-weight: 700 !important; color: rgb(69 110 191) !important; } .splitcolumn-persroosters button {width:100%; text-align: left; margin-top: 12px; padding: 6px 6px 6px 30px; background-color: #4473ab;; color: #FFFFFF; border-radius:6px; cursor: pointer} @media (min-width: 800px) {.infocardbody-white h1 {font-size: 34px !important;}} @media (max-width: 800px) {.infocardbody-white h1 {font-size: 26px !important;}} .aboutus-section-blue {position: relative; z-index:2 !important; background: #FFFFFF; border-top: 40px solid #033980;} .aboutus-section-white {margin-top: -100px; transform: skewY(-3deg);} .aboutus-section-white .container {margin-top: 20px; transform: skewY(3deg);} .related_promote img { background-size: cover; height: 150px !important; object-fit: cover; } .sidebar-white {background: linear-gradient(0deg, rgb(12 51 143) 0%, rgb(11 50 142) 80%, rgb(5 25 72) 90%);} .sidebar-white {background: linear-gradient(0deg, rgb(11 39 101) 54%, rgb(8 25 64) 94%, rgb(7 32 90) 100%);} .sidetop-og-roosters {padding-top: 10px !important;} .infosidebarheader-white {background-color: #061942 !important; padding: 10px; color: #ffffff; margin-top: 20px; margin-bottom: 10px; border-radius: 6px;} .card-white {border-bottom: 40px solid #033fb7 !important; margin-bottom: 20px !important; border-left: 1px solid #033fb7 !important; border-right: 1px solid #033fb7 !important;} .card-white .card-img {height: 150px !important; object-fit: cover;} .card-white .bto_promote {position: absolute; bottom: 10px !important; font-family: "Lato Regular"; font-size: 18px;} .sidebarheadertextcolor-white {width: 100%; margin-top: 14px; background-color: #061942; padding: 20px;} .adminheader {padding: .75rem 1.25rem; margin-bottom: 0;} .adminheader-aatventure {background-color: rgb(9, 10, 13) !important; border-bottom: 1px solid rgba(0,0,0,.125);} .adminheader-white {background-color: rgb(9, 27, 69) !important; border-bottom: 1px solid rgba(0,0,0,.125);} .ogtable {background: #FFFFFF; width: 100%;} .ogtable td { width: 50%; background: #FFFFFF !important; color: #000000 !important; border-bottom: 2px solid #f7f7f7; } .ogtable td:nth-child(1) {padding: 10px;} .ogtable td:nth-child(2) {padding: 20px;} @media (max-width: 800px) { .infocardbody-white {padding: 15px !important;} .ogtable {display: block !important;} .ogtable td {vertical-align: top; padding: 10px !important; white-space: pre-line;} .ogtable img {width: fit-content; max-width: 160px !important; height: auto;} .ogtitle {line-height: 20px;} } .body-white .xpro-slider-overlay {background-image: linear-gradient(18deg, rgb(1 10 25) 0%, rgb(2 10 23) 9%,transparent 9%, transparent 16%, rgb(2 15 39 / 50%) 16%, rgb(1 8 23 / 50%) 49%,rgb(3 20 45) 49%, rgb(1 8 23) 100%),linear-gradient( 135deg, rgb(3 12 27) 0%, rgb(2 10 19) 31%,rgb(3 10 21) 31%, rgb(0 6 19) 37%,transparent 37%, transparent 56%,rgb(2 14 33) 56%, rgb(2 9 21) 100%),linear-gradient(7deg, rgb(1 9 24),rgb(1 6 16)) !important; opacity: 1 !important;} .certificates-section-white .section-title {display: none !important;} .certificates-section-white .certificateicon {width: 90vw; height: auto; max-width: 600px !important;} .certificates-section-white .button-section a {display: none; background-color: #033fb7; color: #ffffff; border: 4px solid #013fb7; border-radius: 6px;} .fullwidthmap {width: 100vw !important; height: 900px !important; margin: 0px !important; padding: 0px !important; border-top: 60px solid #0c1c42;} .xp-grid-thumb img { width: 100%; height: 100%; cursor: pointer; border: 6px solid #e5eef9; border-radius: 12px; } .p-item-layer { bottom: 50px !important; left: 100px !important; width: 500px; font-family: 'Lato Regular' !important; color: #0f2047 !important; background-color: #FFFFFFEE !important; border: 2px solid #0c1d43; padding: 4px 16px; } .xpro-floating-slider {background-color: #03152d !important;} .xpro-floating-slider #infopanel { height: 36px !important; background-color: #0755fd !important; } .xpro-slider-progress-content { background-color: #fff700 !important;; } .xpro-slider-info { display: none !important; } .gallery-section-white .section-title-border:after {background-color: #0e41b1 !important;} @media (max-width: 800px) { .maincontent-white {border-bottom: 140px solid #072056;} } .container1-white .r-name { text-transform: capitalize !important; font-size: 30px; } .certificates-section-white {border-top: 1px solid #f5f4f4; } .certificates-section-white .certificateicon {padding-top: 30px;} #footer-contacts li { display: inline-flex; width: 100%; font-weight: normal; letter-spacing: 0.2px; } .menu-list-section-white .menu-button-filter li { border-bottom: 14px solid #0e41b1 !important; } @media (min-width: 993px) and (max-width: 1199px) { .menu-list-section .menu-button-filter li {margin: 30 10px !important;} } @media (min-width: 768px) and (max-width: 992px) { .menu-list-section .menu-button-filter li {margin: 10px 15px !important;} } @media (max-width: 992px) { .navbar .nav-mobile-btn {color: #FFFFFF !important;} } .navbar-nav { margin: 0px !important; } .nav {flex-wrap: unset !important;} .dashboardbg-og-roosters {background: #e3edf9 !important;} .profilebg-white {background: #013fb7 !important;} .jumbotronadmin-white {background: #dce8fc !important;} .jumbotronadmin-white .display-4 {color: #023bae !important;} .groupinput-white {background: #032c7b !important;} .form-white .form-control {background: #dce8fc !important; padding: 12px !important; color: #000000 !important;} .xgo-white .iconBox-icon {opacity: 0 !important;} .xgo-blue .iconBox-icon {opacity: 0 !important;} .menu-button-filter .iconBox-icon {margin-top: -200px;} .landcatsimg {position: relative; height: 222px; border-radius: 12px 12px 0px 0px;} @media screen and (min-width: 800px) { .topinfo-white {margin-left:-90px !important;} .menu-list-section-blue .menu-button-filter li {width: 30%; font-size: 24px !important; margin-left: 7px; margin-right: 7px; margin-bottom: 20px;} .menu-list-section-white .menu-button-filter li {width: 30%; font-size: 24px !important; margin-left: 7px; margin-right: 7px; margin-bottom: 20px;} } @media screen and (max-width: 800px) { .xgo-white {min-height: 240px;} .landcatsimg {border-radius: 0 !important;} .container1-white .r-name {position: relative; padding-top: 170px !important; background: transparent;} .menu-list-section-white .menu-button-filter li {background: #1041b1;} } .groupsbodybg-white {background-color: #FFFFFF;} #footer-contacts a {cursor: pointer} .flexitem-og-roosters {background-color: #173267 !important;} .flexitem-og-roosters .menicon {background-color: #fff700 !important;} .video-section-white .section-subtitle {display: none !important;} .section-white .section-title {background-color: #0c3e99; color: #ffffff !important; padding: 20px; margin-left: -15px; margin-right: -15px;} .section-white .block1 {background-color: #0d2967 !important;} .section-white .block2 {background-color: #0d2967 !important;} @media (min-width: 480px) { .video-section-white {padding-top: 160px !important;} } @media (min-width: 900px) { .video-section-white .section-subtitle {margin-top: -102px !important;} } @media (min-width: 700px) { .video-section-white .youtubex {height: 630px !important;} } .segments-section-white .info .section-title-border { font-size: 22px !important; color: #011631 !important; } .segments-section-white .special-menu-slider .info p { background-color: #033980; color: #FFFFFF !important; font-size: 16px; } .segments-section-white .section-title-border:after { background-color: #011732 !important; } .segments-section-white .info ul li::before { color: rgb(0 146 221); padding-right: 6px; content: "✓" !important; } .segments-section-white .info ul li { color: #000000; text-align: left; font-size: 17px; padding-bottom: 8px; } .bigbutton-white { height: 86px; font-size: 48px !important; margin-top: -50px; } .topinfo-white { text-transform: uppercase; } /* andersom: after alleen bij hasta-la-pasta! */ .wrapper-hasta-la-pasta .section-title:after { content: url(https://timberbernard.nl/img/landing/title-decor.png); display: block; position: relative; height: 3px; width: auto; margin: 15px auto; } .wrapper-hasta-la-pasta .white-decor:after { content: url(https://timberbernard.nl/img/landing/title-decor-white.png); } #downloads {padding: 130px 0 !important;} #vakbegrippen {padding: 130px 0 !important;} .gallery-section-white {padding: 150px 0 !important;} .slidertheme-timber .bottomstart-white {margin-top:-20px !important; font-family: "Comix" !important; font-size: 34px !important; line-height: 50px;} .wrapper-timber .container1-white {display: none} .wrapper-og-roosters .gallery-section-white {background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgb(14 32 72) 6%, rgb(11 28 66) 64%, transparent 64%, transparent 76%, rgba(60, 106, 207,0.5) 76%, rgba(60, 106, 207,0.5) 100%), linear-gradient( 45deg, transparent 0%, transparent 51%,rgb(85, 145, 215) 51%, rgb(12 53 144) 86%,rgb(36, 68, 198) 86%, rgb(36, 68, 198) 88%, transparent 88%, transparent 100%), linear-gradient( 90deg, rgb(255,255,255),rgb(255,255,255)) !important;} .wrapper-timber .gallery-section-white {background-image: linear-gradient(135deg, transparent 0%, transparent 6%, rgb(14 32 72) 6%, rgb(11 28 66) 64%, transparent 64%, transparent 76%, rgba(60, 106, 207,0.5) 76%, rgba(60, 106, 207,0.5) 100%), linear-gradient( 45deg, transparent 0%, transparent 51%,rgb(10 40 115) 51%, rgb(12 53 144) 86%,rgb(36, 68, 198) 86%, rgb(36, 68, 198) 88%, transparent 88%, transparent 100%), linear-gradient( 90deg, rgb(11 39 113),rgb(12 39 111)) !important;} .slideritem-timber-slide2 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide3 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide4 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide5 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide6 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide7 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide8 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide9 {background-position-y: -60px !important; background-size: auto auto !important;} .slideritem-timber-slide10 {background-position-y: -60px !important; background-size: auto auto !important;} @media screen and (min-width: 800px) { .wrapper-og-roosters .heroslider-white {clip-path: polygon(10% 0%, 95% 10%,85% 99%, 0% 99%);} .wrapper-timber .heroslider-white {clip-path: polygon(5% 0%, 98% 25%,95% 90%, 2% 95%);} .section-white .section-title {font-size: 60px !important;} .section-white .block1 {margin-top: -30px;} .wrapper-timber .menu-list-section-white {height: 600px; background-image: url(../../img/landing/content/timber-fullscreenbanner.jpg) !important; background-size: cover;} } @media screen and (min-width: 800px) { .slidertheme-white .layer1-timber.sliderheadertext-white {text-shadow: #6A5E5D 0px 0px 12px;} .slidertheme-white .layer1-timber.slidersubheadertext-white {text-shadow: #6A5E5D 0px 0px 12px;} .slidertheme-white .layer2-timber {transform: translate(0px,0px); width: 700px !important; background-color: #020F27; font-size: 20px !important; padding: 40px; text-align: left !important; padding-left: 66px !important;} .slidertheme-white .layer3-timber {transform: translate(0px,0px); width: 700px !important; background-color: #020F27; font-size: 20px !important; padding: 40px; text-align: left !important; padding-left: 66px !important;} .slidertheme-white .layer4-timber {transform: translate(0px,0px); width: 700px !important; background-color: #0d0e15 !important; font-size: 20px !important; padding: 40px; text-align: left !important; padding-left: 66px !important;} .slidertheme-white .layer5-timber {transform: translate(0px,0px); width: 700px !important; background-color: #3089fb !important; font-size: 20px !important; padding: 40px; text-align: left !important; padding-left: 66px !important;} .slidertheme-white .layer7-timber {transform: translate(0px,-50px) !important;} .slidertheme-white .layer7-timber.slidersubheadertext-white {width: 300px; margin-left: auto; margin-right: auto; background-color:#1E50BE; font-size:25px !important; padding: 10px; border-radius: 8px;} } @media screen and (max-width: 800px) { .section-white .section-title {font-size: 42px !important;} .hidden-white {width: 100%; text-align: center !important;} .aboutsection4-white .hidden-white img {margin: 0px !important;} .content-white {padding-left: 5px !important; padding-right: 5px !important} .aboutsection1-white img {width: 120% !important; margin-left: -10% !important;} .wrapper-timber .menu-list-section-white {height: 740px; background-image: url(../../img/landing/content/timber-mobilebanner.jpg) !important; background-size: cover; border-bottom: 30px solid #0f1f47;} } @media screen and (max-width: 800px) { .slideritem-timber-slidemob8 {background-size: 100% 101% !important; background-position: 0px 0px !important;} .slidertheme-white .layer1-timber.slidersubheadertext-white {text-shadow: #6A5E5D 0px 0px 12px;} .slidertheme-white .layer2-timber {background-color: #020F27; font-size: 22px !important; padding-top:40px !important;} .slidertheme-white .layer3-timber {background-color: #020F27; font-size: 22px !important; padding-top:20px !important;} .slidertheme-white .layer4-timber {background-color: #0d0e15; font-size: 22px !important; padding-top:20px !important;} .slidertheme-white .layer5-timber {background-color: #3089fb; font-size: 22px !important;} .slidertheme-white .layer6-timber {font-size: 22px !important;} .slidertheme-white .layer7-timber {font-size: 22px !important; transform: translate(0px,-50px) !important;} .slidertheme-white .layer8-timber {opacity: 0 !important;} .slidertheme-white .layer7-timber.slidersubheadertext-white {width: 300px; margin-left: auto; margin-right: auto; background-color:#1E50BE; font-size:25px !important; padding: 10px; border-radius: 8px;} } .video-section-white { background-image: linear-gradient( 330deg , rgba(225, 225, 225, 0.05) 0%, rgba(225, 225, 225, 0.05) 33.333%,rgba(114, 114, 114, 0.05) 33.333%, rgba(114, 114, 114, 0.05) 66.666%,rgba(52, 52, 52, 0.05) 66.666%, rgba(52, 52, 52, 0.05) 99.999%),linear-gradient( 66deg , rgba(181, 181, 181, 0.05) 0%, rgba(181, 181, 181, 0.05) 33.333%,rgba(27, 27, 27, 0.05) 33.333%, rgba(27, 27, 27, 0.05) 66.666%,rgba(251, 251, 251, 0.05) 66.666%, rgba(251, 251, 251, 0.05) 99.999%),linear-gradient( 225deg , rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 33.333%,rgba(222, 222, 222, 0.05) 33.333%, rgba(222, 222, 222, 0.05) 66.666%,rgba(228, 228, 228, 0.05) 66.666%, rgba(228, 228, 228, 0.05) 99.999%),linear-gradient( 90deg , rgb(12 53 144),rgb(11 72 206)); } .video-section-blue { background-image: linear-gradient( 330deg , rgba(225, 225, 225, 0.05) 0%, rgba(225, 225, 225, 0.05) 33.333%,rgba(114, 114, 114, 0.05) 33.333%, rgba(114, 114, 114, 0.05) 66.666%,rgba(52, 52, 52, 0.05) 66.666%, rgba(52, 52, 52, 0.05) 99.999%),linear-gradient( 66deg , rgba(181, 181, 181, 0.05) 0%, rgba(181, 181, 181, 0.05) 33.333%,rgba(27, 27, 27, 0.05) 33.333%, rgba(27, 27, 27, 0.05) 66.666%,rgba(251, 251, 251, 0.05) 66.666%, rgba(251, 251, 251, 0.05) 99.999%),linear-gradient( 225deg , rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 33.333%,rgba(222, 222, 222, 0.05) 33.333%, rgba(222, 222, 222, 0.05) 66.666%,rgba(228, 228, 228, 0.05) 66.666%, rgba(228, 228, 228, 0.05) 99.999%),linear-gradient( 90deg , rgb(12 53 144),rgb(11 72 206)); } .youtubex-white {border: 10px solid #2053c3;} .segments-section-white .section-subtitle {display: none;}