/*
Theme Name: Hofmans Leert
Description: Child theme for Hofmans Leert
Author: Asyouwere
Author URI: https://www.asyouwere.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Fonts */
@font-face {
    font-family: 'Arete';
    src: url('fonts/Arete/Arete-Mono.eot');
    src: url('fonts/Arete/Arete-Mono.eot?#iefix') format('embedded-opentype'),
        url('fonts/Arete/Arete-Mono.woff2') format('woff2'),
        url('fonts/Arete/Arete-Mono.woff') format('woff'),
        url('fonts/Arete/Arete-Mono.ttf') format('truetype');
    font-weight: normal;
    font-style: normsal;
}
@font-face {
    font-family: 'Tex Gyre Heros';
    src: url('fonts/TexGyreHeros/texgyreheros-regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Tex Gyre Heros';
    src: url('fonts/TexGyreHeros/texgyreheros-bold.otf') format("opentype");
    font-weight: 900;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.privacy-policy h3 {
    color: #f09114;
}

p, li {
    color: #535353;
    line-height: 1.6;
}
p a {
    color: #535353;
    line-height: 1.6;
    text-decoration: underline;
}
.footer p, .footer p a {
    color: #fff;
    font-size: 14px;
}
::-moz-selection { /* Code for Firefox */
  background: #f09114;
}

::selection {
  background: #f09114;
}

/* Page background */

@media (min-width: 600px) {
body {
    background-image: url(img/Hofmans-Leert-Background.svg);
    background-size: 85vw;
    background-repeat: no-repeat;
    background-position-y: -40vw;
    background-position-x: -25vw;
    background-attachment: scroll;
    }
.box-wrapper {
    background-image: url(img/Hofmans-Leert-Background.svg);
    background-size: 100vw;
    background-repeat: no-repeat;
    background-position: bottom -60vw right -50vw;
    background-attachment: scroll;
    }
.page-id-114 .box-wrapper {
    background-image: unset;
    }
}
@media (max-width: 599px) {
body {
    background-image: url(img/Hofmans-Leert-Background.svg);
    background-size: 190vw;
    background-repeat: no-repeat;
    background-position-y: -50vw;
    background-position-x: -110vw;
    background-attachment: scroll;
    }
.box-wrapper {
    background-image: url(img/Hofmans-Leert-Background.svg);
    background-size: 190vw;
    background-repeat: no-repeat;
    background-position: bottom -120vw right -90vw;
    background-attachment: scroll;
    }
.page-id-114 .box-wrapper {
    background-image: unset;
    }
}
@media (max-width: 959px) {
.image-row {
    background-image: url(img/Hofmans-Leert-Background.png);
    background-size: 295vw;
    background-repeat: no-repeat;
    background-position: center right -220vw;
    background-attachment: scroll;
    }
}


/* Desktop Menu */
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-link a {
    font-size: 16px!important;
    font-weight: 400!important;
    color: #535353;
    }
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-link a:hover {
    color: #f09114;
    }
.menu-light .menu-smart > li.active > a, .menu-light .menu-smart > li a.active, .menu-light .menu-smart > li.current-menu-ancestor > a, .menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    text-decoration: underline;
    color:  #f09114;
    }


/* Mobiel Menu */
@media (max-width: 959px) {
.menu-wrapper .row-menu .row-menu-inner, .menu-container .row-brand {
    border-bottom: 0px solid transparent;
    }
.open-overlay-menu .menu-container, .is_stuck .menu-container{
    background-color: #ffd851!important;
    }
.menu-container .logo-container {
    padding: 0px 18px 0px 18px!important;
    }
.mobile-menu-button {
    padding: 0px 18px;
    }   
.mobile-menu-button-light .lines, .mobile-menu-button-light .lines:before, .mobile-menu-button-light .lines:after {
    background-color: #f09114;
    }
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item > a, body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item-link > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item-link > a {
    font-size: 25px!important;
    font-weight: 400;
    font-family: 'Arete';
    text-decoration: none!important;
    text-transform: uppercase!important;
    letter-spacing: 0.1em!important;
    color: #f09114!important
    }
body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active, body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a, body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #f09114!important;
    }
body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:hover, body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:focus {
    color: #f09114!important;
    }
.menu-smart > li > a {
    margin-left: 14px;
    margin-right: 14px;
    padding-left: 0px!important;
    padding-right: 0px!important;
    }
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item.active > a {
    width: fit-content;
    border-bottom: 2px solid #f09114;
    height: 30px;
    }
}
/* Buttons */
.btn.custom-link.btn-right {
    float: right;
    color:  #f09114!important;
    padding: 5px 100px 5px 0px!important;
    border: 0px!important;
    font-size: 18px!important;
    font-weight: 400!important;
    text-transform: none!important;
    background-image: url(img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position-y: 50%;
    background-position-x: 98%;
    transition: 0.3s;
}
.btn.custom-link.btn-right:hover {
    background-position-x: 100%;
}

@media (max-width: 569px) {
.btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
    transform: scale(0.8);
    transform-origin: right!important;
    }
}
/* Custom Styles */
.uncode-single-media-wrapper img{
    border-radius: 35px;
}
.footer {
    padding: 10px 0px;
}
.page-id-114 .post-body {
    padding-bottom: 0px;
}
.margin-top-10 {
    margin-top: 10px!important;
}
@media (min-width: 960px) {
.post-body {
    padding-bottom: 400px;
    }
}
@media (max-width: 959px) {
.post-body {
    padding-bottom: 300px;
    }
.page .main-container .row-container .limit-width.row-parent {
    padding-left: 18px;
    padding-right: 18px;
    }
.main-container .row-container .double-bottom-padding, .main-container .row-container .single-bottom-padding {
    padding-top: 36px;
    padding-bottom: 36px;
    }
.single-stages .main-container .row-container .limit-width.row-parent, .single-profielen .main-container .row-container .limit-width.row-parent {
    padding-left: 0px;
    padding-right: 0px;
    }
.single-stages .main-container .row-container .limit-width.row-parent .wpb_row.row-inner, .single-profielen .main-container .row-container .limit-width.row-parent .wpb_row.row-inner{
    padding-left: 18px;
    padding-right: 18px;
    }  
.post-tag-share-container {
    display: none;
    }
.image-row .row.limit-width.row-parent {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 18px;
    padding-right: 18px;
    }
.landscape-to-portrait .dummy {
    padding-top: 120%!important;
    }
.landscape-to-portrait .t-entry-visual img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
.contact-image {
    max-width: 270px;
    margin: auto!important;
    }
.contact-information .uncont { 
    text-align: center!important;
    }
}

