/*
Theme Name: Iron Wood Child
Description: Child theme for Iron Wood
Author: As you were
Author URI: https://asyouwere.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Page settings */
@media (min-width: 960px){
body {
    background-image: url(img/Iron-Wood-waves.svg)!important;
    background-repeat: repeat no-repeat !important;
    background-position-x: -5px!important;
    background-color: #F37048!important;
    width: 100%;
    height: 100%;
    top:0px;
    background: fixed;
    }
.vc_row.main-header.limit-width.boxed-row.row-container {
    background-color: #F37048!important;
    }
.post-content .vc_row.row-container, .post-after .vc_row.row-container, .contact.vc_row.row-container, .no-found.vc_row.row-container  {
    background-color: #F37048!important;  
    max-width: 1296px;
    width: calc( 100% - 72px);
    margin:auto;
    }
.post-content .row.col-half-gutter.limit-width.row-parent, .post-after .row.limit-width.row-parent {
    padding-left: 0px;
    padding-right: 0px;
    }
}
@media (max-width: 959px){
body {
    background-color: #F37048!important;
    }
}


/* Fonts */
h1, h2, h3, h4, h5, h6, .heading-text > p {
    line-height: 1em!important;
}

p a {
    font-family: interstate, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em!important;
}

/* Desktop menu */
@media (min-width:960px){
.row-menu-inner {
    background-color: #F37048;
    }
.menu-primary .menu-smart > li > a {
    margin: 0px 30px 0px 30px;
    padding: 0px!important;
    }
.menu-container {
    background-color: transparent;
    box-shadow:none!important;
    }
.hmenu .menu-primary .menu-smart > li > a, .hmenu-center .menu-primary .menu-smart > li > a {
    height: 48px;
    }
.menu-item-link a {
    font-family: interstate, sans-serif;
    font-weight: 400!important;
    font-size: 18px!important;
    color: #fdfada!important;
    }
.hmenu .menu-primary .menu-smart > li > a:after, .hmenu-center .menu-primary .menu-smart > li > a:after {
    content: "";
    display: block;
    height: 100%;
    }
.hmenu .menu-primary .menu-smart > li.current-menu-item > a:after, .hmenu .menu-primary .menu-smart  > li.menu-item.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children.dropdown.menu-item-link > a:after {
    border-bottom: 2px solid #fdfada!important;
    position: absolute;
    width: 100%;
    left: 0;
    }
}

/* Mobile menu */
@media (max-width:959px){
.menu-container .logo-container {
    position: relative;
    padding: 20px 20px 20px 20px !important;
    }
.menu-container { 
    background-color: #F37048;
    }
.is_stuck .logo-container {
    background-color: #F37048;
    }
.open-overlay-menu .menu-horizontal{
    background-color: #F37048;
    }
.menu-light .row-brand, .menu-light .row-menu .row-menu-inner {
    border: 0px!important;
    }
.mmb-container {
    right: 20px;
    }
.mobile-menu-button .lines, .mobile-menu-button .lines:before, .mobile-menu-button .lines:after, .mobile-menu-button .lines > span {
    background: #fdfada!important;
    }
.mobile-menu-button {
    border: 1px solid #fdfada;
    border-radius: 50px;
    padding: 9px 9px!important;
    height: 40px;
    }
.mobile-menu-button-dark .lines, .mobile-menu-button-dark .lines:before, .mobile-menu-button-dark .lines:after, .mobile-menu-button-dark .lines > span {
    background: #fdfada!important;
    }
.mobile-menu-button:before {
    content: "Menu";
    font-family: interstate, sans-serif;
    position: absolute;
    right: 50px;
    color: #fdfada;
    font-size: 18px;    
    font-style: normal;
    font-weight: 400;
    bottom: 20px;
    }
.mobile-menu-button.close:before {
    content: "Close";
    font-family: interstate, sans-serif;    
    position: absolute;
    right: 50px;
    color: #fdfada;
    font-size: 18px;  
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    bottom: 20px;
    }
.menu-item.menu-item-type-post_type.menu-item-object-page.page_item.menu-item-link {
    width: fit-content !important;
    margin: auto !important;
    }
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-family: interstate, sans-serif;
    font-weight: 400!important;
    font-size: 20px!important;
    color: #fdfada!important;
    line-height: 2em!important;
    padding: 10px 0px!important;
    }
