/*
Theme Name: Webdesign Rene Veugen
Description: Subthema van Uncode
Author: Webdesign Rene Veugen
Author URI: https://reneveugen.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

.liggende-carrousel2 {
    min-height: inherit !important;
}

.full-carousel.inverted {
    margin: 0px 60px !important;
}

b, strong {
    font-weight: 700;
}

.slogan-header a {
    text-decoration: underline;
}

.slogan-header a:hover, .slogan-header a:focus {
    color: #fff !important;
}

.animate-title {
  background-image: linear-gradient(-225deg,#1b1d1c 0%,#797979 29%,#1b1d1c 67%,#797979 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.post-content .uncode_text_column a,
.post-body .uncode_text_column a {
    text-decoration: underline;
}

.woning .post-content p, .woning .post-content li {
    font-size: 18px;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-169.menu-btn-container.btn {
    color: #ffffff !important;
    background-color: #55bb71 !important;
    border-color: #55bb71 !important;
    border-radius: 10px;
    padding: 10px 20px !important;
    letter-spacing: 0 !important;
}

.box-shadow img {
    -webkit-box-shadow: 3px 3px 10px #1b1d1c33;
    box-shadow: 3px 3px 10px #1b1d1c33;
}

span.account-icon-container {
    border-radius: 100%;
    color: #ffffff;
    background: #55bb71 !important;
    cursor: pointer;
    width: 42px;
    height: 42px;
    vertical-align: middle;
    text-align: center !important;
}

.mobile-additional-icon i {
    font-size: 22px !important;
    line-height: 44px !important;
}

.kh-video .uncell {
    height: 100vh;
}

.home .kh-video .uncont {
    padding-top: 0px !important;
}

.home h1 {
    text-transform: uppercase;
}

.home .kh-video .text-lead {
    margin-top: 0px !important;
}

.read-more {
    font-size: 22px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
}

.read-more:hover, .read-more:focus {
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.large-button {
    color: #1b1d1c !important;
    width: 100%;
    padding: 16px 26px !important;
    border-radius: 10px;
    text-align: left;
    letter-spacing: 0px !important;
    -webkit-box-shadow: 3px 3px 10px #1B1D1C33; 
    box-shadow: 3px 3px 10px #1B1D1C33;
}

.btn-color-127535.btn-flat:not(.btn-hover-nobg):hover, .btn-color-127535.btn-flat:not(.btn-hover-nobg):focus {
    background-color: #fff5ec !important;
    border-color: #fff5ec !important;
}

.large-button i.fa.fa-long-arrow-right, .large-button i.fa.fa-long-arrow-down {
    float: right;
    line-height: 1.2em;
    transition-duration: 0.5s;
}

.large-button:hover i.fa.fa-long-arrow-right {
    transform: translateX(3px);
    transition-duration: 0.5s;
}

.whitebeige {
    background: linear-gradient(to bottom, white 0%,white 50%,#000000 50%,#fff5ec 50%,#fff5ec 100%);
}

.usps.icon-box.icon-box-left {
    margin-top: 0px !important;
}

 .icon-box-left.usps .icon-box-icon {
    vertical-align: middle;
    width: 10px !important;
}

.usps p {
    font-size: 18px;
}

.usps .icon-box-heading > * {
    line-height: 1.75em;
}

#bereikbaar, .geopend {
    color: #55bb71;
    font-weight: 700;
    line-height: 1.75;
}

.socials .socialicons i {
    font-size: 1.5em !important;
    text-align: right;
}

.cta-buttons.btn {
    padding: 10px 20px !important;
    border-radius: 10px;
    letter-spacing: 0 !important;
}

.kenneth-block .btn-container.btn-inline {
    display: none;
}

.kenneth-block .btn-container.btn-inline.hidden-cta {
    display: inline-block;
    padding-left: 0px;
    padding-right: 6px;
}

.woningaanbod-h2 h2 {
    margin: 0px !important;
}

.woningaanbod .t-entry-meta {
    margin-top: -20px !important;
}

.woningaanbod .t-entry-text-tc.no-block-padding {
    padding: 0 36px 16px 36px;
}

.woningaanbod .t-inside.style-color-127535-bg {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 10px #1B1D1C33; 
    box-shadow: 3px 3px 10px #1B1D1C33;
}

.woningaanbod .t-entry-text {
    z-index: 1;
}

.woningaanbod .tmb a.tmb-term-evidence {
    font-size: 16px !important;
    border-radius: 10px;
    font-weight: 700;
    padding: 5px 15px;
}

.woningaanbod h3 {
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-top:16px !important;
}

.woningaanbod h3::after {
    display: none;
}

.woningaanbod p.t-entry-meta {
    pointer-events: none;
}

.aangehuurd,
.aangekocht,
.onder-bod,
.verhuurd,
.verkocht,
.verkocht-ov {
    background: #ea1821 !important;
}

.nieuw,
.open-huis,
.te-huur,
.te-koop {
    background: #55bb71 !important;   
}

.t-entry-cf-detail-126279,
.t-entry-cf-detail-841873 {
    font-size: 18px !important;
}

.t-entry-cf-detail-841873 {
    color: #B2B2B2;
}

.ervaringen-blok .t-entry-visual {
    border-radius: 10px;
}

.ervaringen-blok .t-overlay-text.half-block-padding {
    background: linear-gradient(0deg,#1B1D1C,rgb(0 0 0 / 0%));
}

.ervaringen-blok h3 {
    font-weight: 700 !important;
}

.ervaringen-blok h3.t-entry-title.h3::after {
    content: "\f178";
    font-family: "uncodeicon";
    margin-left: 10px;
    font-size: 19px;
}

.row-in-grid {
    padding: 36px 0;
}

.row-in-grid img,
.border-radius .background-inner {
    border-radius: 10px !important;
}

.introblock .large-button {
    padding: 10px 16px !important;
}

.btn-color-122849,
.btn-color-110900 {
    color: white !important;
}

.hoehetwerkt .panel.panel-default.wpb_accordion_section.group,
.hoehetwerkt .panel-body.wpb_accordion_content.ui-accordion-content.half-internal-gutter.single-block-padding,
.hoehetwerkt .panel-group .panel-heading + .panel-collapse:before {
    border: none !important;
}

.hoehetwerkt .panel.panel-default.wpb_accordion_section.group {
    margin-bottom: 6px;
}

.panel.panel-default.wpb_accordion_section.group:last-child {
    margin-bottom: 0px;
}

.hoehetwerkt .panel.panel-default.wpb_accordion_section.group .panel-heading {
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 10px #1b1d1c33;
    box-shadow: 3px 3px 10px #1b1d1c33;
    background: #fff5ec;
    text-align: left;
    padding: 0 30px;
    margin: 10px;
}

.hoehetwerkt.veelgesteldevragen .panel.panel-default.wpb_accordion_section.group .panel-heading {
    background: #efefef;
}

.hoehetwerkt.uncode-accordion .panel-title span {
    font-size: 20px !important;
    letter-spacing: 0px !important;
}

.hoehetwerkt .panel-title > a > span:after {
    right: 0;
    font-weight: 900;
}

.hoehetwerkt .panel-body.wpb_accordion_content {
    padding: 20px 36px 30px 36px;
    text-align: left;
}

.hoehetwerkt .panel-body.wpb_accordion_content p {
    font-size: 18px !important;
}

.hoehetwerkt .panel-title > a {
    padding: 12px 0px 12px 0px !important;
}

.panel-heading.wpb_accordion_header.ui-accordion-header:has(.active) { 
    background: #1b1d1c !important; 
}

.panel-title.active > a,
.panel-title.active > a span:after {
    color: #ffffff !important;
}

.woning .detail-container .detail-label {
    min-width: 220px;
}

.woning .detail-126279 {
    display: none;
}

.woning .uncode-info-box {
    display: inline-block;
}

.woning .uncode-wrapper.uncode-custom-fields.price-woning {
    display: inline-block;
    padding: 1px 10px;
    background: black;
    border-radius: 10px;
    color: #fff;
    margin-left: 10px;
}

.woning .uncode-wrapper.uncode-custom-fields.price-woning span.detail-value {
    font-size: 16px !important;
}

.woning .uncode-custom-fields {
    margin-top: 16px !important;
}

.woning .meerfotos {
    position: relative;
    z-index: 3;
}

.woning .owl-prev {
    margin-left: 0px !important;
}

.woning .owl-next {
    margin-right: 0px !important;
}

.woning .owl-prev, .woning .owl-next, .woning .owl-dots {
    opacity: 1;
}

.woning .owl-loaded .owl-prev, .woning .owl-loaded .owl-next, .woning .owl-loaded .owl-dots {
    animation-name: none;
}

.woning span.category-info {
    pointer-events: none;
    font-size: 16px !important;
    border-radius: 10px;
    font-weight: 700;
    padding: 5px 15px;
    text-transform: uppercase;
    background: #1b1d1c;
    color: #fff !important;
}

.woning span.category-info a {
    color: #fff !important;
}

.woning-icons {
    padding-left: 0px !important;
    margin-top: 0px !important;
}

.woning-icons .icon-box-content {
    padding-left: 6px !important;
    vertical-align: middle;
}

.woning-icons .icon-box-icon.fa-container {
    width: 30px !important;
}

.woning-icons.icon-box-left .icon-box-icon {
    vertical-align: bottom !important;
}

.woning-icons p {
    text-decoration: underline;
    font-size: 16px !important;
}

.woning-icons img {
    border-radius: 0px !important;
}

.kruimelpad p {
    font-size: 16px !important;
    display: inline;
}

.kruimelpad::before {
    content: '<<';
    display: inline-block;
    padding-right: 10px;
}

.kenneth-block form {
    max-width: 100%;
    width: 100%;
}

.kenneth-block input, .kenneth-block select, .kenneth-block textarea {
    max-width: 100%;
    width: 100%;
    font-size:16px !important;
}

.kenneth-block textarea {
    height:140px;
}

.kenneth-block input.wpcf7-form-control.has-spinner.wpcf7-submit {
    color: #ffffff !important;
    background-color: #55bb71 !important;
    border-color: #55bb71 !important;
    padding: 10px 20px !important;
    border-radius: 10px;
    letter-spacing: 0 !important;
    font-size: 18px !important;
    width: auto;
}

.wpcf7 span.wpcf7-not-valid-tip {
    color: #ea1821 !important;
}

.wpcf7-response-output {
    display: none;
}

button.forminator-button.forminator-button-submit {
    color: #ffffff !important;
    background-color: #55bb71 !important;
    border-color: #55bb71 !important;
    padding: 10px 20px !important;
    border-radius: 10px;
    letter-spacing: 0 !important;
    font-size: 18px !important;
    width: auto;
    font-weight: 700 !important;
    border-radius: 10px !important;
}

.maastricht-heuvelland .introblock p {
    font-size: 18px;
}

.insta-gallery-list .insta-gallery-item img {
    border-radius: 10px;
}

.insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap {
    background: none !important;
}

.pum-theme-461 .pum-content, .pum-theme-lightbox .pum-content {
    font-weight: 400;
}

.pum-theme-461 .pum-container, .pum-theme-lightbox .pum-container {
    padding: 18px;
    border-radius: 10px;
    border: 8px solid #1b1d1c;
    background-color: #fff5ec;
}

footer li {
    font-size: 16px;
    color: #B2B2B2;
}

footer a {
    color: #B2B2B2 !important;
    text-decoration: underline;
}

footer .icon-box.footer-cta  {
    display: block;
    height: 36px;
}

footer .footer-cta .icon-box-content p {
    margin: 0px;
}

footer .footer-cta.icon-box.icon-box-left.icon-box-space-reduced:nth-child(1) {
    margin-top:16px !important;
}

footer .footer-cta.icon-box.icon-box-left.icon-box-space-reduced {
    margin-top: 0px !important;
}

footer .footer-cta.icon-box-left .icon-box-content {
    vertical-align: middle !important;
}

footer .footer-cta a {
    color: #55bb71 !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 18px;
}

footer .animatie-footer {
    max-width: 460px;
    width: 100%;
}

@media screen and (min-width: 820px) {
.single-post #page-header {
    display: none !important;
}

}

@media screen and (min-width: 959px) {
.home .logo-image.main-logo.logo-skinnable:not(.home .is_stuck .logo-image.main-logo.logo-skinnable) {
    height: 120px !important;
}

.menu-smart > li > a {
    padding: 0px 34px 0px 34px;
}

.menu-smart li.menu-item-link:not(.is_stuck .menu-smart li.menu-item-link),
.menu-smart li.menu-item-button:not(.is_stuck .menu-smart li.menu-item-button) {
    height: 120px !important;
    vertical-align: top;
}

.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
    width: 225px !important;
}

.nav.navbar-nav.navbar-nav-last {
    display: none !important;
}

.home h1 {
    font-size: 76px;
}

.column-border .col-custom-width {
    border:none !important;
} 

.kenneth-block .col-lg-6 .uncell.double-block-padding {
    border-radius: 10px 0 0 10px;
    padding: 92px 36px;
}

.kenneth-block .col-lg-6 .uncell.single-block-padding {
    border-radius: 0 10px 10px 0;
}

.kenneth-switch .col-lg-6 .uncell.single-block-padding {
    border-radius: 10px 0 0 10px;
}

.kenneth-switch .col-lg-6 .uncell.double-block-padding {
    border-radius: 0 10px 10px 0;
}

.kenneth-block p {
    font-size: 18px;
}

#bereikbaar {
    font-size: 18px;
}

.footer-ervaringen .uncell {
    border-radius: 10px;
    padding: 104px 54px;
}

.reviews {
    width: 800px;
    margin: 0 auto;
}

#sb_instagram, #sb_instagram.sbi_width_resp {
  width: calc(100% + 20px) !important;
  margin: 0 0 0 -10px !important;
}

.introblock .row-inner:not(.introblock .row-in-grid .row-inner)::after {
    background: #fff;
    content: '';
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    width: 140px;
    z-index: 1;
}

.introblock .uncell.single-block-padding {
    padding: 36px 14px 36px 36px;
}

.introblock .wpb_column.pos-middle.pos-center.align_left.column_child.col-lg-6.single-internal-gutter:first-child {
    padding-left: 106px;
}

.row-in-grid img,
.row-in-grid .owl-carousel-wrapper {
    z-index: 2 !important;
}

.neighbourhoods {
    display: inline-block;
    width: 250px;
}

.maastricht-heuvelland .introblock p {
    font-size: 16px;
}

.woning .post-content.un-no-sidebar-layout  {
    padding-top: 158px;
}

footer li {
    display: inline-block;
    padding-right: 36px;
}

footer li:last-child {
    padding-right: 0px;
}
}

@media only screen and (max-width: 1499px) and (min-width: 959px) {
.woning .post-content.un-no-sidebar-layout {
    padding-top: 120px;
}
}

@media screen and (min-width: 1200px) {
.kenneth-block .col-lg-6 .uncell.double-block-padding {
    padding: 92px 66px;
}
}

@media screen and (min-width: 1400px) {
.neighbourhoods {
    width: 280px;
}

.maastricht-heuvelland .introblock p {
    font-size: 18px;
}

.footer-ervaringen .uncell {
    padding: 104px 134px;
}
}

@media screen and (min-width: 1630px) {
.neighbourhoods {
    width: 320px;
}

.kenneth-block .col-lg-6 .uncell.double-block-padding {
    padding: 92px 126px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 959px) {
.menu-container:not(.isotope-filters) ul.menu-smart > li > a:not(.social-menu-link), .menu-container:not(.vmenu-container):not(.isotope-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn) {
    font-size: 16px;
}

.menu-smart > li > a {
    padding: 0px 14px 0px 24px;
}
}

@media screen and (max-width: 1280px) {
.neighbourhoods {
    display: inline-block;
    width: 50%;
}

.maastricht-heuvelland .introblock p {
    font-size: 16px;
}
}

@media screen and (max-width: 959px) {
body, p, li, dt, dd, dl, address, label, pre, code {
    font-size: 16px;
}

h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
    font-size: 40px;
}

.btn, .btn-link {
    font-size: 18px;
}

.menu-smart:not(.top-menu-enhanced-child) a {
    text-transform: inherit;
}

.read-more {
    font-size: 20px;
}

.text-lead, .text-lead > * {
    font-size: 20px;
}

.menu-smart > li > a > div > div > div.btn {
    font-size: 20px;
}

.homebuttons .col-lg-4,
.homebuttons-row2 .col-lg-4 {
    padding-top: 16px !important;
}

.homebuttons .row.no-top-padding.single-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-bottom: 0px;
}

.kh-video .uncell {
    height: 70vh;
}

.kenneth-block .row {
    padding: 0 !important;
}

.kenneth-block.liever-bellen .row {
    padding: 62px 36px !important;
}

.icon-box-left.usps .icon-box-icon {
    vertical-align: top;
    line-height: 38px;
}

.kenneth-block .double-block-padding {
    padding: 72px 36px 72px 36px;
}

.usps p {
    font-size: 16px;
}

.hoehetwerkt .panel.panel-default.wpb_accordion_section.group .panel-heading {
    padding: 0 16px;
}

.hoehetwerkt.uncode-accordion .panel-title span {
    font-size: 18px !important;
}

.hoehetwerkt .panel-body.wpb_accordion_content p {
    font-size: 16px !important;
}

.hoehetwerkt .panel-body.wpb_accordion_content {
    padding: 20px 24px 30px 24px;
}

p.panel-title span {
    width: 90% !important;
    display: block;
}

.introblock .row.single-h-padding.limit-width.row-parent {
    padding: 0px 0px 36px 0px;
}

.maastricht-heuvelland .introblock .row.single-h-padding.limit-width.row-parent,
.verkoopstrategie .introblock .row.single-h-padding.limit-width.row-parent {
    padding: 0px 0px 0px 0px;
}

.woning .introblock .row.single-top-padding.quad-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.woning h1 {
    font-size: 30px;
}

.kaart-top {
    margin-top: 66px !important;
}

.footer-ervaringen .single-h-padding.limit-width.row-parent {
    padding-left: 0px;
    padding-right: 0px;
}

.footer-ervaringen .single-block-padding {
    padding: 72px 36px 72px 36px;
}

.socials .align_right .uncont,
.socials .align_left .uncont {
    text-align: center !important;
}

.socials .socialicons i {
    text-align: left;
}

.reviews .col-lg-3,
.partnerlogos .col-lg-3 {
    width: 50%;
    display: inline-block;
    padding-top: 0px !important;
}

.reviews .col-lg-3:nth-child(3), .reviews .col-lg-3:nth-child(4),
.partnerlogos .col-lg-3:nth-child(3), .partnerlogos .col-lg-3:nth-child(4) {
    width: 50%;
    display: inline-block;
    padding-top: 20px !important;
}

.reviews .col-lg-3 img,
.partnerlogos .col-lg-3 img {
    width: 75%;
    text-align:center;
    margin: 0 auto;
    max-width: 120px;
}

.partnerlogos .col-lg-3 img {
    margin: inherit;
}

.border-radius .wpb_row.row-inner {
    height: auto !important;
}

.contact .quad-top-padding {
    padding-bottom: 36px !important;
}

.footer-divider .row {
    padding: 0px !important;
}

.footer-divider hr {
    margin: 0px;
}
}

@media screen and (max-width: 640px) {
.maastricht-heuvelland .introblock p {
    font-size: 14px;
}
}

@media only screen and (max-width: 569px) and (min-width: 370px) {
.cta-btn-wrapper .btn-container.btn-inline:last-child {
    padding-left:5px !important;
}

.cta-btn-wrapper .btn-container.btn-inline.hidden-cta:last-child {
    padding-left: 0px !important;
}

.cta-buttons.btn-sm {
    font-size: 14px !important;
}

.cta-buttons.btn-sm.hidden-cta {
    font-size: 18px !important;
}
}

@media screen and (max-width: 520px) {
.neighbourhoods {
    display: block;
    width: 100%;
}

.maastricht-heuvelland .introblock p {
    font-size: 16px;
}
}

/*@media screen and (max-width: 481px) {
.insta-gallery-item:last-child {
    display: none !important;
}
}
*/