.contact-name p {
    color: #cf4d12;
    font-weight: 900;
}
.contact-details, .contact-details p { 
    margin-top: 10px!important;
}
.contact-details a {
    color: #cf4d12;
}


/* Main header */
.main-header .row-background {
    border-radius: 35px;
}
@media (min-width: 960px) {
.main-header .wpb_row.row-inner {
    min-height: 500px!important;
    height: 100%;
    }
.main-header .background-wrapper:after {
    background: linear-gradient(to left, transparent 0%, black 250%);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    }
.header-wrapper .main-header .column_parent {
    padding-left: 120px!important;
    padding-right: 120px!important;
    }
.main-header .vc_custom_heading_wrap {
    max-width: 40%;
    }
}

@media (max-width: 959px) {
.main-header {
    margin-bottom: 36px;
    }
.header-wrapper {
    margin: 0px 18px;
    width: auto;
    }
.main-header .background-wrapper:after {
    background: linear-gradient(to left, transparent 0%, black 250%);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    }
.main-header .wpb_row.row-inner {
    max-height: 350px!important;
    }
}



/* Posttype overview */
.posttype-overview .t-entry-visual {
    border-radius: 20px;
}
.posttype-overview .tmb-overlay-showed.tmb .t-entry-visual .t-entry-visual-overlay {
    opacity: 1;
    background: linear-gradient(transparent 0%, black 100%);
}
@media (min-width:960px){
.posttype-overview .t-entry-title {
    font-family: 'Tex Gyre Heros',sans-serif !important;
    font-size: 25px;
    font-weight: 900!important;
    text-transform: none;
    }
.posttype-overview .t-entry-excerpt {
    max-width: 80%;
    margin-bottom: -11px!important;
    }
.posttype-overview .t-entry-excerpt p {
    font-size: 18px!important;
    line-height: 1.5;
    }
.posttype-overview .t-entry-readmore.btn-container .btn.btn-default {
    position: absolute;
    right: 36px;
    bottom: 36px;
    background-image: url(img/arrow-right-yellow.svg);
    background-repeat: no-repeat;
    height: 21px;
    width: 57px;
    color: transparent!important;
    background-color: transparent!important;
    border: 0px;
    padding: 0px!important; 
    }
}
@media (max-width:959px){
.posttype-overview-row .row.limit-width.row-parent {
    padding-left: 18px;
    padding-right: 18px;
    }
.posttype-overview-row .dummy {
    padding-top: 70%!important;
    }
.posttype-overview-row .tmb-img-ratio.tmb .t-entry-visual .t-entry-visual-cont > a > img {
    object-fit: cover;
    }
.posttype-overview .t-overlay-text {
    padding: 18px!important;
    }
.posttype-overview .t-entry-title {
    font-family: 'Tex Gyre Heros',sans-serif !important;
    font-size: 18px;
    font-weight: 900!important;
    text-transform: none;
    }
.posttype-overview .t-entry-excerpt {
    margin-bottom: 21px!important;
    }
.posttype-overview .t-entry-excerpt p {
    max-height: 63px!important;
    overflow: hidden;
    font-size: 14px!important;
    line-height: 1.5;
    }
.posttype-overview .t-entry-readmore.btn-container .btn.btn-default {
    position: absolute;
    right: 18px;
    bottom: 18px!important;
    background-image: url(img/arrow-right-yellow.svg);
    background-repeat: no-repeat;
    height: 21px;
    width: 57px;
    color: transparent!important;
    background-color: transparent!important;
    border: 0px;
    padding: 0px!important; 
    }
}
@media (max-width:300px){
.posttype-overview-row .dummy {
    padding-top: 90%!important;
    }
}

