/*
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);}

.container{max-width:179.9rem; padding-left:3rem; padding-right:3rem;}
@media(max-width:575px){
	.container{padding-left:1.5rem; padding-right:1.5rem;}	
}

img {height: auto;}

h2 a {color:#000;}


.page-id-6512 #inner-page-header,
.page-id-6944 #inner-page-header,
.page-id-6516 #inner-page-header,
.page-id-6501 #inner-page-header {background-position: -121px;background-size: 126% !important;}


/*--Header Start--*/
header{position:relative; z-index:999;}
.header-top{min-height:7rem; background-color:hsl(var(--yellow)); position:relative; display:flex; align-items:center; justify-content:space-between;}
.header-top::after{position:absolute; left:50%; top:0; transform:translateX(-50%); width:150vw; height:100%; background-color:inherit; content:""; z-index:-1;}
.header-content{min-height:22rem; position:relative; display:flex; align-items:center; justify-content:space-between;}
.header-content::after{position:absolute; left:50%; top:0; transform:translateX(-50%); width:150vw; height:100%; background-color:hsl(var(--dark-gray)); content:""; z-index:-3;}
.logo img{max-width:39.6rem;}
header .logo:not(:last-child){margin-right:3rem;}
header nav a{font-size:2.6rem; font-family:var(--headding-font); color:hsl(var(--white)); text-transform:uppercase; display:block; padding:3rem 1.5rem; line-height:1; letter-spacing:.1rem; white-space:nowrap; position:relative;}
.social-media{display:flex; align-items:center;}
.social-media a{color:hsl(var(--dark-gray)); transition:color .1s linear;}
.social-media a:hover{color:hsl(var(--pink));}
.social-media > *:not(:last-child){margin-right:3rem;}
#main {padding-bottom:60px;}
#main .search{display:flex; align-items:center; flex-grow:1; max-width:40rem;}
.searchform div {display:flex;}
#searchsubmit {    font-family: var(--headding-font);
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    background-color: #ffdd19;}
#searchsubmit:hover {opacity:0.8;}
header .search {display: flex;}
header .search > *:not(:last-child){margin-right:.5rem;}
header .search input{border:0; width:100%; height:2.4rem; font-size:1.6rem; background:none; border-bottom:.1rem solid hsl(var(--dark-gray)); flex-grow:1;}

@media(max-width:1799px){
	.logo img{max-width:30rem;}
	.header-content{min-height:18rem;}
	header nav a{font-size:2.2rem; padding:2rem 1rem;} 
}
@media(max-width:1399px){
	.logo img{max-width:25rem;}
	.header-content{min-height:16rem;}
	header nav a{font-size:1.8rem;} 
	.social-media > *:not(:last-child){margin-right:2rem;}
}
@media(max-width:1199px){
	.logo img{max-width:20rem;}
	.header-content{min-height:14rem;}
	header nav a{font-size:1.6rem; padding:1.5rem 1rem;} 
	.header-top{min-height:6rem;}
	header .search{max-width:30rem;}
}
@media(min-width:992px){
	header nav{flex-grow:1; display:flex !important; align-items:center; justify-content:space-between; max-width:119rem;}
	header nav a::after{position:absolute; left:0; bottom:0; width:100%; height:0; background-color:hsl(var(--pink)); content:""; z-index:-2; transition:all .2s linear;}
	header nav a.active::after, header nav a:hover::after{height:50vh;}
}
@media(max-width:991px){
	header nav{position:absolute; left:-3rem; top:100%; width:100vw; display:none;}
	header nav a{background-color:hsl(var(--pink)); padding:1.5rem 3rem;}
	header nav a:not(:last-child){border-bottom:.1rem solid hsl(var(--pink-h), var(--pink-s), calc(var(--pink-l) - 10%)); transition:background-color .1s linear;}
	header nav a:hover{background-color:hsl(var(--pink-h), var(--pink-s), calc(var(--pink-l) - 10%));}
	.social-media > *:not(:last-child){margin-right:1.5rem;}
	.header-top{min-height:5rem;}
	header .search{max-width:25rem;}
}
@media(max-width:767px){
	.header-content{min-height:10rem;}
	.logo img{max-width:17rem;}
	header .search{max-width:20rem;}
}
@media(max-width:575px){
	header nav{left:-1.5rem;}
	header nav a{padding:1.2rem 1.5rem;}
	.social-media > *:not(:last-child){margin-right:1rem;}
	header .search{max-width:100%;}
	header .search:not(:last-child){margin-right:3rem;}
}
/*--Header End--*/

