/* Theme Name: Montoya Child Theme URI: http://montoya.clapat-themes.com/ Description: Responsive Wordpress Theme Template: montoya Version: 1.0 Author: You Author URI: http://your site License: Themeforest License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: agency, ajax, business, clapat, clean, creative, gallery, minimal, modern, photography, portfolio, premium, responsive, showcase Text Domain: montoya-child */ /* font-family: "apparat-light", Sans-serif; font-family: "apparat", Sans-serif; font-weight:500; font-family: "inria-serif", sans-serif; font-weight: 400; 700; Kleuren Blauw: #1E2D3C 30 / 45 / 60 Brons: #8C5F3C 140 / 95 / 60 Donkerblauw: #142332 20 / 35 / 50 Lichtblauw interieur: #EDEFF0 */ /* -------------------- ----- __o __o ---- _\<,_\<,_ -- (*)/ / (*) -------------------- TANDEM --------------------*/ body, p, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none !important;} .groteheadingtwee h2 {font-size:5.5rem !important; line-height:5.0rem !important;} .subheading span, h1 span, h2 span {color:#8C5F3C;} .introtekst p, .introtekst {font-size:1.35rem !important; line-height:2.2rem !important;} .light-section p strong {color:#1E2D3C; font-weight: 600 !important;} h1 span, h2 span, h3 span {text-transform: none !important;} .subheading-toplijn, .subheading-toplijn h2 {} .light-content .light-section p {font-size:1.1rem !important; line-height:1.9rem !important;} li span {transition:none !important; font-weight:400 !important;} /* driehoeken */ .driehoek-LB-LB:before { content:" " !important; background: linear-gradient(135deg, #1E2D3C 280px, transparent 280px); z-index: 1;} .driehoek-DB-LB:before { content:" " !important; background: linear-gradient(135deg, #142332 280px, transparent 280px); z-index: 1;} .driehoek-WIT-LB:before { content:" " !important; background: linear-gradient(135deg, #FFF 280px, transparent 280px); z-index: 1; margin-top:-1px;} .driehoek-LB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 280px), #1E2D3C calc(100% - 280px)); z-index: 1;} .driehoek-DB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 280px), #142332 calc(100% - 280px)); z-index: 1;} .driehoek-WIT-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 280px), #FFF calc(100% - 280px)); z-index: 1; margin-top:-1px;} .driehoek-INTERIEUR-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 280px), #EDEFF0 calc(100% - 280px)); z-index: 1; margin-top:-1px;} .driehoek-LB-LO:after {content:" " !important; background: linear-gradient(45deg, #1E2D3C 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1;} .driehoek-DB-LO:after {content:" " !important; background: linear-gradient(45deg, #142332 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1;} .driehoek-WIT-LO:after {content:" " !important; background: linear-gradient(45deg, #FFF 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1; margin-bottom:-1px;} .driehoek-LB-RO:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1; right:0px;} .driehoek-DB-RO:after {content:" " !important; background: linear-gradient(-45deg, #142332 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1; right:0px;} .driehoek-WIT-RO:after {content:" " !important; background: linear-gradient(-45deg, #FFF 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1; right:0px; margin-bottom:-1px;} .hoekjefoto img{clip-path: polygon(calc(100% - 70px) 0, 100% calc(0% + 70px), 100% 100%, 0 100%, 0 0);} /* FAQ */ .faq-donker .link, .faq-donker .accordion-content {color:#1E2D3C;} /* button start */ .button-top-html {z-index: 2 !important;} a.button-container-top {transition: all .2s ease-in-out;} .button-container-top .button-top-tekst:after {width:109px; height:45px; position: relative !important; display:inline-flex; margin-left: -4px; top: 16px; transition: all .2s ease-in-out;} .button-container-top.button-container-blauw .button-top-tekst:after {content: ""; background-image:url('https://toplijn.nl/wp-content/themes/montoya-child/images/button-blauw-after.svg') !important; background-size: contain; background-repeat:no-repeat;} .button-container-top.button-container-wit .button-top-tekst:after {content: ""; background-image:url('https://toplijn.nl/wp-content/themes/montoya-child/images/button-wit-after.svg') !important; background-size: contain; background-repeat:no-repeat;} .button-container-top:hover .button-top-tekst:after {width:109px; height:45px; position: relative !important; display:inline-flex; top: 16px; margin-left:-5px;} .button-container-top.button-container-blauw:hover .button-top-tekst:after {content:""; background-image:url('https://toplijn.nl/wp-content/themes/montoya-child/images/button-blauw-after-hover.svg') !important; background-size: contain; background-repeat:no-repeat;} .button-container-top.button-container-wit:hover .button-top-tekst:after {content: ""; background-image:url('https://toplijn.nl/wp-content/themes/montoya-child/images/button-wit-after-hover.svg') !important; background-size: contain; background-repeat:no-repeat;} .button-top-tekst {font-family: "inria-serif", sans-serif; font-weight: 700; font-size:18px; text-transform: uppercase;} .button-container-blauw .button-top-tekst span {padding: 10.5px 30px 10.5px 20px; border-width: 1px 0px 1px 1px; border-color: #D2D5D8; border-style:solid; transition: all .2s ease-in-out;} .button-container-blauw .button-top-tekst {color:#FFF; opacity:0.5; transition: all .2s ease-in-out;} .button-container-blauw .button-top-tekst:hover {opacity:1;} .button-container-blauw:hover .button-top-tekst span, .button-container-wit:hover .button-top-tekst span {padding: 10.5px 20px 10.5px 20px;} .button-container-wit .button-top-tekst {color:#1E2D3C; opacity:1; transition: all .2s ease-in-out;} .button-container-wit .button-top-tekst span { padding: 10.5px 30px 10.5px 20px; border-width: 1px 0px 1px 1px; border-color: #D2D5D8; border-style:solid; transition: all .2s ease-in-out;} .button-container-wit .button-top-tekst:hover {} /* button einde */ .gesloten {background-color:#8C5F3C !important; padding: 4px 20px !important;} /*-------------------- Header --------------------*/ #logo {margin-left: 50px;} #logo img {height:85px;} .fullscreen-menu .mobiel-logo {display:none !important;} .open-menu {position:fixed; top:18px; z-index: 10; right:150px; display: table; transition: all .2s ease-in-out; opacity:1;} .open-menu .button-wrap {display: table-cell;} .open-menu .button-wrap .button-text {padding:0 40px;} .invert-header.sticking .open-menu {opacity:0 !important;} .open-menu a, .open-menu a:hover {color:#FFF !important;} .elementor-page-4027 .open-menu a, .elementor-page-4027 .open-menu a:hover {color:#1E2D3C !important;} /* interieur pagina menu items */ .button-afspraak .button-text {padding:3px 10px !important; margin-left:30px; border:1px solid white;} .elementor-page-4027 .open-menu .button-afspraak .button-text {border: 1px solid #1E2D3C;} /* interieur pagina menu items */ .portfolio-menu {display:none;} .single-montoya_portfolio .portfolio-menu {opacity:0;} .single-montoya_portfolio .invert-header.sticking .portfolio-menu {position:fixed; top:18px; z-index: 10; right:150px; display: table; transition: all .2s ease-in-out; opacity:1;} .portfolio-menu .button-text {padding:3px 10px !important; margin-left:30px; border:1px solid white;} .invert-header #logo .black-logo, .invert-header #logo .white-logo {position:absolute; opacity:1; transition: all .2s ease-in-out;} .invert-header #logo .sticky-logo {opacity:0; position:absolute; transition: all .2s ease-in-out; height:70px;} .invert-header.sticking #logo {margin-left:0px;} .invert-header.sticking #logo .sticky-logo {opacity:1;} .invert-header.sticking #logo .black-logo, .invert-header.sticking #logo .white-logo {opacity:0 !important; transition: all .2s ease-in-out;} .menu-main-menu-container.open {background-image: url('https://toplijn.nl/wp-content/themes/montoya-child/images/background-menu-aang.svg'); background-repeat: no-repeat; background-size: cover; background-position:right center;} .fullscreen-menu .flexnav > li > a {font-family: "inria-serif", sans-serif; font-weight:400; font-size:calc(1rem + 3.5vw); line-height: calc(1rem + 4.5vw);} .menu-adres {padding-right: 20px; padding-left: 20px; box-sizing: border-box; line-height: 1.5rem; position:relative; margin:0 auto;} .menu-adres, .menu-adres a {text-align: center; color:#FFF !important; font-size:0.9rem; transition: all .2s ease-in-out;} .menu-adres .adres-straat, .menu-adres .adres-haakjes {opacity:0.5;} .adres-haakjes {margin-left:15px; margin-right:15px;} .menu-adres .adres-bedrijfsnaam {opacity:1; color:#8C5F3C; font-family: "inria-serif", sans-serif; font-weight: 700; margin-right:10px;} .menu-adres a {opacity:0.5;} .menu-adres a:hover {opacity:1 !important;} .light-content .white-header .button-icon {color:#FFF;} /*-------------------- Homepage --------------------*/ .row-header-foto {background:#1E2D3C !important;} .row-header-foto .elementor-widget-montoya_image_parallax {margin-left:400px;} .row-header-foto:before {content: url('https://toplijn.nl/wp-content/themes/montoya-child/images/header-driehoeken.svg') !important; width: 800px !important; height: 400px !important; left: 0px !important; position: absolute !important; top: 0px !important; z-index: 1;} .row-header-foto .has-parallax-content > img, .has-parallax > img {height:100% !important;} /* .row-header-home-titel css zie inline bij elementor */ .overlay-header-foto .brons {color:#8C5F3C;} /* 02 keukens & interieur */ .foto-hoekjerechts {} .foto-hoekjerechts {clip-path: polygon(calc(100% - 70px) 0, 100% calc(0% + 70px), 100% 100%, 0 100%, 0 0);} .button-categorie-home {margin-top: -50px; } .button-categorie-home .elementor-button-link {clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 100%, 0% 100%);} .button-categorie-home .elementor-button-icon {width:18px;} /* 03 inspiratie */ .homepage-gallery .moving-gallery li:nth-child(2n+2) {width: 22vw !important;} /* zie css inline want deze pakt hij niet */ .row-inspiratie-home .homepage-gallery .moving-gallery li {width: 31vw !important;} .homepage-gallery .moving-gallery li img {border:none !important; border-radius:0px !important; clip-path: polygon(calc(100% - 70px) 0, 100% calc(0% + 70px), 100% 100%, 0 100%, 0 0);} /* full width foto tekst rechts */ .overlay-rechts {width:45%; float:right;} .html-tekst-opwit p{color: #1E2D3C !important;} .html-tekst-opwit .button-top-html {margin-top:50px;} /* partners */ .partner-omsluitende-box {z-index: 1 !important;} .partnerlogo-box:after {content: url('https://toplijn.nl/wp-content/themes/montoya-child/images/partners-schuin.svg'); width: 50px !important; height: 50px; position: absolute; right: -20px; top: 50px;} .partnerlogo-box:nth-of-type(3n+3)::after {content:none;} .partnerlogo-box img {width:220px !important; height:auto;} /*----------------------- Subpagina algemeen -------------------------*/ .row-header-subpagina {} .row-header-subpagina h6 {margin-bottom:10px;} .row-header-subpagina .elementor-widget-montoya_image_parallax {margin-left:400px;} .row-header-subpagina:before {content: url('https://toplijn.nl/wp-content/themes/montoya-child/images/header-driehoeken.svg') !important; width: 800px !important; height: 400px !important; left: 0px !important; position: absolute !important; top: 0px !important; z-index: 1;} .overlay-header-subpagina {margin-top:100px;} /* positie tekst */ .overlay-header-subpagina .brons {color:#8C5F3C;} /*----------------------- Keukens -------------------------*/ .stappenplan-keukens .slowed-image {margin:-100px 0px !important;} .stappenplan-keukens .slowed-image:first-of-type {margin-top:50px !important;} .stappenplan-keukens .slowed-image:last-of-type {margin-bottom:50px !important;} /* nolte keukens */ /* evt driehoek na grote foto .row-foto-vergroting .pin-spacer:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1; right:0px;} */ .stappenplan-container:nth-of-type(even) {padding-right:20px; margin-bottom:60px;} .stappenplan-container:nth-of-type(odd) {padding-left:20px; padding-top:150px; margin-bottom:60px;} .stappenplan-beeld {clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%, 25% 90%, 0 90%);} .stappen-cijfer {font-size:60px; font-family: "inria-serif", sans-serif; font-weight:700; color:#8C5F3C; margin-top: -14px; margin-bottom: 24px;} /*----------------------- Interieur -------------------------*/ .row-header-diap {} .row-header-diap h6 {margin-bottom:10px;} .row-header-diap .elementor-widget-montoya_image_parallax {margin-left:400px;} .row-header-diap:before {content: url('https://toplijn.nl/wp-content/themes/montoya-child/images/header-driehoeken-diap.svg') !important; width: 800px !important; height: 400px !important; left: 0px !important; position: absolute !important; top: 0px !important; z-index: 1;} /*----------------------- Over ons -------------------------*/ .profielfoto {} .profielcontact a {opacity:0.65; transition: all .2s ease-in-out; white-space: nowrap !important;} .profielcontact a:hover {opacity:1;} .overons-inspiratie h5 {font-family: "apparat", Sans-serif !important; font-weight: 600 !important; font-size:1.5rem !important;} .overons-inspiratie .slowed-image {margin:-100px 0px;} .overons-inspiratie .slowed-image:first-of-type {margin-top:50px !important;} .overons-inspiratie .slowed-image:last-of-type {margin-bottom:50px !important;} /*----------------------- Projecten -------------------------*/ .row-header-inspiratie.full_elementor figure.has-parallax {height:750px !important;} .row-header-inspiratie .overlay-header-subpagina {margin-top: 300px;} .row-header-inspiratie img {display: none !important;} .showcase-portfolio .slide-caption .slide-date {display: none !important;} .hero-footer-left .button-wrap.right.scroll-down {display: none !important;} /* single */ #hero-caption h1.hero-title span {color:#FFF; min-width:2vw;} .next-caption .next-hero-title {font-size: calc(1rem + 7.5vw);} .next-caption .next-hero-title.primary-font-title {font-family: 'inria-serif' !important;} .next-caption .next-hero-title.primary-font-title span {min-width:1.8vw;} .single-montoya_portfolio #hero:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 280px, transparent 280px); height: 400px; bottom: 0px; position: absolute; width: 100%; z-index: 1; right:0px;} #share::before {left:-120px;} #share .parallax-wrap {width:40px;} .single-montoya_portfolio figcaption {background-color: rgba(0,0,0,0) !important;} #hero {background:linear-gradient(10deg,rgba(23, 35, 49, 1) 0%, rgba(23, 35, 49, 0) 30%, rgba(23, 35, 49, 0) 80%, rgba(23, 35, 49, 1) 100%);} .light-content .light-section .pinned-section h2, .light-content .light-section .pinned-section p {color:#1E2D3C !important;} /*----------------------- Werken bij -------------------------*/ .row-vacatures .team-member .primary-font-title a {font-family: 'inria-serif' !important; font-size: calc(1rem + 3.5vw); line-height: calc(1rem + 7vw);} .row-vacatures .team-member span {top:40px;} .toplijn-scroll .button-wrap.right.scroll-down {bottom: 50px !important; position: absolute !important; top:inherit !important;} /* single vacatures */ .row-header-werkenbij-single.full_elementor figure.has-parallax {height:80vh !important;} .single-montoya_portfolio #hero-caption h1.hero-title span {min-width: 1.2vw;} /*----------------------- Contact -------------------------*/ .intro-contact {width:70%;} .intro-contact p {font-size:1.35rem !important; line-height:2.2rem !important; color:#FFFFFFA6 !important;} .contact-adresgegevens h2 {color:#8C5F3C !important; font-size: 1.5rem !important; line-height: 1.7rem !important;} .contact-adresgegevens p {color:#1E2D3C !important; } .container-contactformulier-toplijn {z-index: 1 !important;} .form-veld-half {width:48%; display: inline-block; margin-bottom:15px;} .form-veld-half:nth-child(odd) {margin-right:3% !important;} .wpcf7-submit {border: 1px solid #FFFFFFA6 !important; width: auto; color: #FFF !important; font-family: 'inria-serif' !important; transition: all .2s ease-in-out;} .wpcf7-submit:hover {background:#FFF; color:#1E2D3C !important; border: 1px solid #FFF !important;} .wpcf7 form.invalid .wpcf7-response-output {background: #FFB900; color: #1E2D3C; font-weight: 600 !important; margin: 20px 0px !important; border-radius: 0px !important;} .wpcf7 form.sent .wpcf7-response-output {background: #46B450; color: #1E2D3C; font-weight: 600 !important; margin: 20px 0px !important; border-radius: 0px !important;} /*-------------------- 404 pagina --------------------*/ #hero.error {background:#1E2D3C;} #hero.error h1 {font-family: "inria-serif", sans-serif; } #hero.error .hero-subtitle span {font-family: "apparat-light", Sans-serif;} /*-------------------- Footer --------------------*/ .pre-footer{} .footer-toplijn {background: linear-gradient(45deg, #1E2D3C 50%, #142332 50%);} footer.hidden {background:#1E2D3C;} #footer-container {border-top:1px solid; border-image: linear-gradient(to right,#1E2D3C 80px,#FFFFFF20 80px, #FFFFFF20 calc(100% - 80px),#1E2D3C calc(100% - 80px)) 1 0 0 0;} #footer-container .button-text, #footer-container .button-icon {color:#FFF;} #footer-container .copyright a, #footer-container .copyright p, #footer-container .copyright {font-size:14px !important; color:#FFF !important;} #footer-container .socials-wrap {color:#FFF !important;} .footer-toplijn .elementor-widget-text-editor p span{font-size:22px !important;} .row-subfooter {padding-bottom:20px;} .row-subfooter .voorwaardenblok {font-size: 13px; color:#FFFFFF55;} .row-subfooter .voorwaardenblok a {transition: all .2s ease-in-out; font-size: 13px; color:#FFFFFF55;} .row-subfooter .voorwaardenblok a:hover {color:#FFFFFF;} .row-subfooter .voorwaardenblok a:before {content:"|"; padding-left:10px; padding-right:10px;} .socials li a {color:#FFF !important;} .algemene-voorwaarden ul, .algemene-voorwaarden ol {margin-bottom:50px;} .algemene-voorwaarden li {margin-bottom:14px;} .algemene-voorwaarden h5 {font-size:20px;} /* -------------------- RESPONSIVE --------------------*/ @media (max-width: 1400px) { /* driehoeken */ .driehoek-LB-LB:before { content:" " !important; background: linear-gradient(135deg, #1E2D3C 200px, transparent 200px);} .driehoek-DB-LB:before { content:" " !important; background: linear-gradient(135deg, #142332 200px, transparent 200px);} .driehoek-WIT-LB:before { content:" " !important; background: linear-gradient(135deg, #FFF 200px, transparent 200px);} .driehoek-LB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 200px), #1E2D3C calc(100% - 200px));} .driehoek-DB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 200px), #142332 calc(100% - 200px));} .driehoek-WIT-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 200px), #FFF calc(100% - 200px));} .driehoek-INTERIEUR-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 200px), #EDEFF0 calc(100% - 200px));} .driehoek-LB-LO:after {content:" " !important; background: linear-gradient(45deg, #1E2D3C 200px, transparent 200px); height: 400px;} .driehoek-DB-LO:after {content:" " !important; background: linear-gradient(45deg, #142332 200px, transparent 200px); height: 400px;} .driehoek-WIT-LO:after {content:" " !important; background: linear-gradient(45deg, #FFF 200px, transparent 200px); height: 400px;} .driehoek-LB-RO:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 200px, transparent 200px);} .driehoek-DB-RO:after {content:" " !important; background: linear-gradient(-45deg, #142332 200px, transparent 200px); height: 400px;} .driehoek-WIT-RO:after {content:" " !important; background: linear-gradient(-45deg, #FFF 200px, transparent 200px); height: 400px;} .hoekjefoto img{clip-path: polygon(calc(100% - 50px) 0, 100% calc(0% + 50px), 100% 100%, 0 100%, 0 0);} .row-header-foto .elementor-widget-montoya_image_parallax, .row-header-subpagina .elementor-widget-montoya_image_parallax, .row-header-diap .elementor-widget-montoya_image_parallax {margin-left:200px;} .row-header-foto:before, .row-header-subpagina:before, .row-header-diap:before {width: 400px !important; height: 200px !important;} .single-montoya_portfolio #hero:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 200px, transparent 200px);} #logo img {height:65px;} .homepage-gallery .moving-gallery li img {clip-path: polygon(calc(100% - 40px) 0, 100% calc(0% + 40px), 100% 100%, 0 100%, 0 0);} .row-header-inspiratiepagina.row-header-inspiratie.full_elementor figure.has-parallax {height:550px !important;} } /* ipad */ @media (max-width: 1024px) { .partnerlogo-box:nth-of-type(3n+3)::after {content: url('https://toplijn.nl/wp-content/themes/montoya-child/images/partners-schuin.svg');} .partnerlogo-box:nth-of-type(2n+2)::after {content:none;} .stappenplan-container:nth-of-type(even) {padding-right:0px;} .stappenplan-container:nth-of-type(odd) {padding-left:0px; padding-top:0px;} } @media (max-width: 930px) { .has-parallax-content > img, .has-parallax > img {height:100% !important;} .open-menu {display: none;} /* driehoeken */ .driehoek-LB-LB:before { content:" " !important; background: linear-gradient(135deg, #1E2D3C 140px, transparent 140px);} .driehoek-DB-LB:before { content:" " !important; background: linear-gradient(135deg, #142332 140px, transparent 140px);} .driehoek-WIT-LB:before { content:" " !important; background: linear-gradient(135deg, #FFF 140px, transparent 140px);} .driehoek-LB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 140px), #1E2D3C calc(100% - 140px));} .driehoek-DB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 140px), #142332 calc(100% - 140px));} .driehoek-WIT-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 140px), #FFF calc(100% - 140px));} .driehoek-INTERIEUR-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 140px), #EDEFF0 calc(100% - 140px));} .driehoek-LB-LO:after {content:" " !important; background: linear-gradient(45deg, #1E2D3C 140px, transparent 140px); height: 280px;} .driehoek-DB-LO:after {content:" " !important; background: linear-gradient(45deg, #142332 140px, transparent 140px); height: 280px;} .driehoek-WIT-LO:after {content:" " !important; background: linear-gradient(45deg, #FFF 140px, transparent 140px); height: 280px;} .driehoek-LB-RO:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 140px, transparent 140px);} .driehoek-DB-RO:after {content:" " !important; background: linear-gradient(-45deg, #142332 140px, transparent 140px); height: 280px;} .driehoek-WIT-RO:after {content:" " !important; background: linear-gradient(-45deg, #FFF 140px, transparent 140px); height: 280px;} .single-montoya_portfolio #hero:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 140px, transparent 140px);} } @media (max-width: 767px) { /* menu */ .menu-adres {display:none;} .menu-main-menu-container.open #menu-main-menu li {margin-bottom:8px !important;} h1 {font-size: 3rem !important; line-height: 3rem !important; } .groteheadingtwee h2, .subheading-toplijn, .subheading-toplijn h2 {font-size:2.8rem !important; line-height:2.8rem !important;} .introtekst p, .intro-contact p, .introtekst, p, .p1 {font-size:1.1rem !important; line-height:1.7rem !important;} .row-header-subpagina .has-parallax-content, .row-header-diap .has-parallax-content {height:80vh !important;} .overlay-header-subpagina {margin-top:50px;} /* positie tekst */ .row-inspiratie-home.driehoek-WIT-LB:before, .row-tweekolom-tekst-wit.driehoek-DB-LB:before {display: none !important;} .row-inspiratie-home .homepage-gallery .moving-gallery li {width: 50vw !important;} .homepage-gallery .moving-gallery li:nth-child(2n+2) {width: 35.7vw !important;} /* staat ook inline pakt hij hier niet */ .partnerlogo-box img {width:150px !important;} .partnerlogo-box:after {width: 20px !important; height: 20px; right: 0px; top: 30px;} .form-veld-half {width:100%; display: inline-block;} .form-veld-half:nth-child(odd) {margin-right:0% !important;} .overlay-rechts {float:left; width:65%;} .footer-toplijn {background: linear-gradient(45deg, #1E2D3C 65%, #142332 65%);} #footer-container {border-top:1px solid; border-image: linear-gradient(to right,#1E2D3C 30px,#FFFFFF20 30px, #FFFFFF20 calc(100% - 30px),#1E2D3C calc(100% - 30px)) 1 0 0 0;} #footer-container .socials-wrap {margin-top:30px;} /* button begin */ .button-container-top .button-top-tekst:after {width: 87px !important; height: 35.5px !important; margin-left: 0px; top: 12px; position: relative !important; display:inline-flex;} .button-container-top:hover .button-top-tekst:after {width: 87px !important; height: 35.5px !important; margin-left: 0x; top: 12px; position: relative !important; display:inline-flex;} .button-top-tekst {font-size:16px;} .button-container-blauw .button-top-tekst span {padding: 7px 10px 7px 20px;} .button-container-wit .button-top-tekst span {padding: 7px 10px 7px 20px;} .button-container-blauw:hover .button-top-tekst span, .button-container-wit:hover .button-top-tekst span {padding: 7px 5px 7px 20px;} /* button einde */ .stappenplan-keukens {} .stappenplan-keukens .slowed-image img {max-width:100% !important; width:100% !important;} .stappenplan-keukens .slowed-image {margin:0px 0px !important;} /* portfolio */ .row-header-inspiratie .overlay-header-subpagina {margin-top: 40px;} .row-header-inspiratie.full_elementor figure.has-parallax {height: 600px !important;} .single-montoya_portfolio #hero:after {display:none !important;} /* inspiratie */ .row-header-inspiratiepagina.row-header-inspiratie.full_elementor figure.has-parallax {height:400px !important;} .row-header-inspiratiepagina.row-header-inspiratie .parallax-image-content .outer {padding-top:150px !important;} /* over toplijn */ .row-titel-team.driehoek-WIT-LB:before {display:none !important;} /* contact */ .row-header-contactpagina .elementor-widget-montoya_image_parallax {height:100vh;} .row-header-contactpagina .overlay-header-subpagina {margin-top:120px;} .intro-contact {width:100%;} /* werkenbij */ .row-vacatures .team-member span {margin-bottom:35px;} } @media (max-width: 520px) { h1 {font-size: 2.5rem !important; line-height: 2.5rem !important; } .groteheadingtwee h2, h2, .subheading-toplijn h2, .subheading-toplijn {font-size:2.0rem !important; line-height:2.2rem !important;} #logo img {height:40px;} #logo {margin-left: 0px;} .invert-header #logo .sticky-logo {height:50px;} .invert-header.sticking #logo .mobiel-logo {opacity:0 !important; transition: all .2s ease-in-out;} .invert-header #logo .mobiel-logo {position:absolute; opacity:1; transition: all .2s ease-in-out; margin-top:5px;} .fullscreen-menu .white-logo, .fullscreen-menu .black-logo {display:none !important;} .fullscreen-menu .mobiel-logo {display:block !important;} /* heading homepage en subpagina */ .row-header-foto:before, .row-header-subpagina:before, .row-header-diap:before {width: 260px !important; height: 130px !important; left:-50px !important;} .row-header-foto .elementor-widget-montoya_image_parallax, .row-header-subpagina .elementor-widget-montoya_image_parallax, .row-header-diap .elementor-widget-montoya_image_parallax {margin-left: 80px;} /* .overlay-header-subpagina {margin-top:0px;} positie tekst */ /* .row-header-inspiratie .overlay-header-subpagina {margin-top: 0px;} */ /* .row-header-subpagina .has-parallax-content {overflow:visible !important;} .row-header-subpagina .has-parallax-content img {display: none !important;} .row-header-subpagina .inner {position:absolute; margin-top:25vh; margin-left:-70px;} */ /* driehoeken */ .driehoek-LB-LB:before { content:" " !important; background: linear-gradient(135deg, #1E2D3C 90px, transparent 90px);} .driehoek-DB-LB:before { content:" " !important; background: linear-gradient(135deg, #142332 90px, transparent 90px);} .driehoek-WIT-LB:before { content:" " !important; background: linear-gradient(135deg, #FFF 90px, transparent 90px);} .driehoek-LB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 90px), #1E2D3C calc(100% - 90px));} .driehoek-DB-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 90px), #142332 calc(100% - 90px));} .driehoek-WIT-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 90px), #FFF calc(100% - 90px));} .driehoek-INTERIEUR-RB:before { content:" " !important; background: linear-gradient(45deg, transparent calc(100% - 90px), #EDEFF0 calc(100% - 90px));} .driehoek-LB-LO:after {content:" " !important; background: linear-gradient(45deg, #1E2D3C 90px, transparent 90px); height: 180px;} .driehoek-DB-LO:after {content:" " !important; background: linear-gradient(45deg, #142332 90px, transparent 90px); height: 180px;} .driehoek-WIT-LO:after {content:" " !important; background: linear-gradient(45deg, #FFF 90px, transparent 90px); height: 180px;} .driehoek-LB-RO:after {content:" " !important; background: linear-gradient(-45deg, #1E2D3C 90px, transparent 90px); height: 180px;} .driehoek-DB-RO:after {content:" " !important; background: linear-gradient(-45deg, #142332 90px, transparent 90px); height: 180px;} .driehoek-WIT-RO:after {content:" " !important; background: linear-gradient(-45deg, #FFF 90px, transparent 90px); height: 180px;} .hoekjefoto img {clip-path: polygon(calc(100% - 50px) 0, 100% calc(0% + 50px), 100% 100%, 0 100%, 0 0);} .homepage-gallery .moving-gallery li img {clip-path: polygon(calc(100% - 25px) 0, 100% calc(0% + 25px), 100% 100%, 0 100%, 0 0);} .row-inspiratie-home .homepage-gallery .moving-gallery li {width: 70vw !important;} .homepage-gallery .moving-gallery li:nth-child(2n+2) {width: 50vw !important;} /* staat ook inline pakt hij hier niet */ /* werkenbij */ .row-vacatures .team-member .primary-font-title a {font-family: 'inria-serif' !important; font-size: 30px; line-height: 30px;} .overlay-rechts {float:left; width:100%;} /* inspiratie */ .row-header-inspiratiepagina.row-header-inspiratie.full_elementor figure.has-parallax {height:300px !important;} .footer-toplijn {background: linear-gradient(45deg, #1E2D3C 75%, #142332 75%); margin-bottom:40px !important;} .subfooterlink {display: block;} .row-subfooter .voorwaardenblok {line-height: 20px;} .row-subfooter .voorwaardenblok a:before {display:none; padding-left:0px; padding-right:0px;} .footer-bedrijfsnaam .elementor-widget-container, .footer-adres .elementor-widget-container {margin-bottom:15px !important;} .footer-logo img {width:50px; height:auto;} }