@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('/wp-content/themes/vanlinda/css/global.css');

body{font-family:var(--font-family); color:var(--color); overflow-x:hidden;}
.container{max-width:1360px; padding-left:15px; padding-right:15px;}


.wpcf7-submit,
.ow-button-base span {
	padding: 5px 15px !important;
	font-size: 18px;    
	font-family: var(--secondary-font) !important;
}
.wpcf7-submit,
.ow-button-base a {
	background: var(--primary-gradient) !important;
    min-height: 45px !important;
    font-size: 14px !important;
	color: #fff !important;border: 0 !important;
    border-radius: 0 !important;
    width: 280px;
    max-width: 100%;
}
.wpcf7-submit {max-width: 250px;margin: 0 auto;
    display: block;}
.ow-button-base a:hover {
	background: var(--primary-color) !important;
}

.wpcf7 h3 {border-bottom:3px solid #a71515;margin-bottom:20px;padding-bottom:10px;}
.wpcf7 hr {border:3px solid #a71515;}
.wpcf7 label,
.wpcf7-form-control-wrap {width: 100%;margin-bottom:20px;}
.wpcf7-form-control {border: 2px solid #000;width: 100%;}
.wpcf7-textarea {height: 120px;}
.wpcf7-radio {border:none !important;}
.wpcf7-list-item-label {margin-left:10px;}

#main ul {margin: 20px;}
#main ul li {font-size: 20px;color: #FFF;}


.testimonial-slider {position: relative;overflow: hidden;}
.testimonial-slider .swiper-slide {padding: 0 60px;}

h3.widget-title {
	font-family: var(--secondary-font);
	border-bottom: 5px solid var(--primary-color);
	width: 700px;
	margin:  0 auto;
	max-width: 100%;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
p {font-size: 18px;}


.sow-accordion-panel-header {background-color: var(--primary-color) !important;}


.dark-background-row h3.widget-title {color: #FFF;border-bottom: 5px solid var(--primary-light-color);}

.dark-background-row p {color: #FFF;}

.dark-background-row {background: var(--primary-color);}

footer,
.footer-top {margin-top: 40px;}

#inner-page-header {
    padding: 250px 0 250px 0;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 40px;background-size: cover !important;}
#inner-page-header h1 {font-family: var(--secondary-font);}
#inner-page-header p {font-size: 30px;}


/* Woocommerce  */

.woocommerce-input-wrapper,
.wpcf7 label,
.wpcf7-form-control-wrap,
.wpcf7-text {width: 100%;}
select,
.woocommerce-input-wrapper input,
.wpcf7-form-control, textarea {border: 2px solid #000;height: 40px;}
.wpcf7-textarea, textarea {width: 100%;height: 120px !important;}
section.related{clear: both;display: block;width: 100%;margin-top: 60px;}


span.selection {display: block;}
.select2-container--default .select2-selection--single {border: 2px solid #000;border-radius: 0px;height: 40px;
    padding-top: 5px;}
.woocommerce form .form-row .select2-container {line-height: 0px;}



/*--Header - Start--*/
.header{position:relative;}
.header-content .container{min-height:200px;}
.header .logo{align-self:center; padding:10px 0;}
.logo img{max-width:414px;}
.header .header-content-block:not(:first-child){margin-left:25px;}
.header .header-content-block{position:relative; min-height:80px; align-self:start; isolation:isolate;}
.header .header-content-box{min-height:80px; clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%); position:relative; display:grid; grid-template-columns:auto auto auto; align-content:center; justify-content:space-around; padding-left:80px;}
.header .header-content-box a{display:flex; align-items:center;}
.header .header-content-box a .header-contact-column:not(:last-child){margin-right:10px;}
.header-contact-column i, .header-contact-column svg{font-size:30px; color:#fff; line-height:1;}
.header .header-content-box-shadow{position:absolute; right:0; top:0; width:calc(100% - 40px); height:calc(100% + 10px); background-color:#dcdcdc; content:""; z-index:-1; clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%);}
.header .header-content-block::before{position:absolute; left:100%; top:0; width:50vw; height:100%; background:var(--primary-gradient); content:"";}
.header .header-content-block::after{position:absolute; left:100%; top:0; width:50vw; height:calc(100% + 10px); background:#dcdcdc; content:""; z-index:-1;}
.menu{background-color:var(--primary-color); padding:0 15px;z-index: 99;}
.menu ul{margin:0 -15px;}
.menu ul li{padding:0 15px; transition:all 0.1s linear;}
.menu ul li a{min-height:50px; color:#fff; font-size:18px; text-transform:uppercase; font-weight:700; display:flex; align-items:center;}
.menu ul li:hover{background-color:var(--primary-dark-color);}
.header-contact p{font-size:14px; color:#fff; font-weight:700; line-height:1; text-transform:uppercase;}
.header-contact p:not(:last-child){margin-bottom:5px;}
.nav-icon-wrap{position:absolute; right:15px; bottom:20px;}

@media(max-width:1360px){
	.menu ul{margin:0 -12px;}
	.menu ul li{padding:0 12px;}
	.menu ul li a{font-size:16px;}
	.logo img{max-width:350px;}
	.header-content .container{min-height:160px;}
	.header .header-content-box{min-height:60px; padding-left:50px; clip-path:polygon(0 0, 100% 0, 100% 100%, 5% 100%);}
	.header .header-content-box-shadow{width:calc(100% - 20px); clip-path:polygon(0 0, 100% 0, 100% 100%, 5% 100%); height:calc(100% + 8px);}
	.header .header-content-block{min-height:60px;}
	.header .header-content-block::after{height:calc(100% + 8px);}
	.header-contact-column i, .header-contact-column svg{font-size:24px;}
	.header-contact p{font-size:12px;}
}
@media(max-width:1199px){
	.logo img{max-width:300px;}
	.menu ul{margin:0 -8px;}
	.menu ul li{padding:0 8px;}
	.menu ul li a{font-size:14px;}
	.header .header-content-box{padding-left:20px;}
	.header-content .container{min-height:140px;}
} 
@media(min-width:992px){
	.header .menu{display:block !important;}
}
@media(max-width:991px){
	.logo img{max-width:250px;}
	.menu{padding:0; display:none; position:absolute; left:0; top:100%; width:100%;}
	.menu ul{margin:0;}
	.menu ul li{padding:0;}
	.menu ul li:not(:last-child){border-bottom:1px solid var(--primary-dark-color);}
	.menu ul li a{min-height:40px; padding:5px 15px;}
	.header .header-content-block:not(:first-child){margin-left:15px;}
	.header-contact-column i, .header-contact-column svg{font-size:20px;}
	.header-content .container{min-height:120px;}
}
@media(max-width:767px){
	.logo img{max-width:150px;}
	.header .header-content-box{clip-path:none; padding-left:0; padding-top:10px; padding-bottom:10px;}
	.header .header-content-block::before, .header .header-content-block::after{display:none;}
	.header .header-content-block:not(:first-child){margin-left:0; margin:0 -15px;}
	.header{text-align:center;}
	.header .header-content-box a{display:block;}
	.header .header-content-box a .header-contact-column:not(:last-child){margin-right:0; margin-bottom:5px;}
	.header-contact-column i, .header-contact-column svg{font-size:16px;}
	.nav-icon-wrap{position:absolute; right:15px; bottom:auto; top:15px;}
}
@media(max-width:575px){
	.header-contact p{font-size:11px;}
	.menu ul li a{font-size:13px;}
	.menu ul li a{min-height:35px;}
}
/*--Header - End--*/

/*--Header - Start--*/
.footer{border-top:5px solid var(--primary-color);}
.footer-content{padding:30px 0; background-color:#f7f7f7;}
.copyright{background-color:var(--primary-color); padding:10px 0;}
.copyright p{line-height:1; font-weight:700; color:#fff; text-align:center;}
.copyright p a{color:#fff;}
.copyright p a:hover{color:#fff; text-decoration:underline;}
.footer-content .row{margin:-15px;}
.footer-content .row .column{padding:15px;}
.footer-logo img{max-width:350px;}
.footer-content h6{text-transform:uppercase; font-weight:700; padding-bottom:10px; border-bottom:3px solid var(--primary-color); line-height:1;}
.footer-content h6:not(:last-child){margin-bottom:10px;}
.working-hours li span{font-size:16px;}
.working-hours li span:first-child{width:90px;}
.working-hours li span:not(:last-child){margin-right:5px;}
.footer-links li{display:flex;}
.footer-links li:not(:last-child){margin-bottom:5px;}
.footer-links li a{display:block; line-height:1.2; color:#000;}
.footer-links li a:hover{color:var(--primary-color);} 
.contact-form li:not(:last-child){margin-bottom:8px;}
.contact-form li .form-field{width:100%; height:23px; border:1px solid #000; font-size:12px; color:#000; padding:0 10px; display:block;}
.contact-form li .form-field::placeholder{opacity:1; color:#000;}
.contact-form li .form-field:focus::placeholder{opacity:0; color:transparent;}
.contact-form li textarea.form-field{min-height:50px; resize:none; padding:5px 10px;}
.contact-form button{font-size:12px; color:#fff; background:var(--primary-gradient); border:0; width:100%; font-weight:700; padding:3px;}
.footer-content-block:not(:last-child){margin-bottom:20px;}
.social-media a:not(:last-child){margin-right:15px;}
.social-media a{width:38px; height:38px; background-color:var(--primary-color); display:grid; place-items:center; color:#fff; font-size:18px;}
.social-media a:hover{background-color:var(--primary-dark-color);}
.footer-box .footer-box-column:first-child{width:25px;}
.footer-box .footer-box-column i, .footer-box .footer-box-column svg{color:var(--primary-color);}

@media(max-width:1360px){
	.footer-logo img{max-width:250px;}
}
@media(max-width:1199px){
	.footer-logo img{max-width:200px;}
} 
@media(max-width:991px){
	.working-hours li span{font-size:15px;}
	.footer-links li a{font-size:15px;}
	.social-media a:not(:last-child){margin-right:10px;}
	.social-media a{width:34px; height:34px; font-size:16px;}
	.footer-content-block:not(:last-child){margin-bottom:15px;}
	.footer-content h6{border-bottom-width:2px;}
	.footer-logo img{max-width:170px;}
}
@media(max-width:767px){
	.footer-logo img{max-width:150px;}
	.footer{border-top-width:3px;}
}
@media(max-width:575px){
	.working-hours li span{font-size:14px;}
	.footer-links li a{font-size:14px;}
}
/*--Header - End--*/

.section{padding:50px 0;}
.section-header{padding-bottom:25px; border-bottom:7px solid var(--primary-color);}
.section-header-wrap:not(:last-child), .section-header:not(:last-child), .map-content-block:not(:last-child){margin-bottom:25px;}
.map-content-block ul li:not(:last-child){margin-bottom:3px;}
.map-content-block ul li{display:flex; align-items:center;}
.map-content-block ul li i, .map-content-block ul li svg{font-size:20px; color:var(--primary-color); display:block; line-height:1;}
.map-content-block ul li span:not(:last-child){margin-right:10px;}
.map{height:400px;}
.map iframe{width:100%; height:100%;}
.logos-section{padding:30px 0; background-color:#f0f0f0; border-top:5px solid var(--primary-color);  border-bottom:5px solid var(--primary-color);}
.affiliation-header{background-color:var(--primary-color); min-height:100px; padding:10px 0;}
.affiliation-content{padding:30px 0; background-color:#f0f0f0;}
.article-content-block:not(:last-child){margin-bottom:25px;}
.image-2{max-width:450px;}
.fabrications .row.rows{margin:-15px -40px;}
.fabrications .row.rows .columns{padding:15px 40px;}
.fabrication-image{width:120px; height:120px; border-radius:100%; background-color:var(--primary-color); margin:0 auto 30px; display:grid; place-items:center; padding:10px;}
.fabrication-image img{max-width:60%;}
.metal-fabrication-image{background-size:cover; background-repeat:no-repeat; background-position:center center; min-height:450px;}
.metal-fabrication-content{background-color:#eceaea; padding:30px;}
.hero{min-height:580px; background:url(/wp-content/themes/vanlinda/images/banner-1.jpg) center center no-repeat; background-size:cover; margin-bottom:-120px;}
.hero-content h1{padding-bottom:10px; border-bottom:5px solid var(--primary-color);}
.hero-content h1:not(:last-child){margin-bottom:15px;}
.hero-content .hero-image {max-width:200px;margin:20px auto;}
@media (min-width:1200px) {.hero-content .hero-image {margin-top:-100px;margin-right: -200px;}}
.service{border:25px solid var(--primary-color); width:390px;}
.service-image{min-height:180px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.service-content{padding:30px 15px;}
.service-content h5:not(:last-child){margin-bottom:20px;}
.service-content p:not(:last-child){margin-bottom:30px;}
.service-content .btn{min-width:100%;}

@media(max-width:1360px){
	.logos-section img{max-width:250px;}
	.image-2{max-width:400px;}
	.fabrications .row.rows{margin:-15px -15px;}
	.fabrications .row.rows .columns{padding:15px 15px;}
	.fabrication-image{width:100px; height:100px; margin:0 auto 25px;}
	.service{border-width:20px; width:350px;}
	.service-image{min-height:150px;}
	.service-content{padding:20px 10px;}
	.service-content h5:not(:last-child){margin-bottom:15px;}
	.service-content p:not(:last-child){margin-bottom:20px;}
	.hero{min-height:540px; margin-bottom:-100px;}
}
@media(max-width:1199px){
	.section{padding:40px 0;}
	.map{height:350px;}
	.section-header{padding-bottom:20px; border-bottom-width:5px;}
	.section-header-wrap:not(:last-child), .section-header:not(:last-child), .map-content-block:not(:last-child){margin-bottom:20px;}
	.logos-section img{max-width:200px;}
	.logos-section img{max-height:80px;}
	.affiliation-header{min-height:80px;}
	.image-2{max-width:350px;}
	.fabrication-image{width:80px; height:80px; margin:0 auto 20px;}
	.service{border-width:10px; width:300px;}
	.service-image{min-height:130px;}
	.service-content{padding:15px 10px;}
	.service-content h5:not(:last-child){margin-bottom:10px;}
	.service-content p:not(:last-child){margin-bottom:15px;}
	.hero{min-height:500px; margin-bottom:-80px;}
} 
@media(max-width:991px){
	.map-content-block ul li i, .map-content-block ul li svg{font-size:18px;}
	.logos-section img{max-width:170px;}
	.logos-section img{max-height:70px;}
	.article-content-block:not(:last-child){margin-bottom:20px;}
	.image-2{max-width:300px;}
	.hero{min-height:450px; margin-bottom:-50px;}
}
@media(max-width:767px){

	#inner-page-header {
    padding: 100px 0 100px 0;}

	.section{padding:30px 0;}
	.map{height:300px;}
	.section-header{padding-bottom:15px; border-bottom-width:3px;}
	.section-header-wrap:not(:last-child), .section-header:not(:last-child), .map-content-block:not(:last-child){margin-bottom:15px;}
	.logos-section img{max-width:150px;}
	.affiliation-header{min-height:60px;}
	.image-2{max-width:250px;}
	.fabrication-image{width:70px; height:70px; margin:0 auto 15px;}
	.metal-fabrication-image{min-height:350px;}
	.hero-content h1{border-bottom-width:3px;}
	.hero{min-height:400px;}
	.service{border-width:5px; width:270px;}
}
@media(max-width:575px){
	.map-content-block ul li i, .map-content-block ul li svg{font-size:16px;}
	.article-content-block:not(:last-child){margin-bottom:15px;}
	.image-2{max-width:200px;}
	.metal-fabrication-image{min-height:300px;}
	.hero-content h5 br{display:none;}
	.hero{min-height:350px; margin-bottom:0;}
	.services{padding-top:30px;}
}