/*
Theme Name: Graphic Web Design, Inc.
Theme URI: https://www.graphicwebdesign.com
Author: Steven Spencer
Author URI: https://www.graphicwebdesign.com
Description: Wordpress Theme
Version: 2.0
*/

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

html, body{min-height:100vh; overflow-x:hidden;}
body{font-family:var(--font-family); font-size:var(--body-font-size); background-color:hsl(var(--black)); color:hsl(var(--white));}
.container{max-width:139.9rem; padding-left:3rem; padding-right:3rem;}
@media(max-width:767px){
	.container{padding-left:1.5rem; padding-right:1.5rem;}	
}

/*--Header Start--*/
header{padding:2rem 0; position:relative; z-index:999;}
header .container{max-width:143rem; display:flex; align-items:center; gap:2rem;}
.logo img{max-width:26.8rem;}
.header-content{flex-grow:1;}
.header-content > *:not(:last-child){margin-bottom:6rem;}
.header-content-block{max-width:85rem; margin-left:auto; display:flex; align-items:center; justify-content:space-between;}
.header-content-block div{display:flex; align-items:center;}
.header-content-block div > *:not(:last-child){margin-right:1rem;}
.header-content-block div svg{color:hsl(var(--blue)); font-size:3.4rem;}
.header-content-block div p{font-size:1.8rem; font-weight:var(--fw-bold); color:hsl(var(--white)); text-transform:uppercase; line-height:1.2;}
nav > ul{display:flex; justify-content:space-between; background-color:hsl(var(--blue)); padding:0 1rem; position:relative;}
nav > ul::after{position:absolute; left:100%; top:0; width:100vw; height:100%; background-color:inherit; content:"";}
nav > ul > li > a{display:flex; align-items:center; height:5rem; font-weight:var(--fw-bold); font-size:1.6rem; text-transform:uppercase; padding:0 1rem; color:hsl(var(--white)); transition:all .1s linear;}

@media(max-width:1430px){
	.logo img{max-width:20rem;}
	.header-content > :not(:last-child){margin-bottom:4rem;}
	.header-content-block{max-width:70rem;}
	nav > ul{padding:0;}
	nav > ul > li > a{font-size:1.5rem;}
	.header-content-block div svg{font-size:3rem;}
	.header-content-block div p{font-size:1.6rem;}
}
@media(max-width:1299px){
	.logo img{max-width:17rem;}
	.header-content > :not(:last-child){margin-bottom:3rem;}
	nav > ul > li > a{font-size:1.4rem; height:4.6rem;}
	.header-content-block{max-width:60rem;}
	.header-content-block div svg{font-size:2.5rem;}
	.header-content-block div p{font-size:1.4rem;}
}
@media(min-width:1200px){
	nav{display:block !important;}
}
@media(max-width:1199px){
	header{padding:1.5rem 0;}
	.logo img{max-width:14rem;}
	.header-content > :not(:last-child){margin-bottom:0;}
	nav{position:absolute; left:0; top:100%; width:100%; display:none;}
	nav > ul{display:block;}
	nav > ul > li:not(:last-child){border-bottom:.1rem solid hsl(var(--blue-h), var(--blue-s), calc(var(--blue-l) + 5%));}
	nav > ul > li:hover{background-color:hsl(var(--blue-h), var(--blue-s), calc(var(--blue-l) + 5%));}
	.header-content-block{max-width:55rem;}
	.header-content{display:flex; align-items:center;}
	.nav-icon{margin-left:3rem;}
	.header-content-block > *:not(:last-child){margin-right:3rem;}
}
@media(max-width:991px){
	.logo img{max-width:12rem;}
	.header-content-block div svg{font-size:2rem;}	
	.header-content-block div p{font-size:1.2rem;}
}
@media(max-width:767px){
	.logo img{max-width:10rem;}
	.nav-icon{margin-left:auto;}
	.header-content-block{position:absolute; left:0; top:100%; width:100%; max-width:100%; padding:1rem 1.5rem; background-color:hsl(var(--blue));}
	.header-content-block div svg{color:hsl(var(--white));}
	.header-content-block > :not(:last-child){margin-right:0;}
}
@media(max-width:480px){
	header{padding:1rem 0;}
	.header-content-block div svg{font-size:1.7rem;}
	.header-content-block div{text-align:center; flex-direction:column;}
	.header-content-block div > :not(:last-child){margin-right:0; margin-bottom:.5rem;}
	.header-content-block div p{font-size:1.1rem;}
}
/*--Header End--*/