.menu-primary .menu-smart > li.current-menu-item > a:after {
    content: "";
    border-bottom: 2px solid #fdfada!important;
    position: absolute;
    width: 100%;
    left: 0;
    height: 40px;
    }
}

/* Buttons */
.btn.custom-link.btn-right {
    float: right;
    color: #313131!important;
    padding: 5px 90px 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%;
    background-color: transparent!important;
    transition: 0.3s;
}
.btn.custom-link.btn-right:hover {
    background-position-x: 100%;
}
.style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover{
    color: #313131!important;
}
.btn.custom-link.btn-right-beige {
    color: #fdfada!important;
    padding: 5px 90px 5px 0px!important;
    border: 0px!important;
    font-size: 18px!important;
    font-weight: 400!important;
    text-transform: none!important;
    background-image: url(img/arrow-right-beige.svg);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position-y: 50%;
    background-position-x: 98%;
    background-color: transparent!important;
    transition: 0.3s;
}
.btn.custom-link.btn-right-beige:hover {
    background-position-x: 100%;
}
.style-dark .btn-right-beige.btn-default:not(.btn-hover-nobg):not(.icon-animated):hover{
    color: #fdfada!important;
}

/* Custom Styles */
.margin-top-10 {
    margin-top: 10px!important;
}
.img-round-std.img-round img {
    border-radius: 20px!important;
}
.icon-box.icon-inline {
    padding-left: 0px;
    padding-right: 18px;
}
.icon-box .fa-stack {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 27px;
    vertical-align: middle;
    background-color: #313131!important;
    border: 0px!important;
}
.icon-box .fa-stack .fa {
    font-size: 14px;
}

/* Main header */
.main-header .row-background {
    border-radius: 20px;
}

@media (min-width: 960px) {
.main-header .wpb_row.row-inner {
    max-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%;
    }
.main-header .heading-content {
    margin-top: 10px!important;
    }
.header-wrapper .main-header .row.row-parent.row-header {
    padding: 50px!important;
    }
.main-header .vc_custom_heading_wrap {
    max-width: 40%;
    }
}

@media (max-width: 959px) {
.main-header {
    margin-bottom: 36px;
    }
.header-wrapper {
    margin: 0px 20px;
    width: auto;
    }
.main-container .row-container .row-parent{
    padding-left: 20px;
    padding-right: 20px;
    }
.wpb_column.pos-middle.pos-center.align_left.column_parent.col-lg-6.single-internal-gutter .double-block-padding {
    padding: 36px 0px 36px 0px!important;
    }
.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;
    }
.main-header .heading-content {
    margin-top: 10px!important;
    }
}