/*--Footer Start--*/
.footer-content, .copyright{padding:0 3rem;}
.copyright{background-color:hsl(var(--dark-gray)); padding-top:1rem; padding-bottom:1rem;}
.copyright p{text-align:center; font-size:1.4rem; text-transform:uppercase; color:hsl(var(--white)); font-family:var(--fw-medium);}
.copyright p a{color:hsl(var(--white));}
.copyright p a:hover{color:hsl(var(--pink));}
.footer-content{padding-top:3rem; padding-bottom:3rem; background-color:hsl(var(--yellow)); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.footer-content > *:not(:last-child){margin-bottom:2rem;}
.footer-logo img{max-width:37rem;}
footer .social-media{gap:1.2rem 2.2rem; flex-wrap:wrap; justify-content:center;}
footer .social-media a{width:4rem; height:4rem; border-radius:100%; background-color:hsl(var(--black)); display:grid; place-items:center; color:hsl(var(--white));}
footer .social-media a:not(:last-child){margin-right:0;}
footer ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1rem 3rem; text-transform:uppercase;}
footer ul li a{color:hsl(var(--black)); font-family:var(--headding-font); font-size:1.8rem;}
footer ul li a:hover{opacity:.8;}

@media(max-width:1399px){
	.footer-logo img{max-width:34rem;}
}
@media(max-width:1199px){
	.footer-logo img{max-width:30rem;}
	footer ul{gap:.5rem 2rem;}
	footer ul li a{font-size:1.6rem;}
}
@media(max-width:991px){
	.footer-logo img{max-width:26rem;}
}
@media(max-width:767px){
	.footer-logo img{max-width:22rem;}
}
@media(max-width:575px){
	footer .social-media{gap:1.2rem 1.2rem;}
	.footer-content, .copyright{padding:0 1.5rem;}	
	.footer-content{padding-top:3rem; padding-bottom:3rem;}
	.copyright{padding-top:1rem; padding-bottom:1rem;}
}
/*--Footer End--*/