/*--Footer Start--*/
footer{background-color:hsl(0, 0%, 7%);}
.copyright{padding:1rem 3rem; text-align:center; background-color:hsl(var(--blue));}
.copyright p{font-size:1.6rem; color:hsl(var(--black)); font-weight:var(--fw-bold);}
.copyright p a{color:hsl(var(--black));}
.copyright p a:hover{text-decoration:underline;}
.footer-content{padding:3rem 0;}
.footer-block{min-width:20rem;}
footer .headding{text-transform:uppercase; font-weight:var(--fw-bold); padding-bottom:1rem; border-bottom:.3rem solid hsl(var(--blue));}
footer .headding:not(:last-child){margin-bottom:1rem;}
.contact-form input, .contact-form textarea{height:2.2rem; background-color:hsl(var(--white)); border:0; font-size:1.2rem; color:hsl(var(--black)); padding:0 1rem; min-width:100%; display:block;}
.contact-form textarea{height:5rem; resize:none; padding-top:.5rem; padding-bottom:.5rem;}
.contact-form > *:not(:last-child){margin-bottom:1rem;}
.contact-form input::placeholder, .contact-form textarea::placeholder{opacity:1;}
.contact-form input:focus::placeholder, .contact-form textarea:focus::placeholder{opacity:0; color:transparent;}
.contact-form button{font-size:1.2rem; font-weight:var(--fw-bold); color:hsl(var(--white)); text-transform:uppercase; background-color:hsl(var(--blue)); text-align:center; padding:.5rem 1.5rem; width:15rem; border-radius:3rem; margin:0 auto; display:block;}
.contact-form button:hover{background-color:hsl(var(--blue-h), var(--blue-s), calc(var(--blue-l) + 5%));}
footer ul li{display:flex; font-size:1.6rem;}
footer ul li:not(:last-child){margin-bottom:.5rem;}
footer ul li a{color:hsl(var(--white)); display:block; line-height:1;}
footer ul li a:hover{color:hsl(var(--blue));}
footer ul li span{line-height:1; width:50%;}

footer textarea {height:80px;}

.footer-contact-block{display:flex; max-width:20rem;}
.footer-contact-block:not(:last-child){margin-bottom:2rem;}
.footer-contact-block p{font-size:1.6rem; line-height:1.2;}
.footer-contact-block svg{color:hsl(var(--blue)); font-size:1.6rem; width:2.6rem;}
.social-media{display:flex; align-items:center;}
.social-media a{display:grid; place-items:center; width:3.8rem; height:3.8rem; background-color:hsl(var(--blue)); font-size:1.6rem; color:hsl(var(--white));}
.social-media a:hover{background-color:hsl(var(--blue-h), var(--blue-s), calc(var(--blue-l) + 5%));}
.social-media a:not(:last-child){margin-right:1.5rem;}
article{text-align:center;}
article figure:not(:last-child){margin-bottom:3rem;}
article figure img{width:100%;}
article h3{line-height:1; text-transform:uppercase; font-weight:var(--fw-bold); padding-bottom:2rem; line-height:1; border-bottom:.7rem solid hsl(var(--blue));}
article h3:not(:last-child), article p:not(:last-child){margin-bottom:3rem;}
.article-block{padding:4rem 0; background-color:hsl(0, 0%, 7%); position:relative;} 
.article-block::after{position:absolute; left:50%; transform:translateX(-50%); top:0; width:200vw; height:100%; background-color:inherit; content:""; z-index:-1;}
article .image{position:relative; isolation:isolate;}
article .image::after{position:absolute; left:50%; transform:translate(-100%, -50%); top:50%; width:50vw; height:30%; background-color:hsl(var(--blue)); content:""; z-index:-1;}
/*--Footer End--*/

.section{padding:5rem 0;}
.hero-section{min-height:60rem; background:url(images/hero-bg.jpg) center center no-repeat; background-size:cover; display:flex; align-items:center; text-align:center;}
.hero-section h1{text-transform:uppercase; font-weight:var(--fw-bold);}
.hero-section h1{margin-bottom:3.5rem;}
.news-letter-section{background-color:hsl(var(--blue));}
.news-letter-section h3{font-weight:var(--fw-bold); text-transform:uppercase; letter-spacing:.2rem; color:hsl(var(--black));}
.news-letter-section .container{display:flex; align-items:center; gap:0 4rem;}
.news-letter-form,.news-letter-form p{flex-grow:1; display:flex; align-items:center; gap:0 1.5rem;}
.news-letter-form input,.news-letter-form input, .news-letter-form button, .news-letter-form .wpcf7-submit{height:5.6rem; border:0; font-size:2rem;}
.news-letter-form input{flex-grow:1; padding:0 1.8rem;}
.news-letter-form input::placeholder{opacity:1; color:hsl(var(--black));}
.news-letter-form input:focus::placeholder{opacity:0; color:transparent;}
.news-letter-form button, .news-letter-form .wpcf7-submit{margin-left:2.5rem; font-weight:var(--fw-bold); background-color:hsl(0, 0%, 7%) !important; width:27rem; border-radius:5rem; color:hsl(var(--white)); padding:1rem 3rem; text-align:center; display:flex; align-items:center; justify-content:center;}







