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

body{font-family:var(--font-family); font-weight:var(--fw-regular); font-size:var(--body-fs); color:hsl(var(--black)); overflow-x:hidden;}
.container{max-width:129.9rem; padding-left:var(--xs); padding-right:var(--xs);}

.row{margin:-1.5rem;}
.row > *{padding:1.5rem;}

.image-blue-borders {padding: 40px;}
.image-blue-borders img {border: 10px solid hsl(var(--light-blue));border-radius: 43px;}

.contact-icons-top {font-size: 24px;}
.contact-icons svg {color: #FFF;font-size: 24px;}
.contact-icons-top svg {color: hsl(var(--blue));}

.page-template-default .hero-section {border-bottom: 10px solid hsl(var(--light-blue));margin-bottom: 40px;}

.hero-section{padding:2.5rem 0; background:linear-gradient(to bottom, hsl(var(--green)) 0%, hsl(var(--blue)) 100%);}
.hero-section img{max-width:35.5rem;}
.social-media{display:flex;}
.social-media a{width:4rem; height:4rem; display:grid; place-items:center; background-color:hsl(var(--light-blue)); color:hsl(var(--black)); font-size:1.7rem;}
.social-media a:hover{background-color:hsl(var(--blue)); color:hsl(var(--white));}
.social-media a:not(:last-child){margin-right:1.5rem;}
.hero-section .social-media:not(:last-child){margin-bottom:1.5rem;}

nav{min-height:6.5rem; background:hsl(var(--dark-gray)); display:flex; align-items:center; justify-content:space-between; padding:0 2rem; border:.1rem solid hsl(var(--black)); position:relative;}
nav h5{font-family:var(--secondary-font); color:hsl(var(--white));}
nav ul{display:flex; align-items:center;}
nav ul li:not(:last-child){margin-right:2.5rem;}
nav ul li a{font-size:1.8rem; font-weight:var(--fw-bold); text-transform:uppercase; color:hsl(var(--white));}
nav ul li a:hover{color:hsl(var(--blue));}

.hero-section h1{font-family:var(--secondary-font); text-align:center; color:hsl(var(--white));}
.hero-section h1 span{text-transform:uppercase; display:block;}
.hero-content{display:flex; align-items:center; justify-content:center;}
.hero-content figure{padding:2rem 0;}

.section{padding:5rem 0;}
.music-section{border-top:1rem solid hsl(199, 57%, 69%); position:relative; isolation:isolate; background-color:hsl(185, 52%, 87%);}
.music-section::after{position:absolute; inset:0; z-index:-1; content:""; background:url(/wp-content/themes/itchbeardproductions/images/wave.png) center center no-repeat; background-size:90% auto;}
.music-section .container{max-width:96rem;}
.music-section .row{margin:-3rem -4rem;}
.music-section .row > *{padding:3rem 4rem;}
.music-section p{font-weight:var(--fw-bold); text-transform:uppercase; color:hsl(var(--black));}
.music-section p:not(:last-child){margin-bottom:1.5rem;}
.music-section audio{width:100%; border-radius:3rem;}

.service-section{background:url(/wp-content/themes/itchbeardproductions/images/bg.jpg) center center repeat;}
.service-icon{width:15rem; height:15rem; border-radius:3rem; display:grid; place-items:center; background-color:hsl(var(--light-blue)); margin-left:auto; margin-right:auto;}
.service p{color:hsl(var(--white)); font-weight:var(--fw-bold); text-align:center; text-transform:uppercase;}
.service-icon:not(:last-child){margin-bottom:2rem;}
.service-icon img{max-width:60%; max-height:60%;}
.buttons:not(:first-child){margin-top:5rem;}

.testimonial-slider-wrap{border:1.5rem solid hsl(var(--light-blue)); padding:3.5rem 8rem; position:relative;}
.slider-arrow{position:absolute; top:50%; transform:translateY(-50%); font-size:3rem;}
.slider-arrow.slider-arrow-prev{left:3rem;}
.slider-arrow.slider-arrow-next{right:3rem;}
.testimonial-slide{text-align:center;}
.testimonial-slide h2{font-family:var(--secondary-font);}
.testimonial-slide h2:not(:last-child){margin-bottom:4rem;}
.testimonial-slide p{font-weight:var(--fw-semibold); text-align:start;}
.testimonial-slide p:last-child{text-align:center; text-transform:uppercase; margin-top:2rem;}
.testimonial-slider .swiper-slide{opacity:0 !important;}
.testimonial-slider .swiper-slide.swiper-slide-visible.swiper-slide-active{opacity:1 !important;}
.slider-arrow.swiper-button-disabled{opacity:0.2;}

.copyright{padding:1rem 0; background-color:hsl(var(--dark-gray));}
.copyright .container{display:flex; align-items:center; justify-content:space-between;}
.copyright p, .copyright a{color:hsl(var(--white)); font-weight:var(--fw-bold); font-size:var(--fs-xs);}
.copyright a:hover{color:hsl(var(--white)); text-decoration:underline;}
.footer-links{display:inline-flex; align-items:center;}
.footer-links a:not(:last-child){margin-right:1.5rem;}

.footer-content{padding:4rem 0; background:linear-gradient(to bottom, hsl(var(--blue)) 0%, hsl(var(--green)) 100%);}
.footer-content h5{font-family:var(--secondary-font); color:hsl(var(--dark-gray));}
.footer-content h5:not(:last-child){margin-bottom:1.5rem;}
.footer-content ul li:not(:last-child){margin-bottom:1.5rem;}
.footer-content ul li p{text-transform:uppercase; font-weight:var(--fw-bold); color:hsl(var(--dark-gray));}
.footer-content ul li p i, .footer-content ul li p svg{font-size:2rem; margin-right:1rem;}
footer .social-media a{width:3rem; height:3rem; font-size:1.5rem; background-color:hsl(var(--dark-gray)); color:hsl(var(--white));}
footer figure img{max-width:22rem;}
.contact-form{width:50rem;}
.contact-form .row{margin:-.5rem -1rem;}
.contact-form .row > *{padding:.5rem 1rem;}
.contact-form input, .contact-form textarea{width:100%; height:3rem; border:0; padding:0 1rem; font-size:1rem;}
.contact-form input::placeholder, .contact-form textarea::placeholder{opacity:1; color:hsl(var(--dark-gray));}
.contact-form input:focus::placeholder, .contact-form textarea:focus::placeholder{opacity:0; color:transparent;}
.contact-form textarea{resize:none; border:0; padding:1rem; min-height:5rem;}
.contact-form button[type="submit"]{width:100%; max-width:50%; height:3.5rem; background-color:hsl(var(--dark-gray)); display:inline-flex; align-items:center; justify-content:center; padding:.5rem 1rem; font-size:1.2rem; text-transform:uppercase; font-weight:var(--fw-bold); color:hsl(var(--white));}


@media(max-width:1299px){
	.hero-section img{max-width:30rem;}
	nav ul li a{font-size:1.6rem;}
	nav ul li:not(:last-child){margin-right:2rem;}
	.testimonial-slider-wrap{border-width:1.2rem;}
}
@media(max-width:1199px){
	.hero-section{padding:2rem 0;}
	.hero-content{flex-direction:column;}
	.hero-section img{max-width:25rem;}
	.music-section .row{margin:-1.5rem -1.5rem;}
	.music-section .row > *{padding:1.5rem 1.5rem;}
	.service-icon{width:13rem; height:13rem; border-radius:2rem;}
	.testimonial-slider-wrap{border-width:1rem;}
	.testimonial-slide h2:not(:last-child){margin-bottom:3.5rem;}
	.slider-arrow{font-size:2.5rem;}
	.slider-arrow.slider-arrow-prev{left:2rem;}
	.slider-arrow.slider-arrow-next{right:2rem;}
	.testimonial-slider-wrap{padding:3rem 5rem;}
	footer figure img{max-width:18rem;}
	.contact-form{width:100%;}
}
@media(max-width:991px){
	.section{padding:4rem 0;}
	.hero-section img{max-width:20rem;}
	.service-icon{width:10rem; height:10rem; border-radius:1.5rem;}
	.buttons:not(:first-child){margin-top:4rem;}
	.testimonial-slider-wrap{border-width:.8rem;}
	.testimonial-slide h2:not(:last-child){margin-bottom:3rem;}
}
@media(min-width:768px){
	nav ul{display:flex !important;}
}
@media(max-width:767px){
	nav{border:0; min-height:5rem;}
	nav ul{display:none; position:absolute; left:0; top:100%; width:100%;}
	nav ul li{border-top:.1rem solid hsl(var(--black));}
	nav ul li:not(:last-child){margin-right:0;}
	nav ul li a{padding:1rem 1.5rem; display:block; background-color:hsl(var(--dark-gray));}
	nav ul li a:hover{background-color:hsl(var(--black));}
	.social-media a{width:3.5rem; height:3.5rem; font-size:1.5rem;}
	.social-media a:not(:last-child){margin-right:1rem;}
	.music-section::after{display:none;}
	.testimonial-slider-wrap{border-width:.6rem;}
	.testimonial-slide h2:not(:last-child){margin-bottom:2.5rem;}
	.copyright .container{display:block; text-align:center;}
	.copyright p:not(:last-child){margin-bottom:1rem;}
}
@media(max-width:575px){
	.section{padding:3rem 0;}
	.buttons:not(:first-child){margin-top:3rem;}
	.service-icon{width:8rem; height:8rem; border-radius:1rem;}
	.service-icon:not(:last-child){margin-bottom:1rem;}
	.testimonial-slide h2:not(:last-child){margin-bottom:2rem;}
	.contact-form .row{margin:-.5rem;}
	.contact-form .row > *{padding:.5rem;}
	.testimonial-slider-wrap {
    padding: 3rem 1rem;}
}
#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;
}
.wpcf7-submit,
.ow-button-base a {
	background: hsl(var(--blue)) !important;
    min-height: 45px !important;
    font-size: 14px !important;
	color: #fff !important;border: 0 !important;
    border-radius: 0 !important;
    width: 180px;
    max-width: 100%;
}

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

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

h3.widget-title {
	font-family: var(--secondary-font);
	border-bottom: 5px solid hsl(var(--light-blue));
	margin:  0 auto;
	max-width: 100%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 30px;
}
p {font-size: 18px;margin-bottom: 15px;}


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