/** CONTENT **/ .section.content { margin-top: 30px; } /* Typography */ /** Company page **/ /** FAQ Page **/ .section.customerService .people { margin-bottom: 30px; } .section.customerService .thePeople { margin-bottom: 50px; } .section.customerService .thePeople img { max-width: 100%; border-radius: 4px; margin-bottom: 15px; border-radius: 9px; } .section.customerService .thePeople p { font-size: 13px; line-height: 27px; font-weight: 400; color: #444444; min-height: 190px; } .section.customerService .emplTitle { font-size: 13px; line-height: 28px; color: #444444; margin-top: -6px; float: left; width: 100%; margin-bottom: 20px; } .content.faq .panel-default>.panel-heading .panel-title >a { color: #222222; font-size: 14px; } .content.faq .headingSmallest.panel-heading { padding-left: 0; } .content.faq h2 { text-transform: none; } .content.faq h2 span { border: 0; } /* Fix voor overflow in footer */ /* JQUERY - Remove product */ .ui-dialog .ui-dialog-buttonpane button { color: white!important; background: #222; } .ui-dialog .ui-dialog-buttonpane button:hover { background: #000!important; transition: 0.2s } .ui-widget-header { color: #333!important; font-weight: 500; } .ui-button-text-only .ui-button-text { line-height: 31px!important; font-size: 13px!important; font-weight: 500!important; } /** News **/ .section.news { margin-top: 40px; } .section.news .newsWrapper { height: auto; margin-bottom: 60px; } .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: 220px; overflow: hidden; border-radius: 5px; margin-bottom: 15px; } .section.news .newsWrapper .btn.btn-small.btn-default { margin-bottom: 30px; } .section.news .newsPager { float: left; width: 100%; margin-top: 35px; } #articleOverview { display: none; } /* 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 */ .portfolioWidget { height: 450px; } .portfolioWidget p { font-size: 13px; font-style: italic; font-weight: 300; color: #777777; margin: 0; float: left;} .portfolioWidget p.client { height: 30px; color: black; font-weight: bold; margin-top: 5px; } .portfolioWidget img { max-width: 100%; padding: 10px; } .portfolioWidget h2 { font-size: 17px; text-transform: uppercase; font-weight: bold; margin-bottom: 0px; margin-top: 20px; } /* BedrukteBallen */ .termsConditions h2 { margin: 45px 0 30px 0; } .termsConditions ul.list-light { margin-bottom: 0; padding-left: 20px; line-height: 27px; font-weight: 300; margin-bottom: 10px; } .column1-border { border: 1px solid #e7e7e7; border-radius: 5px; width: 100%; margin-bottom: 60px; float: left; } .column1-border ul:first-of-type { border-left: 0; } .column1-border ul { width: 50%; float: left; border-left: 1px solid #e7e7e7; padding: 0; margin: 0; } .column1-border ul li { border-top: 1px solid #e7e7e7; padding-left: 15px; line-height: 40px!important; padding-left: 20px!important; list-style: none; margin: 0; } .column1-border ul li:first-of-type { border-top: 0; } .column1-border .head { background: #f3f3f3; color: #222!important; font-weight: 600!important; } .column2 { margin-top: 15px; } .column2 .keyblock { background: #e8e8e8; border: 1px solid #e7e7e7; color: #222; border-radius: 5px; height: 45px; width: 45px; float: left; text-align: center; line-height: 43px; font-size: 15px; margin-top: -5px; } .column2 .leftSide { left: -15px; } .column2 p { float: right; width: 83%; position: relative; margin-top: -10px; } .column2 p strong { text-transform: uppercase; } .column5-border { border: 0px; border-radius: 5px; width: 100%; margin-bottom: 45px; float: left; } .column5:first-of-type { margin-left: 0; border-left: 0px solid #e7e7e7; } .column5 { float: left; margin-left: 0; width: 20%; border-right: 0px solid #e7e7e7; padding: 0; } .column5 #rating { width: 100%; float: left; margin-top: 20px; margin-bottom: 10px; margin-left: 10px; } .column5 #rating i, .column5 #rating em { color: #ffc92d; margin-right: 1px; float: left; font-size: 18px; } .column5 img { width: 117px; margin-left: auto; margin-left: 7px; } .column5 ul { margin-bottom: 0; margin-top: 10px; width: 100%; } .column5 ul li { font-size: 13px!important; line-height: 25px; font-weight: 300; margin-left: -30px; list-style: none } .column5 ul li.lastItem { padding-top: 20px;} .column5-border .btn-primary { margin-top:15px; } .section.contentpage .designOptions { width: 65%; border: 0px solid #e7e7e7; padding: 0; } .section.contentpage .designOptions p { margin-bottom: 30px;} .section.contentpage .designOptions.img { width: 33%; padding-top: 10px; } .section.contentpage .levertijden { width: 810px; margin-bottom: 60px; float: left; padding: 0px; } .section.contentpage .levertijden img { width: 100px; border-radius: 5px; float: left; margin-top: 4px; } .section.contentpage .levertijden .typeTransport { float: left; width: 50%; } .section.contentpage .levertijden .typeTransport p { width: 73%; float: right; padding-left: 20px} /** MOBILE- RES **/ @media (max-width: 767px) { /* Bedrukte Ballen */ .introImage { display: none; } .column1-border { width: 100%;} .column1-border ul { width: 100%;} .column2 .keyblock { display: none; } .column2 .leftSide { left: 0; margin-top: 30px; } .column2 { float: left; margin-top: -10px; } .column2 p { float: left; width: 100%; left: -15px; } .column5-border { width: 100%;} .column5 { width: 100%; } .column5 ul { margin-bottom: 40px; width: 100%; float: left; margin-left: -40px; margin-top: 11px; margin-left: -8px; } .column5 #rating { margin-left: auto; margin-right: auto; display: block; float: none; width: 108px; } .column5 img { float: none; margin-left: auto; margin-right: auto; max-width: 100%; display: block} .column5 { border: 0; } .column5:first-of-type { border: 0; } .section.contentpage ul li { text-align: center; } .section.contentpage .levertijden { width: 100%; } .section.contentpage .levertijden img { display: none} .section.contentpage .levertijden .typeTransport { width: 100%; } .section.contentpage .levertijden .typeTransport p { width: 100%; padding-left: 0; padding-bottom: 25px } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /* Bedrukte Ballen */ .introImage { display: none; } .column1-border { width: 100%;} .column1-border ul { width: 100%;} .column2 .keyblock { display: none; } .column2 .leftSide { left: 0; margin-top: 30px; } .column2 { float: left; margin-top: -10px; } .column2 p { float: left; width: 100%; left: -15px; } .column5-border { width: 100%;} .column5 { width: 100%; } .column5 ul { margin-bottom: 40px; width: 186px; float: left; margin-left: 10px; margin-top: 0; } .column5 #rating { margin-left: auto; margin-right: auto; display: block; width: auto; float: right; } .column5 img { float: left; margin-left: auto; margin-right: auto; max-width: 100%;} .column5 { border: 0; } .column5:first-of-type { border: 0; } .section.contentpage .levertijden { width: 100%;} .section.contentpage .levertijden .typeTransport p { width: 100%; padding-left: 0; padding-right: 10px; margin-top: 15px;} } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /* Helpers */ .smallRes { display: none; } /* Bedrukte Ballen */ .column5-border { width: 100%; padding: 0; } .column5:first-of-type { border: 0; float: left; width: 100%; border-top: 0; padding: 14px; margin: 0 } .column5 { border: 0; float: left; width: 100%; border-top: 1px solid #e7e7e7; padding: 16px; margin: 0 } .column5 #rating { width: auto; float: right; width: 50px; } .column5 #rating i { margin-right: 3px; } .column5 img { float: left; margin-right: 60px; } .column5 ul { float: left; margin: 0; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 303px; } .column5 ul li { line-height: 20px!important; } .column2 .keyblock { width: 36px; height: 36px; line-height: 33px; font-size: 11px } .column2 p { width: 100%; margin-top: -20px; } .column2 strong { padding-left: 50px; } .introImage { margin-top: -44px; max-width: 39%!important;} .section.contentpage .levertijden { width: 100%;} .column1-border { width: 100%;} .section.contentpage .levertijden .typeTransport { width: 100%; margin-bottom: 30px; } }