/* Post box */
@media (min-width:1400px) {
.post-box .t-entry-visual-overlay {
    background-image: url(img/Iron-Wood-waves.svg)!important;
    background-repeat: no-repeat!important;
    background-position: bottom;
    }
.post-box .t-entry-title a {
    font-family: "interstate-mono", monospace;    
    color: #fdfada;
    font-size: 30px;  
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    }
.post-box .t-entry-excerpt p{
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    line-height: 1.5em;
    font-size: 16px;
    min-height: 96px;
    overflow: hidden;
    }
.post-box .t-entry-readmore.btn-container a.btn-default{
    color: #313131!important;
    background-color: transparent!important;
    padding: 5px 90px 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%;
    background-color: transparent!important;
    transition: 0.3s;
    }
.post-box .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover {
    background-position-x: 100%;
    }
}
@media (min-width:804px) and (max-width: 1399px){
.post-box .t-entry-visual-overlay {
    background-image: url(img/Iron-Wood-waves.svg)!important;
    background-repeat: no-repeat!important;
    background-position: bottom;
    }
.post-box .t-entry-title.h6  {
    min-height: 55px;
    overflow: hidden;
    }
.post-box .t-entry-title a {
    font-family: "interstate-mono", monospace;    
    color: #fdfada;
    font-size: 25px;  
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    min-height: 55px;
    overflow: hidden;
    }
.post-box .t-entry-excerpt p{
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    line-height: 1.5em;
    font-size: 14px;
    height: 130px;
    overflow: hidden;
    }
.post-box .t-entry-readmore.btn-container a.btn-default{
    color: #313131!important;
    background-color: transparent!important;
    padding: 5px 90px 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%;
    background-color: transparent!important;
    transition: 0.3s;
    }
.post-box .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover {
    background-position-x: 100%;
    }
}
@media (max-width:803px){
.post-box .t-entry-visual-overlay {
    background-image: url(img/Iron-Wood-waves.svg)!important;
    background-repeat: no-repeat!important;
    background-position: bottom;
    }
.post-box .t-entry-title a {
    font-family: "interstate-mono", monospace;    
    color: #fdfada;
    font-size: 30px;  
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    }
.post-box .t-entry-excerpt p{
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    line-height: 1.5em;
    font-size: 16px;
    }
.post-box .t-entry-readmore.btn-container a.btn-default{
    color: #313131!important;
    background-color: transparent!important;
    padding: 5px 90px 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%;
    background-color: transparent!important;
    transition: 0.3s;
    }
.post-box .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover {
    background-position-x: 100%;
    }
}

/* CTA Contact */
.cta-contact {
    margin-top: 100px;
    margin-bottom: 100px;
}
.cta-contact .row-parent:before {
    content: "";
    background-image: url(img/Iron-Wood-wave.svg)!important;
    background-repeat: no-repeat!important;
    background-repeat-x: repeat!important;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0px;
    display: block;
    left: 0px;
}
.cta-contact .row-parent:after {
    content: "";
    background-image: url(img/Iron-Wood-wave.svg)!important;
    background-repeat: no-repeat!important;
    background-repeat-x: repeat!important;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0px;
    display: block;
    left: 0px;
}
.cta-contact p {
    color: #313131 ;

}
.contact p {
    color: #313131;
    font-size: 12px;
    font-family: interstate, sans-serif;
}
.contact p a {
    color: #313131;
    font-size: 12px;
    font-family: interstate, sans-serif;
    text-decoration: underline;
}

/* Footer */
@media (min-width: 960px){
.footer .col-lg-2 {
    width: 23%;
    }
.footer .col-lg-6 {
    width: 31%;
    }
}
.footer p {
    color: #313131;
    font-size: 12px;
    font-family: interstate, sans-serif;
}
.footer p a {
    color: #313131;
    font-size: 12px;
    font-family: interstate, sans-serif;
    text-decoration: underline;
}


