/* Theme Name: Sinergio Author: Sinergio Author URI: https://www.sinergio.be/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ .body_wrap{position:relative;left:0;overflow:hidden;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}header{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.nav2{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.openednav2 .body_wrap,.openednav2 header{left:-300px}.openednav2 .nav2{right:0}h1::after,h2::after{content:"";display:block;width:200px;padding-top:20px;margin-bottom:30px;border-bottom:solid 3px #3A3A3C}.knop a{display:inline-block;padding:10px 15px;border:solid thin #3A3A3C;color:#3A3A3C;text-transform:uppercase;margin-top:20px;text-decoration:none;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.knop a:hover{background:#3A3A3C;color:white}img{-webkit-backface-visibility:hidden}.paginatie{clear:both;text-align:center;padding-top:30px}.paginatie .page-numbers{color:#3A3A3C;text-decoration:none;padding:0 5px}.paginatie .page-numbers:hover{color:#68B43A}.paginatie .page-numbers.current{color:#68B43A;font-weight:bold}header{position:fixed;border-bottom:solid thin #AEAEB8;left:0;right:0;padding:20px 0;background:white;z-index:9999;top:0}.logo{float:left;width:35%}.logo img{width:200px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.scrolled .logo img{width:150px}header nav{float:left;text-align:center;width:50%}header nav a{text-transform:uppercase;text-decoration:none !important}header nav li{position:relative;overflow:hidden;padding:15px;margin:0 5px}header nav li::after{content:"";display:block;width:100%;position:absolute;left:-150%;right:0;bottom:0;border-bottom:solid 4px #3A3A3C;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}header nav li:hover::after{left:0}.nav_toggle_wrap{float:left;width:15%}.nav_toggle{display:block !important;float:right;background:none;border:none}.nav_toggle span{background:#3A3A3C;height:3px;width:30px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.nav_toggle .row3{width:20px}.nav_toggle:hover .row1{animation:hover_nav_span1 1s forwards}.nav_toggle:hover .row2{animation:hover_nav_span2 1s forwards}.nav_toggle:hover .row3{animation:hover_nav_span3 1s forwards}@keyframes hover_nav_span1{50%{width:0}to{width:30px}}@keyframes hover_nav_span2{55%{width:0}to{width:30px}}@keyframes hover_nav_span3{40%{width:0}to{width:30px}}.nav2{position:fixed;top:0;padding:20px 40px;width:300px;height:100%;right:-300px;z-index:99999;background:#3A3A3C}.nav2 .sluit_nav2{width:40px;height:40px;background:none;border:none;position:relative;float:right}.nav2 .sluit_nav2 span{background:white;height:3px;width:30px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;position:absolute;opacity:1;left:6px}.nav2 .sluit_nav2 .row1{top:9px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.nav2 .sluit_nav2 .row2{top:9px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.navigatie2{margin-top:50px !important;padding:0}.navigatie2 a{color:white;text-decoration:none;font-size:16px;text-transform:uppercase}.navigatie2 li{padding-bottom:25px !important}.navigatie2 ul{padding:10px 15px}.navigatie2 ul li{padding-bottom:5px !important}.banner{margin-top:90px}.banner .overlay{position:absolute;width:500px;background:white;left:0;padding:60px;top:calc(100vh / 3)}.banner .overlay h2{font-size:40px !important;margin-bottom:30px;font-weight:bold}.rij1{padding:80px 0;margin-top:90px}.rij1_home{line-height:28px;margin-top:0}.rij1_product img{height:350px !important;width:auto !important;max-width:none !important;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;object-fit:cover}.rij1_product a:hover img{opacity:0.9}.rij1_product .loop{margin-top:25px}.rij1_product .col-md-3{margin-bottom:15px}.rij1_product .col-md-3 a{display:flex !important;justify-content:center !important;align-items:center !important;height:250px;overflow:hidden}.rij1_product .col-md-3 h3{position:absolute;bottom:0;color:#3A3A3C;text-transform:uppercase;background:rgba(255, 255, 255, 0.7);left:15px;right:15px;bottom:0;padding:10px;text-align:center}.rij1_product .afbeelding{overflow:hidden;display:flex !important;justify-content:center !important;align-items:center !important;margin-bottom:30px}.rij1_product .afbeelding img{width:100%;height:auto}.rij1_product .fotos_product{padding-top:30px;clear:both}.rij2{padding:40px 0}.rij2_home{margin-top:70px}.rij2_home .textwidget{background:#3A3A3C;color:white;margin-top:-115px;position:relative;z-index:999;padding:35px;margin-left:80px;width:400px;margin-bottom:100px}.rij2_home .textwidget h3{color:white !important;font-size:25px !important}.rij2_contact i{background:#3A3A3C;font-size:18px;color:#68B43A;border-radius:50%;margin-bottom:10px;padding:15px 19px}.rij2_contact .fa-map-pin{padding:15px 19px}.rij2_contact .fa-envelope{padding:15px 15px}.rij2_contact .fa-phone{padding:15px 17px}.rij2_contact a{color:#3A3A3C;font-weight:bold}.rij3{padding:80px 0}.rij3_home img{width:100%;height:auto;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.rij3_home a:hover img{opacity:0.9}.rij3_home .fotos{display:none}.rij3_home .realisatie_inner{overflow:hidden;margin:10px}.rij3_home .realisatie_inner{width:calc(25% - 20px);float:left;height:calc(200px - 10px)}.rij3_home .realisatie_1{width:calc(50% - 20px);height:400px;overflow:hidden}.rij3_home .loop .realisatie_inner a{display:flex !important;justify-content:center !important;align-items:center !important;height:100%;position:relative}.rij3_home h3{position:absolute;bottom:0;color:#3A3A3C;text-transform:uppercase;background:rgba(255, 255, 255, 0.7);left:0;right:0;bottom:0;padding:10px;text-align:center}.rij3_contact{background:#F3F3F3}.rij3_contact input,.rij3_contact textarea{width:100%;padding:5px;border-radius:5px;margin-bottom:10px;border:solid thin #AEAEB8}.rij3_contact textarea{height:150px}.rij3_contact input[type="submit"]{display:inline-block;padding:10px 15px;background:none;width:150px;border:solid thin #3A3A3C;color:#3A3A3C;text-transform:uppercase;margin-top:20px;text-decoration:none;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.rij3_contact input[type="submit"]:hover{background:#3A3A3C;color:white}.rij4{padding:80px 0;background:#F3F3F3}.rij4_home img{height:350px !important;width:auto !important;max-width:none !important;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}.rij4_home a:hover img{opacity:0.9}.rij4_home .loop{margin-top:25px}.rij4_home .col-md-3{margin-bottom:15px}.rij4_home .col-md-3 a{display:flex !important;justify-content:center !important;align-items:center !important;height:250px;overflow:hidden}.rij4_home .col-md-3 h3{position:absolute;bottom:0;color:#3A3A3C;text-transform:uppercase;background:rgba(255, 255, 255, 0.7);left:15px;right:15px;bottom:0;padding:10px;text-align:center}footer{background:#3A3A3C}.footer{padding:50px 0 30px 0;color:white}.footer h5{color:white}.footer h5::after{content:"";display:block;width:90px;padding:5px 0 15px 0;border-bottom:solid 2px white}.footer img{width:20px;margin-left:10px;height:auto}.footer a{color:white;text-decoration:none}.footer .knop a{display:inline-block;border:solid thin white;padding:10px 15px}.footer .knop a:hover{background:white;color:#3A3A3C}.sinergio img{height:30px;width:auto}.footer .execphpwidget .links{text-align:right;margin-top:50px}.openingsuren h5::after{margin:auto}.info h5{position:relative;margin-bottom:30px}.info h5::after{position:absolute;right:0}@media screen and (max-width:768px){header{position:absolute}.nav_toggle_wrap{position:absolute;right:5px}.rij1,.banner{margin-top:160px}.rij1_home{margin-top:0}.banner .overlay{position:relative;top:inherit;max-width:100%;padding:0}.rij3_home .realisatie_inner{width:100% !important;height:200px !important}.rij2_home .textwidget{margin:-115px auto 0 auto;max-width:95%}.footer{text-align:center !important}.footer h5{text-align:center !important}.footer h5::after{margin:auto;position:relative}.footer .info p{text-align:center !important}.footer .execphpwidget .links{text-align:center}.footer .execphpwidget .links img{margin-top:10px}}@media screen and (min-width:768px) and (max-width:991px){.banner .overlay{position:relative;top:inherit;max-width:100%;padding:0}}@media screen and (min-width:991px) and (max-width:1200px){.container{width:99%}}@media screen and (min-width:1200px) and (max-width:1400px){.container{width:99%}}@media screen and (min-width:1400px){.container{width:1370px !important;position:relative}}