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

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

.container{padding-left:15px; padding-right:15px;}
@media(min-width:1391px){
	.container{max-width:1390px;}
}
@media(max-width:1390px){
	.container{max-width:100%;}
}
.banner-section .swiper-slide {background-size: contain;}
#main{color: #FFF;}
.single-date{margin-bottom: 20px;}
img {height: auto}
#inner-page-header {margin: 20px 0}
body{font-family:var(--font-family); background-color:#000;}
.wrapper{width:100%; max-width:1440px; margin:0 auto; min-height:100vh;}
.header{min-height:150px; background-color:#000; padding:10px 0;}
.logo img{width:min(45vw, 654px);}
.hero-section{padding:30px 0; background-color:#a34499;}
.menu ul li{padding-left:20px; padding-top:10px; transition:all 0.1s linear;}
.menu ul li:hover{transform:translateX(10px);}
.menu ul li a{display:block; font-size:50px; text-transform:uppercase; color:#fff; line-height:0.9; padding:5px 35px; text-shadow:-4px 2px 3px rgba(0,0,0,0.8); position:relative;}
.menu ul li:not(:last-child){margin-bottom:15px;}
.menu ul li a.pink{background-color:var(--pink-color);}
.menu ul li a.yellow{background-color:var(--yellow-color);}
.menu ul li a.dark-gray{background-color:var(--dark-gray-color);}
.menu ul li a.green{background-color:var(--green-color);}
.menu ul li a.blue{background-color:var(--blue-color);}
.menu ul li a.red{background-color:var(--red-color);}
.menu ul li a::before{position:absolute; left:0; top:0; width:100%; height:15px; content:""; transform:translate(-8px, calc(-100% + 1px)) skew(47deg, 0);}
.menu ul li a::after{position:absolute; left:0; top:0; width:17px; height:100%; content:""; transform:translate(calc(-100% + 1px), -7px) skew(0, 40deg);}

.menu ul li a.pink::before{background-color:#f402b6;}
.menu ul li a.pink::after{background-color:#e902ae;}

.menu ul li a.yellow::before{background-color:#f7ba17;}
.menu ul li a.yellow::after{background-color:#f49c21;}

.menu ul li a.dark-gray::before{background-color:#0a0a0a;}
.menu ul li a.dark-gray::after{background-color:#000;}

.menu ul li a.green::before{background-color:#008540;}
.menu ul li a.green::after{background-color:#007538;}

.menu ul li a.blue::before{background-color:#0001f2;}
.menu ul li a.blue::after{background-color:#0001e6;}

.menu ul li a.red::before{background-color:#f10000;}
.menu ul li a.red::after{background-color:#e30101;}

.lightning{min-width:450px; position:relative;}
.lightning .lightning-image{position:absolute; right:0; bottom:0; max-width:100%; max-height:calc(100% + 80px);}
.light{position:absolute; left:50%; bottom:-30px; transform:translateX(-50%);}
.intro-section figure{padding:30px 15px; background:url(/wp-content/themes/theotherdale/images/intr-bg.jpg) center center no-repeat; background-size:cover;}
.intro-content{padding:40px;}
.article-header:not(:last-child), .article-content:not(:last-child){margin-bottom:30px;}
.article-content{padding-left:25px;}
.headding-box{padding-left:25px; padding-top:15px;}
.article-header h1{color:#fff; line-height:0.9; padding:10px 25px; background-color:var(--pink-color); position:relative; text-shadow:-4px 2px 3px rgba(0,0,0,0.8); margin-right:-40px;}
.article-header h1::before{position:absolute; left:0; top:0; width:100%; height:15px; content:""; transform:translate(-8px, calc(-100% + 1px)) skew(47deg, 0); background-color:#f402b6;}
.article-header h1::after{position:absolute; left:0; top:0; width:17px; height:100%; content:""; transform:translate(calc(-100% + 1px), -7px) skew(0, 40deg); background-color:#e902ae;}
.article h5{color:#fff;}
.article-content h5:not(:last-child){margin-bottom:30px;}
.footer-content{padding:45px 0; background: linear-gradient(to bottom, rgba(253,244,0,1) 0%,rgba(0,148,71,1) 100%);}
.footer-content-row:not(:last-child){margin-bottom:25px;}
.copyright{background-color:var(--red-color); padding:10px 0; min-height:70px;}
.copyright h5{color:#fff;}

.tattoo-header{min-height:110px; padding:10px 0; background-color:var(--blue-color);}
.tattoo-header h1{text-transform:uppercase; color:#fff; padding:0 20px; text-shadow:-4px 2px 3px rgba(0,0,0,0.8);}
.tattoo-header::before, .tattoo-header::after{flex-grow:1; content:""; height:43px; background:url(/wp-content/themes/theotherdale/images/multy-color-strip.png) left center repeat-x; background-size:auto 100%;}
.tattoo-content{padding:70px 0; background:url(/wp-content/themes/theotherdale/images/pattern-bg-1.png) center center no-repeat var(--dark-gray-color); background-size:cover;}
.tattoo-slider-wrap{padding:0 80px; position:relative;}
.tattoo-slider-wrap:not(:last-child){margin-bottom:40px;}
.swiper-slide{background-size:cover; background-repeat:no-repeat; background-position:center center; aspect-ratio:1;}
.slider-arrow{width:60px; height:60px; background-color:var(--yellow-color); border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); display:grid; place-items:center; font-size:40px; color:#000;}
.slider-arrow.slider-arrow-prev{left:0;}
.slider-arrow.slider-arrow-next{right:0;}
.slider-arrow.swiper-button-disabled{opacity:0.5; pointer-events:none;}

.service{padding:60px 15px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.service.service-1{background-image:url(/wp-content/themes/theotherdale/images/red-pattern.jpg);}
.service.service-2{background-image:url(/wp-content/themes/theotherdale/images/blue-pattern.jpg);}
.service.service-3{background-image:url(/wp-content/themes/theotherdale/images/green-pattern.jpg);}
.service-block:not(:last-child){margin-bottom:35px;}
.service h2, .service h4{color:#fff;}
.service h2{text-transform:uppercase;}
.service h2:not(:last-child){margin-bottom:10px;}
.service .btn{transform:translateY(50%); position:relative; z-index:2;}
.service-icon{width:230px; height:230px; border-radius:100%; border:15px solid #fff; margin:0 auto; display:grid; place-items:center}
.service-icon.service-icon-red{background-color:var(--red-color);}
.service-icon.service-icon-blue{background-color:var(--blue-color);}
.service-icon.service-icon-green{background-color:var(--green-color);}
.service-icon img{max-width:60%; max-height:60%;}

.banner-slider .swiper-slide{height:660px;}
.banner-section{position:relative;}
.banner-section::before{position:absolute; left:0; top:0; width:24px; height:100%; content:""; background:url(/wp-content/themes/theotherdale/images/vertical-strip-1.jpg) center top repeat-y; z-index:99;}
.banner-section::after{position:absolute; right:0; top:0; width:24px; height:100%; content:""; background:url(/wp-content/themes/theotherdale/images/vertical-strip-2.jpg) center top repeat-y; z-index:99;}
.section-header:not(:last-child){margin-bottom:50px;}
.faq-section{background:url(/wp-content/themes/theotherdale/images/faq-bg.jpg) center center no-repeat; background-size:cover; padding:50px 0;}
.section-header .headding-box h1{margin:0 auto; max-width:800px;}

.article-header h1.dark-gray{background-color:var(--dark-gray-color);}
.article-header h1.dark-gray::before{background-color:#0a0a0a;}
.article-header h1.dark-gray::after{background-color:#000;}
.img-1{max-width:461px;}
.accordian li:not(:last-child){margin-bottom:20px;}
.accordian-header{min-height:90px; background-color:#844584; padding:10px 50px; cursor:pointer; position:relative;}
.accordian-header h5{color:#fff; padding-right:30px; position:relative; flex-grow:1;}
.accordian-header h5::before{width:30px; height:4px; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#fff; content:"";}
.accordian-header h5::after{width:4px; height:30px; position:absolute; right:13px; top:50%; transform:translateY(-50%); background-color:#fff; content:"";}
.accordian-content{background-color:#844584; padding:10px 50px; padding-top:0; display:none;}
.accordian-content p{color:#fff;}
.accordian li.active .accordian-header h5::after{display:none;}

.bio-section{padding-top:50px; overflow:hidden; background-color:var(--dark-gray-color);}
.bio-section .row.rows .columns{padding-top:50px; padding-bottom:50px;}
.bio-image{position:relative;}
.bio-image img{position:relative; z-index:1; max-width:60%;}
.bio-image::before{position:absolute; left:0; top:0; width:50%; aspect-ratio:1; content:""; background-color:var(--yellow-color);}
.bio-image::after{position:absolute; right:0; bottom:0; width:50%; aspect-ratio:1; content:""; background-color:var(--green-color);}

.follow-strip{padding:20px 0; background-color:var(--blue-color);}
.follow-strip h1{text-transform:uppercase; color:#fff; text-shadow:-4px 2px 3px rgba(0,0,0,0.8);}
.follow-strip h1:not(:last-child){margin-right:70px;}

.studio-section{padding:50px 0; background:url(/wp-content/themes/theotherdale/images/studio-bg.jpg) center center no-repeat; background-size:cover;}
.studio-row:not(:last-child), .studio-row h5:not(:last-child){margin-bottom:30px;}
.studio-row h5{color:#fff;}
.studio-images img{width:100%;}
.studio-gallery ul li{cursor:pointer;}
.studio-gallery ul li img{width:100%;}
.studio-images:not(:last-child){margin-bottom:10px;}
.studio-gallery ul li:not(:last-child){margin-right:10px;}














.underline {border-bottom:5px solid var(--primary-color);padding-bottom: 20px;}
.form {padding:0px 30px;}
p:empty:before{display: none}
label {color:var(--primary-color);font-size: 24px;margin-bottom: 10px;}
.form-field-wrap{position:relative;}
.form-block:not(:last-child){margin-bottom:60px;}
.form-field:focus{outline:none;}
.form-field, .form-submit-btn, .browse label{width:100%; height:90px; border-radius:0px;}
.form-field{background-color:#fff; border:6px solid var(--red-dark-color); padding:0 35px; font-size:25px; font-family:var(--font-family-extraBold); color:#000;}
textarea.form-field{min-height:115px; padding-top:10px; padding-bottom:10px; font-size:25px; resize:none;}
.form-field-wrap label{position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 41px; pointer-events:none;}
.form-field-wrap label{font-size:30px; font-family:var(--font-family-extraBold); color:#000;}
.form-field-wrap label span{color:red;}
.form-field-wrap .form-field:focus ~ label{opacity:0;}
.form-field-wrap h4{padding-left:0px; font-family:var(--font-family-extraBold); color:var(--primary-color); padding-top:5px; padding-bottom:5px; line-height:30px;}
.form-field-wrap h5{font-family:var(--font-family-extraBold); color:#fff; padding-top:5px; padding-bottom:5px; line-height:30px;}
.browse input[type="file"]{display:none; opacity:0;}
.browse label.browse-label{border:0; background-color:var(--green-color); position:static; transform:none; display:flex; align-items:center; justify-content:center; pointer-events:auto;}
.submit-btn{min-width:50%; border-radius:35px; background-color:var(--primary-color);}
.btn.submit-btn:hover{color:#000;}
.form-field-wrap h4.pl-0{padding-left:0;}
.checkbox{max-width:970px;}
.checkbox input[type="checkbox"]{display:none;}
.checkbox label{display:block; font-size:25px; font-family:var(--font-family-extraBold); color:#fff; padding-left:80px; position:relative;}
/*
.checkbox label::before{width:42px; height:42px; background-color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); content:"";}
*/
.checkbox input[type="checkbox"]:checked ~ label::before{background-color:var(--green-color);}
.form-headding{font-family:var(--font-family-extraBold); color:#fff; padding-bottom:10px; border-bottom:5px solid var(--red-color);}
.form-headding:not(:last-child){margin-bottom:25px;}
.radio-list > .row.rows{margin:-10px;}
.radio-list > .row.rows > .columns{padding:10px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {background: #FFF;color: #000;}
.label2 {}
.wpcf7-text, .wpcf7-select, .wpcf7-textarea{border: 4px solid var(--red-color) !important;}
.wpcf7 input[type="file"] {
    color: #FFF;}
.radio input[type="radio"],
.radio input[type="checkbox"],
input[type="radio"]{display:none; opacity:0;}


.radio label,
.wpcf7-list-item-label{font-size:25px; color:var(--primary-color); font-family:var(--font-family-extraBold); padding-left:50px; position:relative; line-height:1.1;}
.radio label {padding-left:0px;}

.radio label.labelNoText{height:30px;}

.wpcf7-list-item-label::before,
input[type="checkbox"]::before,
input[type="radio"]::before{position:absolute; left:0; top:0; transform:translateY(-2%); content:""; width:30px; height:30px; border-radius:100%; background-color:#fff; border:4px solid var(--red-color);}

.radio input[type="radio"]:checked ~ label::before,
input[type="radio"]:checked ~ .wpcf7-list-item-label::before,
.radio input[type="checkbox"]:checked ~ label::before,
input[type="checkbox"]:checked ~ .wpcf7-list-item-label::before
{background-color:var(--red-color);}

.radio-list h4,
.wpcf7-list-item-label{color:var(--primary-color); font-family:var(--font-family-extraBold);}

.form-headding, h4 {color:var(--primary-color);}
.wpcf7-form-control-wrap {width:100%;}












@media(max-width:1390px){
	.header{min-height:130px;}
}
@media(max-width:1199px){
	.header{min-height:100px;}
	.lightning{min-width:400px;}
	.menu ul li a{font-size:40px; padding-left:15px;}
	.intro-content{padding:25px;}
	.article-header h1{margin-right:-25px;}
	.copyright{min-height:60px;}
	.tattoo-header{min-height:90px;}
	.tattoo-header::before, .tattoo-header::after{height:36px;}
	.tattoo-content{padding:60px 0;}
	.tattoo-slider-wrap{padding:0 70px;}
	.slider-arrow{width:50px; height:50px; font-size:35px;}
	.service{padding:50px 15px;}
	.service-icon{width:200px; height:200px; border-width:12px;}
	.banner-slider .swiper-slide{height:550px;}
	.img-1{max-width:350px;}
	.accordian-header{padding:10px 15px; min-height:80px;}
	.accordian-content{padding:10px 15px;}
	.accordian li:not(:last-child){margin-bottom:10px;}
	.accordian-header h5{padding-right:24px;}
	.accordian-header h5::before{width:24px; height:3px;}
	.accordian-header h5::after{width:3px; height:24px; right:10px;}
	.section-header:not(:last-child){margin-bottom:40px;}
	.follow-strip h1:not(:last-child){margin-right:50px;}
	.studio-row:not(:last-child), .studio-row h5:not(:last-child){margin-bottom:25px;}
	.form-field, .form-submit-btn, .browse label{height:80px; border-radius:0px;}
	.form-field{border-width:4px; padding:0 25px; font-size:22px;}
	.form-field-wrap label{padding:0 29px; font-size:25px;}
	.form-field-wrap h4{padding-left:25px;}
	textarea.form-field{min-height:100px;}
	.submit-btn{border-radius:30px;}
	.checkbox label{font-size:21px; padding-left:70px;}
	.checkbox label::before{width:38px; height:38px;}
	.form-block:not(:last-child){margin-bottom:50px;}
	.form-headding{border-bottom-width:4px;}
	.form-headding:not(:last-child){margin-bottom:20px;}
	.radio label{font-size:21px;}
}
@media(max-width:991px){
	.header{min-height:80px;}
	.lightning{min-width:300px;}
	.menu ul li a{font-size:30px;}
	.intro-content{padding:15px;}
	.article-header:not(:last-child), .article-content:not(:last-child){margin-bottom:20px;}
	.article-header h1{margin-right:-15px;}
	.footer-content{padding:35px 0;}
	.copyright{min-height:50px;}
	.tattoo-header{min-height:70px;}
	.tattoo-header::before, .tattoo-header::after{height:30px;}
	.tattoo-header h1{padding:0 10px;}
	.tattoo-content{padding:50px 0;}
	.tattoo-slider-wrap{padding:0 60px;}
	.slider-arrow{width:45px; height:45px; font-size:30px;}
	.service{padding:40px 15px;}
	.service-block:not(:last-child){margin-bottom:25px;}
	.service-icon{width:150px; height:150px; border-width:8px;}
	.service h4 br{display:none;}
	.banner-slider .swiper-slide{height:400px;}
	.accordian-header{padding:10px 15px; min-height:70px;}
	.accordian-header h5{padding-right:20px;}
	.accordian-header h5::before{width:20px; height:2px;}
	.accordian-header h5::after{width:2px; height:20px; right:9px;}
	.section-header:not(:last-child){margin-bottom:30px;}
	.bio-section .row.rows .columns{padding-top:15px; padding-bottom:15px;}
	.bio-image{padding-top:50px; padding-bottom:50px;}
	.bio-section{padding:30px 0;}
	.follow-strip h1:not(:last-child){margin-right:30px;}
	.studio-row:not(:last-child), .studio-row h5:not(:last-child){margin-bottom:20px;}
	.form-field, .form-submit-btn, .browse label{height:60px; border-radius:20px;}
	.form-field, .browse label{height:60px; border-radius:0px;}
	.form-field{border-width:2px; padding:0 20px; font-size:18px;}
	.form-field-wrap label{padding:0 22px; font-size:20px;}
	.form-field-wrap h4{padding-left:20px; line-height:normal;}
	.form-field-wrap h5{line-height:normal;}
	.submit-btn{border-radius:20px;}
	.checkbox label{font-size:20px; padding-left:50px;}
	.checkbox label::before{width:34px; height:34px;}
	.form-block:not(:last-child){margin-bottom:40px;}
	.form-headding{border-bottom-width:3px;}
	.form-headding:not(:last-child){margin-bottom:15px;}
	.radio label{font-size:20px; padding-left:0px;}
	.radio label::before{width:26px; height:26px;}
	.radio label.labelNoText{height:26px;}
}
@media(max-width:767px){
	.header{min-height:70px;}
	.menu ul li:not(:last-child){margin-bottom:10px;}
	.menu ul li a{font-size:26px;}
	.hero-section{padding:15px 0;}
	.footer-content-row:not(:last-child){margin-bottom:20px;}
	.footer-content{padding:30px 0;}
	.copyright{min-height:40px;}
	.tattoo-content{padding:40px 0;}
	.tattoo-slider-wrap{padding:0 50px;}
	.slider-arrow{width:40px; height:40px; font-size:25px;}
	.tattoo-slider-wrap:not(:last-child){margin-bottom:30px;}
	.service{padding:30px 15px;}
	.service-icon{width:120px; height:120px; border-width:5px;}
	.banner-slider .swiper-slide{height:450px;}
	.accordian-header{min-height:60px;}
	.accordian-header h5{padding-right:16px;}
	.accordian-header h5::before{width:16px; height:2px;}
	.accordian-header h5::after{width:2px; height:16px; right:7px;}
	.follow-strip{padding:15px 0;}
	.form-field, .form-submit-btn, .browse label{height:50px; border-radius:15px;}
	.form-field, .browse label{height:50px; border-radius:0px;}
	.form-field{border-width:2px; padding:0 15px; font-size:16px;}
	.form-field-wrap label{padding:0 17px; font-size:16px;}
	.form-field-wrap h4{padding-left:15px;}
	.submit-btn{border-radius:15px;}
	.checkbox label{font-size:19px; padding-left:40px;}
	.checkbox label::before{width:25px; height:25px;}
	.form-block:not(:last-child){margin-bottom:30px;}
	.form-headding{border-bottom-width:2px;}
	.radio label{font-size:19px; padding-left:0px;}
	.radio label::before{width:22px; height:22px; border-width:1px;}
	.radio label.labelNoText{height:22px;}
}
@media(max-width:575px){
	.header{min-height:60px;}
	.menu ul li a{font-size:22px;}
	.footer-content-row:not(:last-child){margin-bottom:15px;}
	.tattoo-slider-wrap{padding:0 40px;}
	.slider-arrow{width:35px; height:35px; font-size:20px;}
	.banner-slider .swiper-slide{height:400px;}
	.follow-strip h1:not(:last-child){margin-right:0; margin-bottom:15px;}
	.submit-btn{min-width:100%;}
	.checkbox label{font-size:18px;}
	.radio label{font-size:18px; padding-left:0px;}
	.radio label::before{width:20px; height:20px;}
	.radio label.labelNoText{height:20px;}
}