/* Contact form */
.nf-form-title, .nf-before-form-content, .nf-field-label {
    display: none;
}
.nf-field-container {
    margin-bottom: 10px!important;
}
.nf-form-content {
    padding: 0px 0px 0px 0px !important;
}
.nf-multi-cell .nf-cell {
    padding: 0px 0px 0px 0px !important;
}
.nf-field-container .field-wrap .nf-element::placeholder {
    color: #e0cb9d!important;
}
.nf-form-content input:not([type=button]).ninja-forms-field.nf-element {
    background-color: transparent;
    border: 1px solid #313131;
    border-radius: 14px;
    color: #FDFADA!important;
    font-size: 12px;
}
.nf-form-content textarea.ninja-forms-field.nf-element {
    background-color: transparent;
    border: 1px solid #313131;
    border-radius: 14px;
    height: 170px;
    color: #FDFADA;
    font-size: 12px;
}
.nf-field-container.submit-container input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    color: #313131!important;
    background-color: transparent!important;
    padding: 5px 90px 5px 0px!important;
    border: 0px!important;
    font-size: 16px!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%;
    background-color: transparent!important;
    transition: 0.3s;
    float: right;
}
.nf-field-container.submit-container input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit):hover {
    background-position-x: 100%;
    color: #313131!important;
}
.nf-error-wrap.nf-error {
    display: none;
}
.nf-error-msg, .ninja-forms-req-symbol {
    color: #e80000!important;
}
.nf-error-msg {
    font-size: 12px;
}
.nf-error.field-wrap .nf-field-element:after {
    background: transparent!important;
    color: #e80000!important;
    font-size: 18px!important;
    content: "!"!important;
    font-weight: 700;
}
.nf-pass .ninja-forms-field {
    border-color: #3D7850!important;
}
.nf-pass.field-wrap .nf-field-element:after {
    background: transparent!important;
    color: #3D7850!important;
    font-size: 18px!important;
    content: "√"!important;
    font-weight: 700;
}


/* Privacy Beleid */
table.cky-cookie-audit-table thead tr th {
    text-transform: uppercase;
    background: transparent!important;
    color: #FDFADA;
}
table.cky-cookie-audit-table tbody, table.cky-cookie-audit-table tr {
    padding: 0px!important;
    width: auto!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table th {
    border: 1px solid #FDFADA!important;
    padding: 10px!important;
    vertical-align: top;
    width: 33.3%!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table td p {
    margin-top: 0px!important;
    background: transparent!important;
    color: #FDFADA!important;
    font-weight: 400!important;
    display: revert!important;
    line-height: 1.4em;
    font-size: 14px!important;
}
.cky-cookie-audit-table { 
    margin: auto!important;
    width: 100%!important;
}
.cky-audit-table-element h3 {
    font-size: 18px;
}
a.cky-banner-element {
    color: #313131!important;
    background-color: transparent!important;
    padding: 5px 90px 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%;
    background-color: transparent!important;
    transition: 0.3s;
}
a.cky-banner-element:hover {
    background-position-x: 100%;
}

/* Cookie bar */
.cky-consent-container .cky-consent-bar {
    background-color: #E0CB9D!important;
    border: 0px!important;
}
.cky-title {
    color: #F37048 !important;
}
.cky-notice-des p, .cky-notice-des p a {
    color: #313131!important;
}
.cky-btn-revisit-wrapper {
    display: none!important;
}

@media (min-width: 769px){
.cky-notice {
    max-width: 900px;
    margin: auto;
    }
.cky-notice-group { 
    display: block!important;
    align-items: right!important;
    }
.cky-notice-btn-wrapper {
    display: block;
    justify-content: right!important;
    align-items: right!important;
    margin-left: 0px;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    background-color: #3D7850!important;
    border: 0px;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #FDFADA!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
.cky-btn.cky-btn-customize {
    background-color: transparent!important;
    border: 1px solid #313131!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #313131!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
   .cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    background-color: transparent!important;
    border: 1px solid #313131!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #313131!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
}
@media (max-width: 768px){
.cky-notice-btn-wrapper {
    display: block!important;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    background-color: #3D7850!important;
    border: 0px;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #FDFADA!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    width: auto!important;
    }
.cky-btn.cky-btn-customize {
    background-color: transparent!important;
    border: 1px solid #313131!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #313131!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    width: auto!important;
    }
.cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    background-color: transparent!important;
    border: 1px solid #313131!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #313131!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
}
.cli_action_button:hover {
     background-color: #383838!important;
     color: #fff!important;
}
.cli_settings_button:hover  {
     background-color: #383838!important;
     color: #fff!important;
}