#inner-page-header.no-header {padding: 50px 0 50px 0;color: #000;}

.wpcf7-submit,
.ow-button-base span {
	padding: 5px 15px !important;
	font-size: 18px;    
	font-family: var(--secondary-font) !important;
	border-radius: 20px; !important;
}
.wpcf7-submit,
.ow-button-base a {
	background: hsl(var(--blue)) !important;
    min-height: 45px !important;
    font-size: 14px !important;
    font-weight:bold;
	color: #fff !important;
	border: 0 !important;
    border-radius: 25px !important;
    width: 280px !important;
    display: block;
    margin:0 auto;
    max-width: 100%;
    font-size:22px;
    text-transform: uppercase;
}

.wpcf7 label,
.wpcf7-form-control-wrap {width: 100%;}
.wpcf7-form-control {border: 2px solid #000;width: 100%;}
.wpcf7-textarea {height: 120px;}
.wpcf7-radio,.wpcf7-file {border: none !important;}
.wpcf7 p {margin-bottom:0px;}
#main ul {margin: 20px;}
#main ul li {font-size: 20px;}
p {margin-bottom: 20px;}


.sow-social-media-button {padding:25px !important;background: hsl(var(--blue)) !important;border:none !important;border-radius: 0px !important;font-size: 28px !important;}


.sow-icon-fontawesome:before,
.sow-icon-ionicons[data-sow-icon]:before {color:#FFF !important;}
.sow-icon span {color: #FFF !important;
    background: hsl(var(--blue));
    padding: 10px;
    height: 50px;
    display: block;
    text-align: center;
    border-radius: 30px;
    width: 50px;
    font-size: 28px;}

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

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


.sow-accordion-panel-header {background-color: hsl(var(--blue)) !important;}
.sow-accordion-panel-content p {color:#000;}

.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-top {margin-top: 40px;}

#inner-page-header {
    padding: 100px 0 100px 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);    border-bottom: 7px solid hsl(var(--blue));
    margin: 0 250px;
    padding-bottom: 20px;}
#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;margin-bottom: 20px;}
.wpcf7-textarea, textarea {width: 100%;height: 120px !important;}
section.related{clear: both;display: block;width: 100%;margin-top: 60px;}


footer .contact-form textarea,
footer textarea {height:60px !important;}

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;}






@media(max-width:1399px){
	.section{padding:4.5rem 0;}
	.hero-section{min-height:55rem;}
	.news-letter-section .container{gap:0 3rem;}
	.news-letter-form button{margin-left:1.5rem;}
	.news-letter-form input, .news-letter-form button, .news-letter-form .wpcf7-submit{height:5.4rem; font-size:1.9rem;}
}
@media(max-width:1199px){
	.section{padding:4rem 0;}
	.hero-section{min-height:50rem;}
	.news-letter-section .container{display:block;}
	.news-letter-section h3:not(:last-child){margin-bottom:2rem;}
	.news-letter-form button,.news-letter-form .wpcf7-submit{margin-left:0; width:20rem;}
}
@media(max-width:991px){
	.hero-section{min-height:45rem;}
	.news-letter-form input, .news-letter-form button{height:5.2rem; font-size:1.7rem;}
	article h3{border-bottom-width:.4rem; padding-bottom:1.5rem;}
	article h3:not(:last-child), article p:not(:last-child){margin-bottom:2rem;}
}
@media(max-width:767px){
	.nav-icon {
    width: 26px;
    height: 21px;z-index:999}
	.header-content-block p {margin-bottom:0px;}
	#inner-page-header {padding: 80px 0 50px 0;margin-top: 20px;}
	#inner-page-header h1 {font-size: 16px;margin: 0 20px !important;}
	.section{padding:3.5rem 0;}
	.hero-section{min-height:40rem;}
	.news-letter-form{flex-direction:column; gap:1.5rem;}
	.news-letter-form > *, .news-letter-form p{width:100%;display: block;}
	.news-letter-section h3{text-align:center;}
	.news-letter-form input, .news-letter-form .wpcf7-form-control-wrap{padding:0 1rem;}
}
@media(max-width:575px){
	.section{padding:3rem 0;}
	.news-letter-form button, .news-letter-form .wpcf7-submit{width:100%;}
	.sow-icon span {padding: 6px;height: 30px;width: 30px;font-size: 18px;}
}