Selecteer een pagina

/* ----------------------------------------- */ /* View slug: okkasie-view-v2-slider - start */ /* ----------------------------------------- */ .wpv-filter-form { margin-bottom: 42px; } .select-info { color: #fff; font-weight: bold; } .select { background: black; border: none; width: 300px; height: 34px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; color: #68BE28; font-weight: bold; } .wpv-submit-trigger { background: #000; border: none; height: 34px; padding-left: 21px; padding-right: 21px; } .wpv-submit-trigger:hover { background: #111; color: #68BE28; } .pagination { float: right; } .pagination > .active > span { background-color: #000; color: #68BE28; border:none; border-radius: 0px !important; padding: 11px 19px; font-weight: bold; } .pagination > .active > span:hover { background: #000; } .pagination > li > a { background-color: #2D2D2D; color: #fff; border:none; border-radius: 0px !important; padding: 11px 19px; font-weight: bold; } .pagination > li > a:hover { background: #000; color: #fff; } .slide-pijl { background: #000; padding: 7px; font-size: 21px; position: absolute; top:27%; } .slide-pijl-rechts { right: 0px; } .link-alle-2dehandsen { text-align:center; background: #000; padding: 5px 25px; color: #eff1f3; text-transform: uppercase; font-weight: 900; line-height: 40px; max-width: 300px; float: right; } .link-alle-2dehandsen:hover { background: #353535; } .detail { font-size:0.7em; } /* ----------------------------------------- */ /* View slug: okkasie-view-v2-slider - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: okkasie-view-v2-slider-mobile - start */ /* ----------------------------------------- */ .wpv-filter-form { margin-bottom: 42px; } .select-info { color: #fff; font-weight: bold; } .select { background: black; border: none; width: 300px; height: 34px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; color: #68BE28; font-weight: bold; } .wpv-submit-trigger { background: #000; border: none; height: 34px; padding-left: 21px; padding-right: 21px; } .wpv-submit-trigger:hover { background: #111; color: #68BE28; } .pagination { float: right; } .pagination > .active > span { background-color: #000; color: #68BE28; border:none; border-radius: 0px !important; padding: 11px 19px; font-weight: bold; } .pagination > .active > span:hover { background: #000; } .pagination > li > a { background-color: #2D2D2D; color: #fff; border:none; border-radius: 0px !important; padding: 11px 19px; font-weight: bold; } .pagination > li > a:hover { background: #000; color: #fff; } .slide-pijl { background: #000; padding: 7px; font-size: 21px; position: absolute; top:27%; } .slide-pijl-rechts { right: 0px; } .link-alle-2dehandsen { text-align:center; background: #000; padding: 5px 25px; color: #eff1f3; text-transform: uppercase; font-weight: 900; line-height: 40px; max-width: 300px; float: right; } .link-alle-2dehandsen:hover { background: #353535; } .detail { font-size:0.7em; } /* ----------------------------------------- */ /* View slug: okkasie-view-v2-slider-mobile - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhoudssjabloon: Loop item in Okkasie view v2 slider - start */ /* ----------------------------------------- */ .okkasie-container { margin-bottom: 30px; position: relative; } .okkasie-afbeeldingen { position: relative; } .okkasie-eerste-afbeelding img { z-index: 4; } .okkasie-eerste-afbeelding img:hover { opacity: 0; -webkit-transition: ease opacity .2s; transition: ease opacity .2s; } .okkasie-bijkomende-afbeelding img { position: absolute; left: 0; right: 0; top: 0; z-index: -1; } .okkasie-intro { background: #000; border-top: 4px solid #68be28; padding: 25px; } .okkasie-titel { color: #fff; font-size: 21px; font-weight: 700; line-height: 28px; } .okkasie-type { font-weight: 400; } .okkasie-prijs { color: #fff; font-size: 21px; font-weight: 900; font-style: italic; } .okkassie-details { margin-top: 34px; } .okkasie-detail { background: #1a1a1a; color: #fff; padding: 4px 10px; border-bottom: 2px solid #68be28; margin-top: 7px; } .detail-value { float: right; } .okkasie-intro-tekst { position: relative; color: #fff; margin-top: 34px; margin-bottom: 70px; overflow: hidden; } .okkasie-intro-tekst p { max-height: 46px; } .okkasie-intro-tekst:after { content: ""; pointer-events: none; position: absolute; bottom: 0; right: 0; width: 100%; -webkit-box-shadow: inset -350px 0 200px -200px #000; box-shadow: inset -350px 0 200px -200px #000; text-align: right; height: 24px; } .lees-meer { position: absolute; right: 40px; bottom: 0px; padding: 5px 25px; color: #eff1f3; text-transform: uppercase; font-weight: 900; line-height: 40px; margin-bottom: 25px; } .lees-meer:hover { background: #353535; } .underline.underline::after { content: ""; height: 2px; width: 50px; background: #68be28; position: relative; margin: 0 auto; display: block; } /* ----------------------------------------- */ /* Inhoudssjabloon: Loop item in Okkasie view v2 slider - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhoudssjabloon: Loop item in Okkasie view v2 slider mobile - start */ /* ----------------------------------------- */ .okkasie-container { margin-bottom: 30px; position: relative; } .okkasie-afbeeldingen { position: relative; } .okkasie-eerste-afbeelding img { z-index: 4; } .okkasie-eerste-afbeelding img:hover { opacity: 0; -webkit-transition: ease opacity .2s; transition: ease opacity .2s; } .okkasie-bijkomende-afbeelding img { position: absolute; left: 0; right: 0; top: 0; z-index: -1; } .okkasie-intro { background: #000; border-top: 4px solid #68be28; padding: 25px; } .okkasie-titel { color: #fff; font-size: 21px; font-weight: 700; line-height: 28px; } .okkasie-type { font-weight: 400; } .okkasie-prijs { color: #fff; font-size: 21px; font-weight: 900; font-style: italic; } .okkassie-details { margin-top: 34px; } .okkasie-detail { background: #1a1a1a; color: #fff; padding: 4px 10px; border-bottom: 2px solid #68be28; margin-top: 7px; } .detail-value { float: right; } .okkasie-intro-tekst { position: relative; color: #fff; margin-top: 34px; margin-bottom: 70px; overflow: hidden; } .okkasie-intro-tekst p { max-height: 46px; } .okkasie-intro-tekst:after { content: ""; pointer-events: none; position: absolute; bottom: 0; right: 0; width: 100%; -webkit-box-shadow: inset -350px 0 200px -200px #000; box-shadow: inset -350px 0 200px -200px #000; text-align: right; height: 24px; } .lees-meer { position: absolute; right: 40px; bottom: 0px; padding: 5px 25px; color: #eff1f3; text-transform: uppercase; font-weight: 900; line-height: 40px; margin-bottom: 25px; } .lees-meer:hover { background: #353535; } .underline.underline::after { content: ""; height: 2px; width: 50px; background: #68be28; position: relative; margin: 0 auto; display: block; } /* ----------------------------------------- */ /* Inhoudssjabloon: Loop item in Okkasie view v2 slider mobile - einde */ /* ----------------------------------------- */