/** CONTENT **/ .inline-spacing p { padding-left: 30px; } .inline-spacing .headingLarge { padding-left: 30px; padding-top: 30px; } .max-w-80 { max-width: 80%; } .max-w-70 { max-width: 70%; } .max-w-60 { max-width: 60%; } /* Typography */ .section.content h1 { font-size: 35px; border: 0; line-height: 41px; font-weight: 300; color: #262626; margin-bottom: 13px; margin-top: 30px; } .section.content p { float: left; width: 100%; margin: 0; padding: 0 0 40px 0; } .section.content img { max-width: 100%; border-radius: 6px; } .section.content a, .section.content a:link, .section.content a:visited { font-weight: bold; } /* Content Grids */ .section .grid-container-2 .grid-2-item { display: flex; } .section .grid-container-2 .grid-2-item .grid-2-icon { padding: 10px 20px; font-size: 24px; color: #329D32; } .section .grid-container-2 .grid-2-item .grid-2-text { } .section .grid-container-2 img, .section .grid-container-3 img, .section .grid-container-4 img, .section .grid-container-5 img, .section .grid-container-6 img { max-width: 100%; width: 100%; border-radius: 6px; } .section .grid-container-4 > div:nth-child(2), .section .grid-container-4 > div:nth-child(4) { margin-top: 30px; } .section .grid-container-5 > div:nth-child(2), .section .grid-container-5 > div:nth-child(4) { top: 30px; position: relative; } /** Company page **/ .section.company { margin-bottom: 120px; float: left; } .section.company h3 { margin-bottom: 13px; } .section.company img { width: 100%; max-width: 100%; border-radius: 6px; } .section.company.centered { text-align: center; } .section.company.inline-spacing p { padding-bottom: 0; margin-bottom: 0; } .section.company.centered .max-w-60 { margin: 0 auto 40px auto; width: 60%; display: block; float: none; } .section.company.centered .max-w-70 { margin: 0 auto 40px auto; width: 70%; display: block; float: none; } .section.company.centered .max-w-80 { margin: 0 auto 40px auto; width: 80%; display: block; float: none; } /* Company - Hero */ .section.company.hero { margin-bottom: 75px; margin-top: 30px; float: left; width: 100%; overflow: hidden; border-radius: 6px; } .section.company.hero .hero-image { width: 100%; float: left; display: block; position: relative; background-position: center; background-size: cover; border-radius: 6px; } .section.company .contentTextHero { width: 100%; border-radius: 5px; color: white; padding: 45px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); float: left; } .section.company .contentTextHero p { margin: 0; padding: 0; } .section.company .contentTextHero a:link, .section.company .contentTextHero a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.company .contentTextHero .headingLarge { float: left; width: 60%; color: white; font-size: 55px; line-height: 49px; } .section.company .contentTextHero .themeLabel { float: left; width: 100%; margin-bottom: 30px; font-weight: 700; } .section.company .contentTextHero .heroContainer { background-color: white; border-radius: 6px; border-bottom: 2px solid #e5e5e5; float: right; padding: 40px; } .section.company .contentTextHero .heroContainer p { margin-bottom: 20px; } .section.company .contentTextHero .heroContainer ul { margin: 0 0 0 0; padding: 0; } .section.company .contentTextHero .heroContainer ul li { list-style: none; } .section.company .contentTextHero .heroContainer ul span { float: right; } .section.company .contentTextHero .heroContainer ul.list-medium.small { width: 50%; } .section.company .contentTextHero .heroContainer ul.list-medium.large { width: 50%; } /* Company - Quote */ .section.company ul li { list-style: square; margin: 0; } .section.company.quote p { padding-right: 80px; } .section.company.quote .quote { font-size: 51px; line-height: 53px; margin-bottom: 6rem; text-align: left; margin-top: 10rem; padding-right: 10rem; font-weight: 300; font-style: italic; } .section.company.quote .quote:first-letter { font-size: 99px; font-weight: 900; } .section.company.quote img { width: 100%; border-radius: 5px; } /* Company - Employees */ .section.company .thePeople img { border-radius: 6px 6px 0 0; } .section.company .people .grayBackground { background-color: #f3f3f3; border-radius: 6px; float: left; width: 100%;} .section.company .people .grayBackground .headingSmall { padding: 0px 30px 0 30px; color: #014586; margin: 0; float: left; width: 100%; } .section.company .people .grayBackground span.text-base-400 { padding: 0px 30px 20px 30px; float: left; width: 100%; margin: 0; } .section.company .people .grayBackground p.text-base-400 { padding: 0px 30px 30px 30px; float: left; width: 100%; margin: 0; } .section.company .people .empl-contact-icon { background-color: #f3f3f3; float: right; padding: 30px; margin-top: -70px; z-index: 9; position: relative; border-radius: 99px 99px 0 0; } .section.company .people .empl-quote { float: left; width: 100%; padding: 0px 30px; } .section.company .people .empl-quote p { margin: 0; font-style: italic; } /* Company - Logo's */ .grid-container-5.logos { margin-bottom: 55px; } .grid-container-5.logos .logo-item { display: flex; justify-content: center; align-items: center; border: 1px solid #e5e5e5; border-radius: 6px; padding: 45px; text-align: center; } .grid-container-5.logos .logo-item.rating { padding: 0; } /* Company portfolio */ .section.showcase .container-fluid.showcaseContainer { max-width: 80%; } .section .centered { text-align: center; } .section.showcase.centered { text-align: center; } .section.showcase { margin-bottom: 120px; float: left; width: 100%; } .section.showcase p { margin-bottom: 45px!important; padding: 0; } .section.company.centered p { float: left; width: 100%; padding-top: 0; padding-bottom: 0; } .section.showcase .max-w-80 { margin: 0 auto; } /* Company - Contact */ .section.company .grid-container-3.contactContainer { grid-template-columns: repeat(3, 1fr);} .section.company .contactContainer { gap: 15px; padding: 0 170px; } .section.company .contactblock { display: flex; justify-content: center; align-items: center; border: 1px solid #e5e5e5; border-radius: 6px; padding: 35px; text-align: center;} .section.company .contactblock i { float: left; width: 100%; text-align: center; margin-bottom: 25px; font-size: 30px; } .section.company .contactblock p { float: left; width: 100%; text-align: center; margin: 0; padding: 0; } .section.company .contactblock a { text-decoration: underline; } /** FAQ Page **/ .serviceBlock .block-head { background: #f3f3f3; border: 1px solid #e5e5e5; color: #333; border-top-left-radius: 3px; border-top-right-radius: 3px; } .serviceBlock .panel-group { margin-bottom: 0; } .serviceBlock .panel-container { border: 0px; border-top: 0; position: relative; width: 100%; } .serviceBlock .panel-section { background: #f3f3f3; border: 1px solid #e5e5e5; margin-bottom: 45px; box-shadow: none; border-bottom: 2px solid #e5e5e5 } .serviceBlock .panel-default>.panel-heading { background: white; border: 0; } .serviceBlock .panel-group .panel+.panel { margin-top: 0; border-top: 1px dashed #e5e5e5; border-radius: 0; } .serviceBlock .panel-group .panel-heading+.panel-collapse>.panel-body { border-bottom: 0px solid #e5e5e5; border-top: 0; padding-top: 0; } .serviceBlock .panel-group .panel-heading+.panel-collapse>.panel-body p { color: #555555; font-size: 13px; line-height: 27px; padding: 0 0 10px 0; } .serviceBlock .panel-group .panel-heading+.panel-collapse>.panel-body a { color: #014587; font-weight: 500 } .serviceBlock .panel-default>.serviceBlock .panel-heading { background: #f3f3f3; border: 1px solid #e5e5e5; } .serviceBlock .panel-heading { padding: 10px 15px; border-bottom: 1px dashed #e5e5e5; border-top-left-radius: 3px; border-top-right-radius: 3px; background: white; margin: 0; } .serviceBlock a:link, .serviceBlock a:visited { cursor: pointer; font-size: 14px; line-height: 30px; font-weight: 400!important; color: #262626; } .serviceBlock .panel-default>.panel-heading .panel-title { color: #262626; line-height: 30px; font-weight: 600; font-size: 15px; } .serviceBlock ul li { list-style: none; margin-left: -40px; } .serviceBlock li:hover { cursor: pointer; } .serviceBlock a:link, .serviceBlock a:visited { cursor: pointer; } /** Inspiration **/ .themeBlocks img { margin-bottom: 15px; } .themeBlocks .imageWrapper { width: 100%; float: left; position: relative; border-radius: 9px; } .section.themes { margin-bottom: 60px; margin-top: 30px; float: left; width: 100%; } .section.themes .imageWrapper { width: 100%; float: left; position: unset; border-radius: 9px; } .section.themes img { max-width: 100%; margin-bottom: 30px; border-radius: 5px; width: 100%; } .section.themes h2 { margin-bottom: 13px; } .section.themes .subheading-normal { margin-bottom: 45px; margin-top: -10px; } .section.themes .quote { font-size: 51px; line-height: 53px; margin-bottom: 60px; text-align: left; font-weight: 300; margin-top: 3rem; font-style: italic; } .section.themes .quote:first-letter { font-size: 99px; font-weight: 900 } .section.themes .textBlockLarge.right { padding-left: 60px; } .section.themes .textBlockLarge.left { padding-right: 60px; } /* Inspiration Hero */ .section.themes.hero { margin-bottom: 60px; margin-top: 30px; float: left; width: 100%; overflow: hidden; border-radius: 5px; } .section.themes.hero .hero-image { width: 100%; float: left; display: block; position: relative; } .section.themes .contentTextHero { width: 1110px; bottom: 30px; border-radius: 5px; color: white; padding: 50px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentTextHero .themeLabel { float: left; width: 100%; margin-bottom: 30px; font-weight: 700; } .section.themes .contentTextHero p { color: white; font-size: 27px; line-height: 43px; max-width: 43%; margin: 0; } .section.themes .contentTextHero .headingLarge { float: left; width: 60%; color: white; font-size: 55px; line-height: 49px; } .section.themes .contentTextHero a:link, .section.themes .contentTextHero a:visited { float: left; width: 100%; color: white; text-decoration: underline; } /* Inspiration Overlays */ .themeBlocks .contentOverlay { width: 100%; position: absolute; bottom: 15px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); top: auto } .themeBlocks .contentOverlay .headingTiny { float: left; width: 100%; color: white; border: 0!important; margin-bottom: 0!important;; padding-bottom: 0!important; } .themeBlocks .contentOverlay a:link, .themeBlocks .contentOverlay a:visited { float: left; width: 100%; text-decoration: underline; color: white; } .section.themes .contentText40 { width: 525px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentText40 .headingTiny { float: left; width: 100%; color: white } .section.themes .contentText40 a:link, .section.themes .contentText40 a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.themes .contentText20 { width: 248px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentText20 .headingTiny { float: left; width: 100%; color: white } .section.themes .contentText20 a, .section.themes .contentText20 a:link, .section.themes .contentText20 a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.themes .contentTextLarge { width: 525px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentTextLarge .headingMedium { float: left; width: 100%; color: white } .section.themes .contentTextLarge a:link, .section.themes .contentTextLarge a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.themes .contentTextHalf { width: 525px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentTextHalf .headingTiny { float: left; width: 100%; color: white } .section.themes .contentTextHalf a:link, .section.themes .contentTextHalf a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.themes .contentQuarter { width: 248px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentQuarter .headingTiny { float: left; width: 100%; color: white } .section.themes .contentQuarter a:link, .section.themes .contentQuarter a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.themes .contentText25 { width: 340px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentText25 .headingTiny { float: left; width: 100%; color: white } .section.themes .contentText25 a:link, .section.themes .contentText25 a:visited { float: left; width: 100%; color: white; text-decoration: underline; } .section.themes .contentText75 { width: 710px; position: absolute; bottom: 30px; border-radius: 5px; color: white; padding: 20px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.themes .contentText75 .headingTiny { float: left; width: 100%; color: white } .section.themes .contentText75 a:link, .section.themes .contentText75 a:visited { float: left; width: 100%; color: white; text-decoration: underline; } /** Portfolio **/ .section.content .portfolioItem { margin-bottom: 40px; padding: 10px; } .section.content .lead.portfolio { font-size: 20px; font-weight: 500; margin-bottom: 15px; margin-top: 25px; padding-left: 15px; border-left: 2px solid #014587; padding: 0 0 0 15px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /** Referenties **/ .section.content .referentieBlock { margin-bottom: 35px; } .section.content.referenties p { margin-top:25px } .section.content .referentieBlock .referentie-item { float: left; margin-left: 30px; } .section.content .referentieBlock .referentie-item img { max-width: 100%; } .section.content .referentieBlock .referentie-item:first-of-type { margin-left: 0px; } /** Advies **/ .page-with-uri-advies .btn.btn-small.btn-white { margin-bottom: 40px; } /** News **/ .section.news { margin-top: 40px; } .section.news p { padding: 0; margin: 0 0 40px 0; } .section.news .newsWrapper { height: auto; margin-bottom: 30px; overflow: hidden; position: relative; border-radius: 6px; } .section.news .newsWrapper img { margin-left: auto; margin-right: auto; display: block; width: 100%; } .section.news .newsWrapper p.date { margin: 0; padding: 0; } .section.news .newsWrapper h3 { margin-bottom: 15px; } .section.news .newsWrapper .imageWrap { height: 430px; overflow: hidden; border-radius: 6px; margin-bottom: 0px; } .section.news .newsWrapper .btn.btn-small.btn-default { margin-bottom: 30px; } .section.news .newsPager { float: left; width: 100%; margin-top: 35px; } #articleOverview { display: none; } .section.news .newsTextOverlay { position: absolute; left: 0; padding: 150px 20px 20px 20px; width: 100%; bottom: 0px; border-radius: 6px; color: white; padding: 20px; height: auto; background: rgb(38, 38, 38); background: -moz-linear-gradient(0deg, rgba(38, 38, 38, 1) 2%, rgba(38, 38, 38, 0.7063200280112045) 15%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(38, 38, 38, 1) 2%, rgba(38, 38, 38, 0.7063200280112045) 15%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgba(38, 38, 38, 1) 2%, rgba(38, 38, 38, 0.7063200280112045) 15%, rgba(255, 255, 255, 0) 100%); filter: ;} .section.news .newsTextOverlay .blogDate { color: white; width: 100%; float: left; font-size: 14px; line-height: 30px; font-weight: 400; } .section.news .newsTextOverlay a, .section.news .newsTextOverlay a:link, .section.news .newsTextOverlay a:visited { color: white; font-weight: bold; font-size: 18px; line-height: 30px; } /* News Article */ #articleName .headingLarge { margin-bottom: 0; padding-right: 5em; } .section.blog { float: left; width: 100%; } .section.blog .headingSmall { font-size: 22px; border: 0; line-height: 30px; font-weight: 300; margin-bottom: 10px; margin-top: 40px; } .section.blog .headingMedium { } .section.blog .headingLarge { font-size: 35px; border: 0; line-height: 41px; font-weight: 300; margin-bottom: 10px; margin-top: 40px; } .section.blog p { padding: 0 0 40px 0; margin: 0; float: left; width: 100%; } .section.blog img { border-radius: 6px; width: 100%; } .section.blog ul { float: left; width: 100%; list-style: square; } .section.blog ul li { float: left; width: 100%; list-style: square; } .section.blog a, .section.blog a:link, .section.blog a:visited { font-weight: bold; } .section.blog .extra-note-text { border-left: 3px solid #014586; padding-top: 10px; padding-bottom: 10px; float: left; width: 100%; padding-left: 30px; } .section.blog .extra-note-text p { font-size: 14px; line-height: 30px; padding: 0; margin: 0; } .section.blog .extra-note-text span { float: left; width: 100%; } .section.blog .extra-note-text .headingSmall { margin-top: 0; margin-bottom: 6px; float: left; width: 100%; } .section.blog .extra-note-text.inline-spacing { margin-left: 20px; max-width: 70%; } .section.blog .list-medium.inline-spacing { padding: 20px 0 0 20px; } /* Hero section */ .section.blog.hero { margin-bottom: 35px; margin-top: -15px; float: left; width: 100%; overflow: hidden; border-radius: 6px; } .section.blog.hero .hero-image { width: 100%; float: left; display: block; position: relative; height: auto; margin-bottom: 0px; } .section.blog.hero .hero-image img { width: 100%; } .section.blog.hero .contentTextHero { width: 1110px; position: absolute; bottom: 0px; border-radius: 5px; color: white; padding: 50px; height: auto; background: rgb(38,38,38); background: -moz-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(38,38,38,1) 2%, rgba(38,38,38,0.7063200280112045) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#ffffff",GradientType=1); } .section.blog.hero p { padding: 0; } /*Text blog section */ .section.blog .blog_text { float: left; width: 100%; margin-bottom: 75px;} .section.blog .blog_text ul.list-small, .section.blog .blog_text ul.list-medium, .section.blog .blog_text ul.list-large { margin-left: 15px; } /* CTA section */ .section.cta { padding: 60px 90px; float: left; width: 100%; border-radius: 6px; } .section.cta h5 { text-align: center; margin-top: 0!important; } .section.cta p { text-align: center; } .section.cta.green { background-color: #DBF0CC; } /* Half image section */ .section.blog .blog_half_image { margin-bottom: 75px; padding-top: 0px; float: left; } .section.blog .blog_half_image ul.list-small, .section.blog .blog_half_image ul.list-medium, .section.blog .blog_half_image ul.list-large { margin-left: 15px; } .section.blog .blog_half_image .imageSide { } .section.blog .blog_half_image .textSide { padding-left: 45px; } .section.blog .blog_listed { float: left; width: 100%; } /* News Paging */ .newsPager .page a { float: left; } .newsPager .page.selected a { float: left; } .newsPager .previous a { float: left; } .newsPager .yiiPager li>a, .newsPager .yiiPager li>span { border-radius: 6px; padding: 4px 15px !important; color: #fff; text-transform: capitalize; color: #262626 !important; font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #e5e5e5 !important; border-bottom: 2px solid #CCCCCC!important; font-weight: bold !important; margin-right: 5px; } .newsPager .next a { float: left; margin-right: 5px; background: #014587; border: 1px solid #e5e5e5!important; border-bottom: 2px solid #012c64!important; color: #fff!important; border-radius: 6px!important; padding: 4px 15px!important; } .newsPager .page a:hover, .newsPager .previous a:hover, .newsPager .next a:hover { background: #eee; border-bottom: 2px solid #CCCCCC;} .newsPager .page.selected a:hover { background: #eee; border-bottom: 2px solid #CCCCCC;} /* Portfolio */ .section.content .portfolioDescriptionTxt { font-size: 14px; font-weight: 400; line-height: 30px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding: 0; margin-bottom: 30px; } .section.content .lead.portfolio { font-size: 20px; font-weight: 500; color: #262626; } .section.content .serviceNeeded h3 { color:white; font-size:38px; font-weight:400; } .section.content .serviceNeeded p { color:white; } .section.content .serviceNeeded a, .section.content .serviceNeeded a:link, .section.content .serviceNeeded a:visited { line-height:32px; color:white; } /* Actiepagina */ .section.content.actiePage .imageBox { border:1px solid #ffd8d9; border-radius: 6px; width:100%; height:auto; } .section.content.actiePage .actionBox { border:1px solid #e8e8e8; border-radius: 6px; width:100%; height:auto; float:left; } .section.content.actiePage .actionBox i { padding:30px; border-right:1px solid #e8e8e8; background:#e8e8e8; color:#555; } .section.content.actiePage .giftBox { width:100%; border-top:1px solid #e8e8e8; float:left; background:#f3f3f3; height:102px; } .section.content.actiePage .giftBox.first { border: none; background: white; } .section.content.actiePage .giftBox.first i { background: white; color: #fecb16; } .section.content.actiePage .giftBox.first img { max-width: 100%; margin-left:27px; margin-top:25px; } .section.content.actiePage .giftBox p { padding: 0; line-height: 21px; margin: 30px 0 0 30px; float: left; } .section.content.actiePage .giftBox strong { color: #262626; text-transform: uppercase; } #myModalAction .table.actionList, .section.content .table.actionList { background: #dff0d8; border: 1px solid #d6e9c6; } #myModalAction .table.actionList th, .section.content .table.actionList th { padding: 20px 35px; border: 0; color: #3c763d; } #myModalAction .table.actionList td, .section.content .table.actionList td { padding: 15px 35px; color: #3c763d; } #myModalAction .subTitle { font-size: 20px; font-weight: bold; margin: 40px 0 20px 0; } #myModalAction .subTitle span { font-weight: 300} .section.content .promotion-block { background-color: #054585; float: left; padding: 45px 55px; border: 0px solid #e5e5e5; border-radius: 6px; margin-bottom: 15px; } .section.content .promotion-block p { width: 100%; float: left; padding: 0; margin: 0; color: white; } .section.content .promotion-block i { font-size: 46px; float: left; padding-right: 6px; color: white; } .section.content .promotion-block h4 { font-size: 21px; padding-left: 20px; margin-top: 10px; color: white; } .section.content .divide-bar { width: 15%; height:3px; background-color: #e5e5e5; float: left; margin: 10px 0 20px 20px; } .pressContent .cartCounter { margin-top: 50px; } .section.content .promotion-block.terms { background: #dff0d8; padding: 45px; border-radius: 6px; border: 1px solid #d6e9c6; margin-top: 15px; } .section.content .promotion-block.terms p { width: 100%; float: left; padding: 0; margin: 0; color: #3c763d; } .section.content .promotion-block.terms i { font-size: 46px; float: left; padding-right: 6px; color: #3c763d; } .section.content .promotion-block.terms h4 { font-size: 21px; padding-left: 20px; margin-top: 10px; color: #3c763d; } .section.content .promotion-block.terms .divide-bar { width: 32px; height:3px; background-color: #3c763d; float: left; margin: 10px 0 20px 20px; } .section.content .promotion-block.terms ul { float: left; width: 100%; margin-left: 20px; } .section.content .promotion-block.terms ul li { list-style: square; color: #3c763d; font-size: 14px; } /* Adviespagina */ .suggestContainer { width:100%; float:left; height:370px; background-image: url('/images/allgifts.nl/blankpages/glazenBg.jpg'); } .suggestContainer .suggestTitle { font-size: 34px; font-weight: 800; margin-bottom: 30px; } .suggestContainer .suggestCaption { float: left; width: 100%; margin-bottom: 30px; font-size: 21px; line-height: 28px; font-weight: 300; color: #555; padding-right: 60px; } .suggestContainer .suggestContent { width: 450px; padding: 30px; float: right } .section.content .alert-success { font-size: 14px; font-weight: 300; line-height: 29px; padding: 27px; } .section.content .alert-success strong { color:#3c763d; } /* Druktechnieken */ .section.content.prints div.largeHeading { font-size: 30px; margin-bottom: 15px; font-weight: 300; border-bottom: 1px solid #e5e5e5; width: 70%; line-height: 45px; margin-top: 60px; color: #555; } .section.content.prints div.largeHeading.dvd { border: 0; margin-bottom: 0; } .section.content.prints div.largeHeading span { font-weight: 600; } .section.content.prints div.mediumHeading { font-size: 20px; margin-bottom: 0px; font-weight: 600; width: 70%; line-height: 30px; margin-top: 20px; color: #555; } .section.content.prints h2.noMarginTop { margin-top: 0; } .section.content.prints .fa.fa-plus-square { color: #3ea300; } .section.content.prints .fa.fa-minus-square { color: red; } .section.content.prints img { border-radius: 10px; } .section.content.prints .panel-heading { color: #262626; font-weight: 600; padding: 0; background: transparent; border: 0; font-size: 17px; margin-bottom: 6px; margin-top: 5%; } .section.content.prints .panel.panel-default { border: 0px solid #e5e5e5; } .section.content.prints .panel.panel-default ul li { margin-left: 0; font-size: 14px; padding: 5px 3px; } .btn-overlay { position: absolute; right: 40px; bottom: 25px; } .section.content.prints .extraNotePrint { position: absolute; left: 35px; bottom: 0; z-index: 999; opacity: 0.9; width: 56% } .section.content.prints .well { font-size: 14px; line-height: 23px; color: #555; font-weight: 600; } .section.content.prints .well p { padding: 0; margin: 0; } /* Inspiratiepaginas */ .blankPageProduct { float: left; width: 100%; margin-bottom: 1px; padding: 10px; border-top: 1px solid #e5e5e5; } .blankPageProduct img { max-height: 123px; margin: 0 auto; display: block; } .blankPageProduct p { margin: 0; line-height: 27px; font-size: 14px; } .blankPageProductContainer { border: 1px solid #e5e5e5; float: left; width: 100%; margin-bottom: 45px; } .blankPageProductContainer h3 { margin: 20px 15px; } .blankPageProductContainer2 { background: #f3f3f3; float: left; width: 100%; } .socialContent { padding: 25px 25px 0px; border: 1px solid #e5e5e5; float: left; width: 100%; border-bottom: 0; } .socialContent a { color: #262626; font-weight: 300; } .socialContent ul li { font-size: 14px; line-height: 27px; } .blankPageInvoice { float: left; width: 100%; padding: 25px; border: 1px solid #e5e5e5; } /** MOBILE- RES **/ @media (max-width: 767px) { /* Content Grids */ .section .grid-container-2 { grid-template-columns: repeat(1, 1fr) !important; gap: 0px; } .section .grid-container-3 { grid-template-columns: repeat(1, 1fr) !important; gap: 0px; } .section .grid-container-4 { grid-template-columns: repeat(1, 1fr) !important; gap: 0px; } .section .grid-container-5 { grid-template-columns: repeat(1, 1fr) !important; gap: 0px; } .section .grid-container-6 { grid-template-columns: repeat(1, 1fr) !important; gap: 0px; } /** Company Page **/ .section.company.hero { margin-bottom: 75px; } .section.company { margin-bottom: 75px; } .section.company .contentTextHero .heroContainer { padding: 30px; } .section.company.hero .hero-image { padding-top: 190px; } .section.company .contentTextHero { padding: 10px; } .section.company.quote .quote { padding-right: inherit; } .section.company.quote p { padding-right: inherit; } .section.company .thePeople .headingSmallest { float: left; width: 100%; margin-bottom: 20px; } .section.company .contactContainer { padding: 0; } .container-fluid.showcaseContainer .grid-container-4 { grid-template-columns: repeat(2, 1fr) !important; gap: 4px; } .inline-spacing .headingLarge { padding-top: 0; padding-left: 0; } .inline-spacing p { float: left; padding-left: 0; } .section.company.inline-spacing img { margin-bottom: 35px; max-height: 250px; width: auto; border-radius: 6px; } .section.showcase .container-fluid.showcaseContainer { max-width: 100%; } .section .grid-container-4 > div:nth-child(2), .section .grid-container-4 > div:nth-child(4) { margin-top: 0; } /*Company - checklist*/ .section .grid-container-2 .grid-2-item .grid-2-icon { padding: 10px 20px 10px 0px; } /* Company - Logo's */ .grid-container-5.logos { grid-template-columns: repeat(2, 1fr) !important; margin-top: 25px; } .grid-container-5.logos .logo-item { padding: 25px; } /* Company - Employees */ .section.company .people { padding: 0; } .section.company .people .grayBackground .headingSmall { float: left; width: 100%; padding-top: 0; } /* Company - Contact */ .section.company.centered .max-w-60 { max-width: 100%; width: 100%; float: left; } .section.company.centered .max-w-70 { max-width: 100%; width: 100%; float: left; } .section.company .contactblock { padding: 30px; } .section.company .contactblock i { margin-bottom: 20px; } /* Inspiration */ .section.themes .noMobilePadding { padding: 0; overflow: hidden; } .section.themes .btn-small.btn.btn-white { width: 100%; } .section.themes .textBlockSmall p { padding: 0 0 20px 0; font-size: 15px; line-height: 25px; font-weight: 400; } .section.themes .textBlockMedium p { padding: 0 0 20px 0; font-size: 15px; line-height: 25px; font-weight: 400; } .section.themes .textBlockLarge p { padding: 0 0 20px 0; font-size: 15px; line-height: 25px; font-weight: 400; } .section.themes .textBlockLarge .headingMedium { float: left; width: 100%; } /* Hero */ .section.themes .contentTextHero { width: auto; padding: 40px; } .section.themes .contentTextHero .headingLarge { width: 100%; font-size: 34px; line-height: 45px; word-wrap: break-word; } .section.themes.hero .hero-image { background-size: cover; } .section.themes .contentTextHero p { width: 100%; max-width: 100%; font-size: 22px; line-height: 34px; } .section.company .contentTextHero .heroContainer ul.list-medium.small { width: 100%; } .section.company .contentTextHero .heroContainer ul.list-medium.large { width: 100%; } /* Overlays */ .section.themes .contentQuarter { width: 100%; } .section.themes .contentQuarter { width: 100%; } .section.themes .contentTextLarge { width: 100%; } .section.themes .contentText40 { width: 100%; } .section.themes .contentText20 { width: 100%; } .section.themes .contentTextHalf { width: 100%; } /* Actiepagina */ .section.content.pressContent div.largeHeading { width: 100%;} .section.content.pressContent .list-group-item p { padding: 0; } .section.content.pressContent .customContentSidebar { padding: 0 30px; } .section.content.pressContent .sidebar-head { width: 100%; } .section.content.pressContent .sidebar-content { width: 100%; } .section.content .content-checklist ul li { margin: 15px 0;} .section.content.pressContent .pressWell { padding: 15px; } .section.content.pressContent blockquote { padding: 30px 33px; height: auto; margin-top: 30px; } .section.content.pressContent .list-group-item { border-bottom: 1px solid #e5e5e5; border: 0; } .section.content.pressContent .list-group-item .checkIcons strong { font-size: 15px; line-height: 25px; margin: 0 0 15px 0; float: left; width: 100%; } .section.content.pressContent .list-group-item .checkIcons i { width: 100%; margin-bottom: 15px; } /* Druktechnieken */ .section.content.prints h2.noMarginTop { margin-top: 30px; } .section.content.prints img { margin-bottom: 30px; } .section.content.prints .extraNotePrint { width: 100%; left: 0; position: relative; } /* Blog */ .section.news .newsWrapper .imageWrap { height: auto} #articleName .headingLarge { padding-right: 0; } .section.blog .headingLarge { font-size: 29px; line-height: 32px; } .section.blog ul { width: 97%; } .section.blog .blog_half_image .textSide { padding-left: 15px; } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /* Overlays */ .section.themes .contentQuarter { width: 315px; } .section.themes .contentTextLarge { width: 660px; } .section.themes .contentText40 { width: 487px; } .section.themes .contentText20 { width: 315px; } .section.themes .contentTextHalf { width: 315px; } /* Content Grids */ .section .grid-container-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; float: left; width: 100%; } .section .grid-container-3 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; float: left; width: 100%; } .section .grid-container-4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; float: left; width: 100%; } .section .grid-container-5 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; float: left; width: 100%; } .section .grid-container-6 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; float: left; width: 100%; } /* Company page */ .section.company .contentTextHero { padding: 25px; } .section.company .contentTextHero .heroContainer ul.list-medium.small { width: 32%; } .section.company .contentTextHero .heroContainer ul.list-medium.large { width: 67%; } .section.company .contactContainer { gap: 15px; padding: 0 0px; } .section.company .grid-container-3.contactContainer { grid-template-columns: repeat(3, 1fr);} .section.company .contactblock { padding: 30px 15px; } .section.company .grid-container-5.logos { grid-template-columns: repeat(5, 1fr);} .section.showcase .container-fluid.showcaseContainer { max-width: 85%; } .section .grid-container-4 > div:nth-child(2), .section .grid-container-4 > div:nth-child(4) { margin-top: 0px; } .grid-container-5.logos .logo-item { padding: 20px; } /* Portfolio */ .section.content .portfolioDescriptionTxt { min-height: inherit; margin-bottom: 60px; } .section.content .serviceNeeded { padding: 90px 40px; } .section.content .thePeople { min-height: 410px; } .section.content.portfolio { padding: 0 30px 0 0; } /* Druktechnieken */ .section.content.prints .extraNotePrint { position: relative; margin: 0; left: 0; width: 100%; } .section.content.prints .well { background: transparent; border: 0; } /* Actiepagina */ .section.content.pressContent blockquote { height: auto; } .section.content.pressContent .pressImages { margin-bottom: 40px; } .section.content.pressContent .checklistBullets { margin-bottom: 40px; } .section.content.pressContent .checklistCampaign .btn.btn-primary { width: 75%; } .customContentSidebar { padding: 15px 30px; } .pressWell { padding: 30px 25px; } .section.content.pressContent blockquote:before { top:15px; } .section.content.pressContent blockquote { border-width: 0; padding: 60px 33px 0px 33px; } .section.content.pressContent div.largeHeading { width: 85%; } .section.content .content-checklist ul li { margin: 0; } /* Blog */ .section.news .newsWrapper .imageWrap { height: 390px; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /* Helpers */ .smallRes { display: none; } /* Overlays */ .section.themes .contentQuarter { width: 197px; } .section.themes .contentTextLarge { width: 425px; } .section.themes .contentText40 { width: 880px; } .section.themes .contentText20 { width: 349px; } .section.themes .contentTextHalf { width: 425px; } /* Company page */ .section.showcase .container-fluid.showcaseContainer { max-width: 85%; } .section.company .contactContainer { padding: 0 70px; } /* Portfolio */ .section.content .portfolioDescriptionTxt { min-height: 200px; } .section.content.prints .extraNotePrint { width: 81%;} /* Blog */ .section.news .newsWrapper .imageWrap { height: 350px; } }