/*
Theme Name:   Anax Designs Child
Template:     anax-designs
Text Domain: anax-designs-child
Version:      1.0.0
*/


/* Row */
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

/* Columns common */
[class*="col-"] {
    padding: 0 15px;
    width: 100%;
}

/* 12 column system */
.col-1  { width: 8.33%; }
.col-2  { width: 16.66%; }
.col-3  { width: 25%; }
.col-4  { width: 33.33%; } /* 3 per row */
.col-5  { width: 41.66%; }
.col-6  { width: 50%; }   /* 2 per row */
.col-7  { width: 58.33%; }
.col-8  { width: 66.66%; }
.col-9  { width: 75%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.66%; }
.col-12 { width: 100%; }


#site-preloader{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999999;background: radial-gradient(circle,rgba(108, 0, 6, 1) 36%, rgba(108, 0, 6, 1) 22%, rgba(0, 0, 0, 1) 100%);}



#site-preloader figure img {animation: pulse 1s linear infinite;max-width: 500px;}
#site-preloader figure {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;height: 100%;}

@keyframes pulse {
  0% {
    opacity: 0.9;
    transform: scale(0.8);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.9;
    transform: scale(0.8);
  }
}

.wp-block-site-logo img { position: absolute; top: 50px; margin: 0 auto; left: 0; right: 0; }
.signature-art h3, .equipped-sec h4, .design-sec, .bringer-sec h5, .shop-box h5, .shop-box { position: relative; } 
.signature-art h3:after { content: ""; position: absolute; bottom: -20px; background: #fff; width: 100px; height: 2px; left: 0; }
.design-box img {max-width: 70px;}
.design-sec::after { content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; height: 3px; background: linear-gradient( to right, transparent 0%, rgba(255,255,255,0.4) 20%, #f5deb4 50%, rgba(255,255,255,0.4) 80%, transparent 100% )}
.equipped-sec h4:after { content: ""; position: absolute; width: 40px; background: #afafaf; height: 2px; bottom: -35px; left: 0; right: 0; margin: 0 auto; } 
.bringer-sec h5:after { content: ""; position: absolute; background: #fff; width: 80px; height: 2px; left: 0; right: 0; margin: 0 auto; bottom: -30px; }
.shop-box h5:after {content: "";position: absolute;background: #f5deb4;width: 30px;left: 0;/* right: 0; */height: 2px;bottom: -20px;margin: 0 auto;}
.design-sec {display: flex;gap: 10px;}
.axe-pic { position: absolute; right: 20px; }
.nav-menu { position: absolute; width: 100%; z-index: 999; }
.wp-block-site-logo img {top: -50px;}
.menu-sec ul li, .accounting-sec .wp-block-getwid-icon-box { position: relative; } 
.menu-sec ul li:after, .accounting-sec .wp-block-getwid-icon-box:after { content: ""; position: absolute; right: -40px; background: #fff; height: 10px; width: 1px; } 
.menu-sec ul li:last-child::after { content: none; }
.accounting-sec .wp-block-getwid-icon-box:after { right: 0px;top: 15px; } 
.accounting-sec .wp-block-columns .wp-block-column:last-child .wp-block-getwid-icon-box:after {display: none;}
.footer .wp-block-site-logo img {top: -65px;}

.products-type img { border-radius: 50%; width: 100%; height: 100%; } 
.products-type h4 { font-size: 16px !important; text-align: center; line-height: 130%; margin-top: 30px; }
.shop-box:before { content: ""; position: absolute; left: -20px; background: #75040a; height: 100%; width: 40px; top: 0; }
.service-home img {opacity: 0.3;}
.wp-block-button__link:hover {background: #fff;color: #000;}

.slick-prev, .slick-next { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.wp-block-getwid-post-carousel .slick-prev{ background:url(images/previous.png) 0 0 no-repeat; } 
.wp-block-getwid-post-carousel .slick-next{ background:url(images/next.png) 0 0 no-repeat; } 
.slick-prev::before, .slick-next::before { display: none; }
.slick-next { right: -55px !important; } 
.slick-next, .slick-prev { top: 60%; } 
.slick-prev { left: -55px !important; }

.year_text {position: relative; z-index: -1;}
.about_main {position: relative; z-index: 0;}


.gallery_sec .wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content-wrapper{border:none}
.gallery_sec .wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content-wrapper .wp-block-getwid-tabs__tab-content{border:none;padding:0}
.gallery_sec .wp-block-getwid-tabs ul{margin-bottom:40px;gap:10px}
.gallery_sec .wp-block-getwid-tabs ul li{background:transparent;border:solid 1px #fff;margin:0}
.gallery_sec .wp-block-getwid-tabs ul li span.wp-block-getwid-tabs__title-wrapper a{color:#fff;padding:10px 20px!important}
.gallery_sec .wp-block-getwid-tabs ul li.ui-tabs-active{background:#560a10;border:solid 2px #560a10}
.gallery_sec figure.wp-block-gallery figure{border:solid 3px #560a10}


.service_tabs .wp-block-getwid-tabs ul li h5.wp-block-getwid-tabs__title-wrapper img{max-width:70px;border-radius:50px;height:70px}
.service_tabs .wp-block-getwid-tabs ul li h5.wp-block-getwid-tabs__title-wrapper span.wp-block-getwid-tabs__title{display:flex;align-items:center;gap:10px;color:#fff}
.service_tabs .wp-block-getwid-tabs ul li span.wp-block-getwid-tabs__title-wrapper span.wp-block-getwid-tabs__title br{display:none}
.service_tabs .wp-block-getwid-tabs ul li{border:none!important;background:transparent}
.service_tabs .wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{border:none; padding: 0 20px}
.service_tabs .wp-block-getwid-tabs ul li{position:relative;margin: 0 !important;}
.service_tabs .wp-block-getwid-tabs ul li:before{content:"";position:absolute;bottom: -10px;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 0%,#fff6 20%,#f5deb4 50%,#fff6 80%,transparent 100%);display:block;}
.service_tabs .wp-block-getwid-tabs ul {gap: 20px;}


.mapsec iframe {width: 100%; max-width: 100%;}

.main_form input,.main_form textarea{width:100%;background:#302d2d;padding:10px;color:#fff;font-size:14px;margin-bottom:10px}
.main_form textarea{height:130px}
.main_form .btn-primary{width:auto;background:#75040a;padding:10px 25px;font-size:14px}

h4.cst_heading{position:relative}
h4.cst_heading:before{content:"";position:absolute;background:#fff;width:80px;height:2px;left:0;right:0;margin:0 auto;bottom:-30px}

.service_tabs .wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content figure img {
    width: 100%;
}

.my_work .wp-block-getwid-images-slider__item figure img {
    border-radius: 20px;
}
.freek-sec, .tattoo-life{overflow:hidden;}
.my_work { padding-bottom: 80px !important; }
.wpcf7 form.sent .wpcf7-response-output { color: #fff; border-color: #75040a; }
.wpcf7 form .wpcf7-response-output {border: 2px solid #75040a;color: #fff;}

.banner_bullets{display:inline-flex;gap:10px}
.banner_bullets li{background:#09090966;border-radius:50px;padding:5px 20px;border:solid 1px #fff6;backdrop-filter:blur(48px);color:#f5deb4}


.home_faqs .wp-block-getwid-accordion__header-wrapper{border-radius:2px 2px 0 0!important;border: solid 1px #f5deb4 !important;border-bottom:none!important;margin-top:10px}
.home_faqs .wp-block-getwid-accordion__content-wrapper{border: solid 1px #f5deb4 !important;border-top:none!important;border-left: 0 !important;border-right: 0 !important;}
.home_faqs .wp-block-getwid-accordion__content-wrapper .wp-block-getwid-accordion__content{padding:15px 20px;border-right: 1px solid #f5deb4;border-left: 1px solid #f5deb4;}
.home_faqs .wp-block-getwid-accordion__content-wrapper .wp-block-getwid-accordion__content p{color: #f5deb4;line-height:22px;font-size:14px;font-weight:300;font-style:italic}
.home_faqs .wp-block-getwid-accordion__header-wrapper h3.wp-block-getwid-accordion__header span{padding:9px 25px 9px 14px !important;font-size: 17px;line-height:20px;font-weight:500;text-transform: capitalize;}
.home_faqs .wp-block-getwid-accordion__header-wrapper h3.wp-block-getwid-accordion__header a{color: #f5deb4;}
.home_faqs .wp-block-getwid-accordion__header-wrapper h3.wp-block-getwid-accordion__header{padding:0}
.home_location iframe {
    margin: 0;
    width: 100%;
}

@media (min-width: 0px) and (max-width: 767px) {
	
	.wp-block-navigation__responsive-container-content ul{width:100%!important;gap: 0px !important;}
	.wp-block-navigation__responsive-container-content ul li{width:100%;display:block!important;padding: 5px 0;}
	.wp-block-navigation__responsive-container-content ul li ul.wp-block-navigation__submenu-container{width:100%!important;padding: 0px 0px 0!important;}
	
	.wp-block-navigation__responsive-container-content ul li a{padding:5px 0!important;}
	.wp-block-navigation__responsive-container-content ul li ul.wp-block-navigation__submenu-container li{padding-left:10px;}
	.wp-block-navigation__responsive-container-content ul li ul.wp-block-navigation__submenu-container li:last-child{padding:3px 10px 0;}
	.wp-block-navigation__responsive-container-content ul li a.wp-block-navigation-item__content{border-bottom:solid 1px #cccccc73;}
	.wp-block-navigation__responsive-container-content ul li ul.wp-block-navigation__submenu-container li a{border:none;}
	.wp-block-site-logo img { display: block; position: static; max-width: 100px; }
	.banner-content .wp-block-group.alignwide.is-style-default.has-global-padding { padding-top: 0 !important; padding-bottom: 0 !important; } 
	.banner-main .wp-block-cover {min-height: 430px !important;}
	.home-contact { padding: 40px 15px 30px!important; } 
	.contact-box { margin: 0 0 10px !important; padding: 10px; box-shadow: 0 0 2px 1px #fff; }
	.hat-artist figure { margin-top: -60px !important; } 
	.hat-artist h6 { font-size: 100px; text-align: center; } 
	.artistic-sec { padding: 20px 15px !important; }
	.shop-box { padding-right: 0 !important; } 
	.wp-block-spacer { height: 20px; } 
	.wp-block-button__link { padding: 15px 20px; } 
	.freek-sec .wp-block-media-text__content { padding-top: 20px; } 
	.freek-sec .wp-block-cover { padding-bottom: 40px !important; padding-top: 40px !important; }
	.design-box { padding: 0px; } 
	.design-sec { padding: 20px 0 0; }
	.tattoo-life { padding: 20px 15px !important; } 
	.bringer-sec { padding: 20px 0; }
	#desktop-footer.sm-hide {display: block !important;overflow: hidden;}
	
	.footer-menu { padding: 0 !important; } 
	#footer .wp-block-site-logo img { max-width: 180px; } 
	#footer .wp-block-site-logo { text-align: center; } 
	#footer { padding: 0px 15px !important; }
	#footer ul li a { border: solid 1px; padding: 5px; margin: 0 0 5px !important; } 
	#footer ul { display: flex; justify-content: center; } 
	#footer h5 { text-align: center; } 
	#footer .has-global-padding { padding: 0 !important; }
	.inner-content {padding: 50px 0 !important;}
	.sumule-sec .wp-block-columns { margin-top: 0 !important; padding: 0 15px !important; } 
	.about_main { padding: 20px 15px !important; } 
	.sumule-sec { padding: 0 !important; margin-top: 240px !important; } 
	.sumule-sec .hat-artist figure img{margin-top: 40px;}
	.inner-content h2 { font-size: 30px; } 
	.service_tabs .wp-block-getwid-tabs { display: block !important; } 
	.service_tabs .wp-block-getwid-tabs ul li h5.wp-block-getwid-tabs__title-wrapper span.wp-block-getwid-tabs__title { padding: 15px 0 0; } 
	.service_tabs { padding-top: 0 !important; }
	.service_tabs .wp-block-getwid-tabs ul {display: inline;}
	.equipped-sec { padding-bottom: 0 !important; }
	.gallery_sec .wp-block-getwid-tabs__nav-links { display: block; } 
	.gallery_sec .wp-block-getwid-tabs__nav-links li { margin: 0 0 10px !important; text-align: center; } 
	.gallery_sec, .lolarena-sec, .teamer-one { padding: 20px 15px !important; }
	.contacted-form { padding: 15px !important; } 
	.contacted-form .col-6 { width: 100%; } 
	.contacted-form h4.cst_heading:before { bottom: -10px; }
}

@media (min-width: 768px) and (max-width: 1023px){
	
	.menu-sec { padding: 30px 15px !important; } 
	.banner-content { padding-top: 60px !important; } 
	.home-contact .wp-block-columns { flex-wrap: nowrap !important; } 
	.home-contact { padding: 30px 15px !important; }
	.contact-box .wp-block-getwid-icon-box__icon-wrapper i { font-size: 20px; }
	.contact-box .has-icon-left .wp-block-getwid-icon-box__icon-container { margin: 0 10px 0px 0px; } 
	.contact-box .wp-block-getwid-icon-box__icon-container.is-position-middle { align-self: auto; }
	
	.artistic-sec { padding: 20px 15px !important; } 
	.artistic-sec .wp-block-columns { flex-wrap: nowrap !important; gap: 10px; } 
	.hat-artist h6 { font-size: 90px; } 
	.hat-artist figure { margin-top: -50px !important; }
	.shop-box h3 { font-size: 32px; } 
	.freek-sec .wp-block-cover { padding-bottom: 30px !important; } 		
	.wp-block-columns { flex-wrap: nowrap !important; } 
	#footer .wp-block-columns { flex-direction: column; } 
	.footer-menu .wp-block-navigation ul { justify-content: center; }
	.bases-inter { position: relative; top: 120px; text-align: center; padding-top: 0 !important; } 
	.footer .wp-block-site-logo img { top: -95px;max-width: 190px; }
	.footer-logo {padding: 0 0 20px !important;}
	.header-top {padding: 15px !important;}
	.inner-content h2 { font-size: 35px; }
	.about_main { padding: 20px 15px !important; } 
	.sumule-sec .wp-block-columns { margin-top: 150px !important; margin-bottom: 40px !important; } 
	.sumule-sec h3 { font-size: 25px; } 
	.sumule-sec .design-box img { max-width: 40px; } 
	.signature-art img { max-width: 130px; }
	.lolarena-sec .wp-block-getwid-custom-post-type__wrapper{ display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; } 
	.lolarena-sec .wp-block-getwid-custom-post-type__post{ width: calc(33.333% - 20px); } 
	.lolarena-sec .wp-block-getwid-custom-post-type__post h4 { font-size: 17px !important; }
	
}

@media (min-width: 1024px) and (max-width: 1200px){
	
	.header-top { padding: 15px !important; } 
	.header-top .wp-block-columns { gap: 20px; } 
	.follow-sec h6 { font-size: 13px !important; }
	.banner-main .wp-block-cover { padding-top: 90px !important; } 
	.home-contact { padding: 30px !important; } 
	.contact-box h5 { font-size: 13px !important; }
	.hat-artist h6 { font-size: 125px !important; } 
	.artistic-sec { padding: 0 15px !important; } 
	.vaper-pic figure img { max-width: 350px; }
	#footer .wp-block-columns { flex-direction: column; } 
	.footer-menu .wp-block-navigation ul { justify-content: center; }
	.bases-inter { position: relative; top: 120px; text-align: center; padding-top: 0 !important; } 
	.footer .wp-block-site-logo img { top: -115px;max-width: 220px; }
	.footer-logo {padding: 0 0 20px !important;}
    .footer-menu {padding-top: 20px !important;padding-bottom: 20px !important;}
	.sumule-sec .hat-artist figure img { height: 400px !important; object-fit: cover; } 
	.sumule-sec .wp-block-columns { margin-top: 150px !important; }
	
}