table.cookielawinfo-classic thead tr th {
    text-transform: uppercase;
    background: transparent!important;
}
table.cookielawinfo-classic td, table.cookielawinfo-classic th {
    border: 1px solid #666666!important;
    padding: 5px;
    line-height: 1.8em;
    font-size: 0.8em;
    vertical-align: top;
    width: 20%;
}
table.cookielawinfo-classic td {
    color: #666666!important;
    font-weight: 400!important;
    display: revert!important;
}
.cookielawinfo-row-cat-table { 
    margin: auto!important;
    width: 100%!important;
}
@media (max-width: 800px) {
table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th {
    -webkit-hyphens: auto!important;
    -ms-hyphens: auto!important;
    hyphens: auto!important;
    word-break: break-all;
    }
}

/* Cookie bar */
#cookie-law-info-bar {
    text-align: left;
    padding: 25px 30px;
}
.cli_messagebar_head {
    font-size: 16px;
    max-width: 900px;
    margin: auto;
    color: #f09114!important;
}
.cookie_content {
    max-width: 900px;
    margin: auto;
    font-size: 14px;
}
.cookie_content a {
    content: #535353!important;
    font-weight: 600;
}
.cli-plugin-button, .cli-plugin-button:visited {
    padding: 0px!important;
}
@media (min-width: 960px){
.cookie-buttons {
    float: right;
    display: inline-block;
    }
.settings-btn, .accept-btn {
    display: inline-block;
    }
.accept-btn a {
    background-color: #f09114!important;
    border: 1px solid #f09114;
    border-radius: 50px;
    padding: 9px 18px!important;
    color: #fff!important;
    font-size: 15px!important;
    line-height: 1em!important;
    margin: 15px 0px 0px 20px!important;
    transition: 0.3s;
    }
.settings-btn a {
    background-color: #f09114!important;
    border: 1px solid #f09114;
    border-radius: 50px;
    padding: 9px 18px!important;
    color: #fff!important;
    font-size: 15px!important;
    line-height: 1em!important;
    margin: 15px 0px 0px 20px!important;
    transition: 0.3s;
    }
}
@media (max-width: 959px){
.cookie-buttons {
    margin-top: 20px;
    }
.settings-btn, .accept-btn {
    display: inline-block;
    }
.accept-btn a  {
    background-color: #f09114!important;
    border: 1px solid #f09114;
    border-radius: 50px;
    padding: 7px 15px!important;
    color: #fff!important;
    font-size: 13px!important;
    margin: 15px 0px 0px 0px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
.settings-btn a {
    background-color: #f09114!important;
    border: 1px solid #f09114;
    border-radius: 50px;
    padding: 7px 15px!important;
    color: #fff!important;
    font-size: 13px!important;
    margin: 15px 20px 0px 0px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
}
.cli_action_button:hover {
     background-color: #ffd851!important;
     border: 1px solid #ffd851;
     color: #fff!important;
}
.cli_settings_button:hover  {
     background-color: #ffd851!important;
     border: 1px solid #ffd851;
     color: #fff!important;
}