/*--Hero Slider Start--*/
.slider{overflow:hidden;}
.slider .swiper-container{width:100%; height:100%;}
.slider__flex{display:flex; align-items:flex-start;}
.slider__col{display:flex; flex-direction:column; width:55rem;}
.slider__thumbs, .slider__images{height:66rem;}
.slider{position:relative;}
.slider::after{position:absolute; left:50%; top:0; transform:translateX(-50%); width:150vw; height:50%; z-index:-1; content:""; background-color:hsl(var(--dark-gray));}
.slider__images{flex-grow:1;}
.slider__image{width:100%; height:100%; overflow:hidden;}
.slider__image img{display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.thumb-post{display:flex; height:100%;}
.thumb-post-content{flex-grow:1; background-color:hsl(0, 0%, 95%);}
.thumb-post-image{width:21rem; overflow:hidden; flex-shrink:0;}
.thumb-post-image img{object-fit:cover; width:100%; height:100%;}
.thumb-post-content{display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:2rem;}
.thumb-post-content > *:not(:last-child){margin-bottom:1.5rem;}
.thumb-post-content p{font-family:var(--fw-medium); text-transform:uppercase;}
.thumb-post-content p.headding-font{letter-spacing:.1rem;}
.slider__thumbs .swiper-slide.swiper-slide-thumb-active .thumb-post-content{background-color:	hsl(51, 100%, 55%);}
.slider__thumbs .swiper-slide:not(:last-child){border-bottom:.1rem solid hsl(var(--black));}
.thumb-post-label{font-size:.8rem; text-transform:uppercase; font-family:var(--fw-medium); background-color:hsl(var(--yellow)); padding:.3rem .5rem;}

@media(min-width:1400px){
	.slider__thumbs .swiper-slide.swiper-slide-thumb-active .thumb-post-content{position:relative;}	
	.slider__thumbs .swiper-slide.swiper-slide-thumb-active .thumb-post-content::after{position:absolute; left:0; top:0; transform:translateX(-100%); width:1rem; height:100%; content:""; background-color:inherit;}
}
@media(max-width:1399px){
  .slider__flex{flex-direction:column-reverse;}
  .slider__col{flex-direction:row; align-items:center; margin-right:0; width:100%;}
  .slider__images{width:100%;}
  .slider__thumbs{width:100%; height:20rem;}
  .slider__prev, .slider__next{height:auto; width:3.2rem;}
}
@media(max-width:767px){
	.thumb-post-image{width:16rem;}	
	.slider__images{height:50rem;}
}
/*--Hero Slider End--*/


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {    border-color: #fea40a;
    background: #fea40a;}

.newsletter-form-section .wpcf7 {margin-top:30px;}
.newsletter-form-section{padding:4rem 0; background-color:hsl(var(--dark-gray));}
.newsletter-form-section .container{display:flex; align-items:center; justify-content:space-between; gap:3rem;}
.newsletter-form-section h2{font-family:var(--headding-font); text-transform:uppercase; color:hsl(var(--yellow)); letter-spacing:.2rem; display:flex; align-items:center;}
.newsletter-form-section h2::after{height:1.2rem; background-color:hsl(var(--yellow)); content:""; flex-grow:1; margin-left:2rem;}
.newsletter-form-section h2 + p{font-size:var(--fs-sm); color:hsl(var(--white)); font-family:var(--fw-medium); text-transform:uppercase;}
.newsletter-form{display:flex; gap:1rem 2rem; flex-grow:1; max-width:95rem;}
.newsletter-form .wpcf7-form-control-wrap{flex-grow:1; width:100%;padding: 0 10px}
.newsletter-form p {display: flex;}
.newsletter-form input.wpcf7-text{background-color:hsl(var(--white)); padding:0 3rem;}

.newsletter-form input::placeholder{text-transform:uppercase; opacity:1; color:hsl(var(--black));}

.newsletter-form input:focus::placeholder{opacity:0; color:transparent;}
.newsletter-form button{width:24rem; display:grid; place-items:center; flex-shrink:0; background-color:hsl(var(--yellow));}
.newsletter-form button:hover{background-color:hsl(var(--yellow-h), var(--yellow-s), calc(var(--yellow-l) - 5%));}
.newsletter-form input, .newsletter-form button{    font-size: 25px !important;
    height: 60px !important;height:7rem; border:0; font-family:var(--fw-medium); font-size:var(--body-font-size); color:hsl(var(--black));}

main{padding:var(--lg) 0;}
main .section:not(:last-child){margin-bottom:var(--lg);}
.section{position:relative;}

.journalist-section::after{position:absolute; left:50%; top:50%; transform:translateY(-50%); content:""; background-color:hsl(var(--pink)); width:100%; height:50%; z-index:-1;}
.journalist{padding:4rem 8rem 4rem 0; display:flex; align-items:center; gap:5rem 8rem; position:relative; isolation:isolate;}
.journalist::after{position:absolute; right:0; top:0; width:calc(100% - 18rem); height:100%; background-color:hsl(var(--dark-gray)); content:""; z-index:-1;}
.journalist figure{flex-shrink:0;}
.journalist img{width:36rem;}
.journalist article h3{font-family:var(--headding-font); letter-spacing:.1rem; text-transform:uppercase; text-align:center;}
.journalist article h3 sup{font-size:1.6rem;}
.journalist article h3, .journalist article p{color:hsl(var(--white));}
.journalist article p{font-family:var(--fw-medium); line-height:1.2;}
.journalist article > *:not(:last-child){margin-bottom:3rem;}
.buttons{display:flex; align-items:center; gap:1rem 5rem;}
.buttons .btn{flex:1 0 0%;}

.ads{display:flex; align-items:center; gap:4rem;}
.ads a{flex-shrink:0; flex:1 0 0%; display:block; height:30rem; position:relative;}
.ads a img{object-fit:cover; width:100%; height:100%;}
.ads a h1{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-transform:uppercase; text-align:center; color:hsl(var(--white)); font-family:var(--headding-font); padding:3rem;}

.page-banner img{width:100%;}

.section-header:not(:last-child){margin-bottom:4rem;}
.section-header h2{font-family:var(--headding-font); text-transform:uppercase; display:flex; align-items:center; gap:2rem;}
.section-header h2 i, .section-header h2 svg{color:hsl(var(--yellow)); font-size:calc(var(--h2) + 1rem);}

.feeds{display:grid; grid-template-columns:repeat(6, 1fr); gap:.3rem;}
.feeds a{aspect-ratio:1; overflow:hidden;}
.feeds img{width:100%; height:100%; object-fit:cover;}

.post {margin-bottom:40px;}
.post figure{height:23.5rem; overflow:hidden;}
.post figure img{object-fit:cover; width:100%; height:100%;}
.post > *:not(:last-child){margin-bottom:2rem;}
.post h5{font-family:var(--headding-font); text-transform:uppercase; letter-spacing:.1rem;}
.readmore{font-family:var(--headding-font); color:hsl(var(--yellow)); display:inline-flex; align-items:center;}
.readmore i, .readmore svg{margin-left:.5rem;}
.readmore:hover{opacity:.8;}

/*.article-slider-wrap{width:75%;}*/
.article-slider .swiper-slide.swiper-slide-visible{opacity:1;}
.article-slider-wrap .section-header{display:flex; align-items:center; justify-content:space-between;}
.slider-arrows{display:flex; align-items:center;}
.slider-arrows > *:not(:last-child){margin-right:2rem;}
.slider-arrow{cursor:pointer;}


#inner-page-header.no-header {padding: 50px 0 50px 0;color: #000;}

.wpcf7-submit,
.ow-button-base span {
	background:hsl(var(--yellow));
	font-family: var(--headding-font) !important;
	color:#000;
	font-size: 27px;
}
.wpcf7-submit:hover,.ow-button-base a:hover {background:hsl(var(--yellow));opacity:0.8;}
.wpcf7-submit,
.ow-button-base a {
	max-width: 100%;
    width: 360px;
	height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    font-family: var(--headding-font);
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    padding: 1rem 2rem;
    letter-spacing: 0.1rem;
    background: hsl(var(--yellow)) !important;
    border-radius:0px!important;
    border:none !important;
	height: 60px !important;
    width: 340px !important;
}

.wpcf7 label {font-weight:bold;}
.wpcf7 label,
.wpcf7-form-control-wrap {width: 100%;fo}
.wpcf7-form-control {border: 2px solid #000;width: 100%;}
.wpcf7-textarea {height: 120px;}
.wpcf7-radio,.wpcf7-file {border: none !important;}

#main ul {margin: 20px;}
#main ul li {font-size: 20px;}
p {margin-bottom: 20px;}

.testimonial-slider {position: relative;overflow: hidden;}
.testimonial-slider .swiper-slide {padding: 0 60px;}
.single-testimonial {display:flex;display: flex;
    background: #FFF;
    padding: 60px 40px;
    border-radius: 60px;}
.single-testimonial .photo-wrap {max-width: 100%;
    width: 480px;
    margin: 0px 40px;}
.single-testimonial h3 {color: #fb2e9c !important;text-align:left !important;}
.single-testimonial .photo-wrap img {margin: 0 auto;border-radius:150px;}
.single-testimonial p {color:#000 !important;}

.search-result h3 {margin:0 !important;}
.search-result-count {width:100%;text-align: center;margin:40px 0;}
.search-post-title {width:100%;}
.search-post-title a {font-family: var(--headding-font);
    margin: 0 auto;
    max-width: 100%;
    letter-spacing: 0.3rem;color: #000 !important;text-transform: uppercase;}

.search-result {margin-bottom:60px;}

.widget {margin-bottom:20px;}


.desc {height: 110px;
    overflow: hidden;}
p.date {    min-height: 20px;}

#main h2,
#main h3,
.single #inner-header h1 {
	font-size:32px;
	font-family: var(--headding-font);
    border-bottom: 5px solid #fb2e9c;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 10px;
    margin:60px 0;
    letter-spacing: 0.3rem;color: #000;text-transform: uppercase;
}


.pagination {display: block;text-align: center;}
.pagination span,
.pagination a {padding: 10px 20px;border: 2px solid;}
.pagination a:hover {background: #000;color: #FFF;}
.pagination span:nth-of-type(1) {border: none;}




.tribe-common {z-index: 99;}
.tribe-common-a11y-visual-hide {display:none;}

.tribe-common button, .tribe-common input, .tribe-common select, .tribe-common textarea {}
.tribe-events-c-subscribe-dropdown .tribe-common button,
.tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {    background-color: hsl(var(--yellow)) !important;
    color: #000 !important;
    font-family: var(--font-headding) !important;
    text-transform: uppercase;
    border: none !important;
    border-radius: 0px !important;
    font-weight: bold !important;margin-left:15px;}

.tribe-common-c-btn-border,
.tribe-events-c-subscribe-dropdown__button,
#panel-6516-0-0-0 h2 {border-bottom:none;margin:0 !important;}
#panel-6516-0-0-0 a {color:#000;}
#panel-6516-0-0-0 svg {margin-bottom: -10px;}
#panel-6516-0-0-0 .btn {background: hsl(var(--yellow));color:#000;}

.sby_follow_btn {display:none !important;}

.sby_footer,
.sby_items_wrap {background:#FFF;}


.video-container{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}


#yottie_1 .yottie-widget-feed-section-arrow {
    background: #fb2e9c !important;}

h3.widget-title {
	font-family: var(--headding-font);
    border-bottom: 5px solid #fb2e9c;
    margin: 0 auto !important;
    max-width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px !important;
    letter-spacing: 0.3rem;
}
p {font-size: 18px;}


.sow-accordion-panel-header {background-color: var(--primary-color) !important;}



#pg-6531-2,#pg-6531-3 {margin-bottom:0px !important;}
.footer-top {margin-top: 40px;}

#inner-page-header {
    padding: 150px 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(--headding-font);
    background: hsl(51, 100%, 55%);
    color: #000;
    width: 500px;
    margin: 0 auto;letter-spacing: 0.3rem;width: fit-content;
    padding: 0 10px;}
#inner-page-header p {font-size: 30px;}


/* Woocommerce  */

.woocommerce-input-wrapper,
.wpcf7 p {margin-bottom: 0px;}
.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;}


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:1599px){
	.newsletter-form-section h2::after{height:1rem; margin-left:1.5rem;}
	.newsletter-form input, .newsletter-form button{height:6rem;}
	.newsletter-form{gap:1rem;}
	.newsletter-form input{padding:0 2rem;}
	.buttons{gap:1rem 2rem;}
	.journalist{padding:4rem 3rem 4rem 0; gap:3rem;}
	.journalist img{width:30rem;}
	.journalist::after{width:calc(100% - 15rem);}
}
@media(max-width:1399px){
	.newsletter-form-section h2::after{height:.8rem;}
	.newsletter-form button{width:20rem;}
	.journalist article h3 br{display:none;}
	.ads{gap:3rem;}
	.ads a{height:27rem;}
}
@media(min-width:1200px){
	.article-slider .swiper-slide{opacity:.4;}	
}
@media(max-width:1199px){
	.newsletter-form-section h2::after{height:.6rem;}
	.journalist img{width:26rem;}
	.journalist::after{width:calc(100% - 13rem);}
	.buttons{gap:1rem;}
	.ads{gap:2rem;}
	.ads a{height:24rem;}
	.feeds{grid-template-columns:repeat(4, 1fr);}
	.article-slider-wrap{width:100%;}
}
@media(max-width:991px){
	.newsletter-form-section h2::after{height:.4rem;}
	.newsletter-form input, .newsletter-form button{height:5rem;}
	.newsletter-form button{width:18rem;}
	.journalist{flex-direction:column; padding:3rem; padding-top:0;}
	.journalist img{width:auto; height:24rem;}
	.journalist::after{width:100%; height:calc(100% - 12rem); top:auto; bottom:0;}
	.journalist article{text-align:center;}
	.journalist-section::after{display:none;}
	.ads a{height:20rem;}
	.feeds{grid-template-columns:repeat(3, 1fr);}
	.section-header:not(:last-child){margin-bottom:3rem;}
}

@media(min-width:767px){

	.home-slider-mobile {display:none;}

}

@media(max-width:767px){

	.home-slider-desktop {display:none;}


	.single-testimonial {display: block;}
	.single-testimonial .photo-wrap {margin:0px;}
	.dark-background-row h3.widget-title {font-size: 16px !important;margin-top: 40px !important;text-align: center !important;}
	#home-slider .slider__images {display:none;}
	.newsletter-form button{width:16rem;}
	.journalist img{height:20rem;}
	.journalist::after{height:calc(100% - 10rem);}
	.buttons{flex-direction:column;}
	.buttons .btn{width:100%;}
	.ads{flex-direction:column;}
	.ads a{width:100%;}
	.feeds{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:640px){

	.newsletter-form{flex-direction:column;}
	.newsletter-form .wpcf7-submit {margin-left:10px;}
	.newsletter-form button{width:100%;}
	#inner-page-header {padding: 50px 0 50px 0;}
	.newsletter-form p,
	.newsletter-form-section .container {display: block;}
}
@media(max-width:575px){
	.newsletter-form input{padding:0 1.5rem;}
	.feeds{grid-template-columns:repeat(1, 1fr);}
	.section-header:not(:last-child){margin-bottom:2rem;}
	.post figure{height:20rem;}
}

.dark-background-row h3.widget-title {padding:20px 0;border-bottom:none !important;text-align:center;color:#fb2e9c !important;}

.dark-background-row p {color: #FFF;}

.dark-background-row {padding:30px;background: #231f20;}