@media screen and (max-width: 460px) {
.woning .detail-container .detail-label {
    min-width: inherit;
    width: 100%;
    display: block;
}

.woning .introblock .uncode-custom-fields .detail-container .detail-value {
    width: 100%;
    display: block;
    padding: 0px;
    margin-bottom: 16px;
}
}

@media screen and (max-width: 350px) {
.woning .uncode-info-box,
.woning span.category-info {
    display: block;
}

.woning .uncode-wrapper.uncode-custom-fields.price-woning {
    margin-left: 0px;
    display: block;
}
}

/* readmore/read less woningen */
.read-more-text {
    max-height: 250px;
    position: relative;
    overflow: hidden;
}

.read-more-text .read-more-button,
.read-more-text .read-less-button { 
    position: absolute; 
    bottom: 0; 
    left: 0;
    width: 100%; 
    text-align: left; 
    margin: 0; 
    padding: 30px 0; 
    font-weight: 700;
}

/* "transparent" only works here because == rgba(0,0,0,0) */
  /*background-image: linear-gradient(to bottom, transparent, black);*/	
.read-more-text .read-more-button {
    background-image: linear-gradient(to bottom , #ffffff47, #ffffff, #ffffff);
}

.read-more-text .read-less-button { 
    position: relative;
    padding: 30px 0 0 0; 
}

.read-more-text .read-more-button::before,
.read-more-text .read-less-button::before {
    display: inline-block;
    content: "\e616";
    font-family: auto;
    font-family: "uncodeicon";
    padding-right: 5px;
    color: #ea1821;
}

.read-more-text .read-less-button::before {
    content: "\e615";
}