/**
 * Theme Name: AllFanz Team Store
 * Template: blankslate
 *
 * Theme URI: 
 * Description:
 * Author: K
 * Author URI: 
 * Version: 1.0
 */

/* импортируем стили родительской темы */
/*@import url("../twentyfifteen/style.css");*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* My Style */
/* 1 */
:root{
	--red: rgb(255,43,43);
	--grey: #C6C3B5;
	/*font-family: "Roboto", sans-serif;*/
	font-family: "Didact Gothic", sans-serif;
}
a{
	color: var(--red);
	text-decoration: none;
}
/* 2 */
.top-header{
	display: flex;
  justify-content: center;
	align-items: center;
	color: #fff;
	text-transform: uppercase;
	background: var(--red);
}
.top-header>div{
	display: flex;
  justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
}
.top-header img{
	height: 3rem;
}
.top-header img:hover{
	transform: scale(1.1);
}
.main-menu-with-cart{
	display: grid;
	background: #fff;
}
.main-menu-with-cart .container{
	display: grid;
	grid-template-columns: auto auto 1fr auto; 
	align-items: center;
}
.main-menu-with-cart.home{
	height: 40px;
	grid-template-columns: auto 1fr auto;
	background: transparent;
}
.main-menu-with-cart.home>.top-header>h2{
	padding: 0 1rem;
}
.main-menu-with-cart.home nav{
	display: inherit;
	align-items: center;
	height: 100%;
}
#branding{
	padding: 0 .5rem 0 0;
}
#branding a{
	display: flex;
}
#branding img{
	height: 3.5rem;
}
.menu-team{
	display: flex;
	gap: .5rem;
  height: 100%;
  align-items: center;
	background: #00438c;
	margin-left: 1rem;
	padding: .5rem 1rem;
}
.menu-team .material-symbols-outlined{
	color: #fff;
  transform: rotate(180deg);
	transition: .3s;
}
#menu-menu-team{
	position: relative;
}
#menu-menu-team a{
	color: #fff;
	text-transform: uppercase;
}
.sub-menu{
	display: none;
	position: absolute;
	background: #fff;
  padding: 1rem;
  gap: 1rem;
	z-index: 2;
}
#menu-menu-team .sub-menu a{
	color: #000;
}
.menu-team:hover .sub-menu{
	display: grid;
}
.menu-team:hover .material-symbols-outlined{
  transform: rotate(0deg);
	transition: .3s;
}
#menu-main-menu{
	display: flex;
	gap: 1rem;
	justify-content: end;
	padding-right: 1rem;
}
#menu-main-menu a{
	color: #fff;
}
#menu-main-menu a:hover{
	text-decoration: underline;
}
.cart-content{
	display: flex;
	position: relative;
	height: fit-content;
  align-items: center;
	margin-right: .5rem;
	margin: auto auto auto .5rem;
	color: #fff;
	background: var(--red);
}
.cart-content:hover{
	color: #000;
}
.cart-content>sup{
	display: inherit;
	position: absolute;
	background: #000;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: -10px;
}
.cart-content:hover>sup{
	background: #fff;
}
@media screen and (max-width: 550px){
	.main-menu-with-cart{
		grid-template-columns: 1fr;
		justify-content: space-between;
	}
	.main-menu-with-cart .container{
		grid-template-columns: auto auto;
	}
	.main-menu-with-cart .container .menu-team{
		background: transparent;
		justify-content: end;
	}
	#menu-menu-team a{
		color: #000;
	}
	.menu-team .material-symbols-outlined{
		color: #000;
	}
	.main-menu-with-cart.home{
		grid-template-columns: 1fr;
	}
	#menu, .cart-content{
		display: none;
	}
	.cart-content{
		margin: auto .5rem auto 0;
	}
	.sub-menu{
		right: 1vw;
	}
	#search{
		display: none;
	}
}
/* 3 */
.banner-team{
	background: #006bb6;
}
.banner-team.home{
	background: #000;
}
.banner-team.home #branding{
	position: absolute;
	padding: 0 .5rem 0 .75rem;
}
.banner-team.home #branding img{
	height: 8rem;
}
.banner-team.home #branding img:hover{
	transform: scale(1.1);
}
.banner-team>.container{
	position: relative;
	height: 8rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  align-items: center;
	justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.banner-team>.container.home{
  grid-template-columns: auto;
	justify-content: center;
}
.banner{
	display: flex;
  align-items: center;
  gap: 1rem;
  color: #fff;
	/*padding: 0 .75rem;*/
}
.banner>img{
	height: 5rem;
}
.banner h2{
	text-transform: uppercase;
}
.search-form{
	display: flex;
}
.search-form>label{
	width: 25vw;
}
.search-form>label>input{
	width: 100%;
}
.search-field{
	border: none;
  border-radius: 5px 0 0 5px !important;
	padding: .5rem 1rem;
}
.search-submit{
	border: none;
  border-radius: 0 5px 5px 0 !important;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
	line-height: initial;
	background: var(--red);
	color: #fff;
}
.search-submit:hover{
	color: var(--red);
	background: var(--grey);
}
.banner-team>.container>span{
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: end;
}
.banner-team.home>.container>span{
	display: none;
}
.banner-team>.container>span>a{
	color: #fff;
}
.banner-team>.container>span>a>span{
	font-size: 2rem;
}
.mobile:hover>span{
	color: var(--red);
}
.cart-content.mobile{
	display: flex;
	background: transparent;
}
.cart-content.mobile:hover{
	color: var(--red);
}
.cart-content.mobile>sup{
	background: var(--red);
}
.cart-content.mobile:hover>sup{
	color: #fff;
	background: #000;
}
.mobile.home{
	display: none;
}
@media screen and (max-width: 550px){
	.mobile{
		display: inherit !important;
		color: #fff;
	}
	.mobile>span{
		font-size: 2rem;
	}
	
	.banner-team.home>.container>span{
		display: flex;
	}
	.banner-team>.container.home{
		justify-content: end;
	}
	.banner-team>.container{
		grid-template-columns: auto 1fr;
		height: 6rem;
		padding-top: 0;
		padding-bottom: 0;
	}
	.banner-team.home #branding img{
		height: 6rem;
	}
	.cart-content.mobile{
		display: flex;
		background: transparent;
	}
	.cart-content.mobile:hover{
		color: var(--red);
	}
	.cart-content.mobile>sup{
		background: var(--red);
	}
	.cart-content.mobile:hover>sup{
		color: #fff;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.banner-team>.container{
		justify-content: end;
	}
}
/* 4 */
.hero{
	display: flex;
	height: 40vw;
}
.hero>div{
	display: grid;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
	height: fit-content;
  gap: 4rem;
  margin: auto;
}
h1, .hero.second>div>h2{
	font-size: 3rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
}
.hero h1, .hero.second>div>h2{
	display: grid;
	text-transform: unset;
    gap: 1rem;
	text-shadow: 2px 2px 2px #000;
}
.hero a{
	display: inherit;
	background: var(--red);
	color: #ffff;
	padding: 1rem 2.5rem;
	margin: auto;
	border-radius: 5px;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.hero a:hover{
	color: var(--red);
	background: #fff;
	box-shadow: none;
}
@media screen and (max-width: 550px){
	.hero{
		height: 500px;
	}
	h1, .hero.second>div>h2{
		font-size: 2.5rem;
	}
}
/* 5 */
.popular{
	margin-top: 4rem;
	margin-bottom: 4rem;
}
/*.popular .woocommerce ul.products li.product a img{
	max-height: 189px;
}*/
.popular h2{
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 2rem;
}
.products.columns-6{
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
/* 6 */
.woocommerce-loop-product__title{
	color: #000;
	font-weight: 500 !important;
	transition: .2s;
}
.team-list ul{
	display: flex;
  justify-content: center;
}
.team-list .woocommerce-loop-category__title{
	display: none;
	font-size: 1.2rem !important;
	color: #000;
	text-align: center;
	transition: .2s;
}
.team-list .woocommerce ul.products li.product{
	width: 12.05%;
}
.woocommerce-loop-product__title:hover, .woocommerce-loop-category__title:hover{
	color: var(--red);
}
.woocommerce ul.products li.product .price{
	font-size: 1.5rem;
	color: var(--red);
}
.woocommerce-loop-category__title>.count{
	display: none;
}
@media screen and (max-width: 550px){
	.team-list ul{
		gap: 1rem;
	}
	.team-list .woocommerce ul.products li.product{
		width: 22.05%;
	}
}
/* 7 */
.woocommerce-products-header{
	display: none;
}
.woocommerce div.product .product_title{
	font-size: 1.5rem;
	text-transform: none;
	color: unset;
	text-align: unset;
}
/* 8 */
.woocommerce .woocommerce-ordering select{
	border-radius: 5px;
	padding: .5rem 1rem;
}
.woocommerce-products-header{
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	font-size: 1.5rem;
  color: var(--red);
}
.woocommerce ul.products li.product .button{
  color: #fff;
  background: var(--red);
	border: 1px solid var(--red);
}
.woocommerce ul.products li.product .button:hover{
	background: #fff;
	color: var(--red);
}
.single_add_to_cart_button.button.alt{
	background: var(--red) !important;
}
.single_add_to_cart_button.button.alt:hover{
	color: var(--red);
	background: #000 !important;
}
.woocommerce .woocommerce-breadcrumb{
	color: #000;
	margin: 1rem 0 4rem;
}
.woocommerce div.product .product_title{
	font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 700;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	font-size: 2rem;
  color: var(--red);
  margin-bottom: 2rem;	
}
.variations_form{
	background-color: #f5f6f8;
  margin: 1rem;
  padding: 1.25rem;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){
	color: #fff;
	background: var(--red);
}
.single_variation_wrap{
	display: grid;
	gap: 1rem;
}
.woocommerce-variation-add-to-cart{
	display: flex;
}
.woocommerce-variation-add-to-cart>.quantity{
	display: flex;
}
.woocommerce div.product form.cart .button{
	width: 100%;
	padding: 1rem;
}
.single_variation_wrap>a{
	display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
	color: #000;
}
.single_variation_wrap>a>span{
	color: var(--red);
}
.accordion{
	margin-bottom: 2rem;
}
.accordion-body{
	line-height: 1.3;
}
.accordion-item{
	border-left: none;
	border-right: none;
}
.accordion-button{
	font-weight: 700;
}
.accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
  box-shadow: none;
}
.accordion-button:focus {
	border: none;
	box-shadow: none;
}
.woocommerce div.product div.images{
	margin-bottom: 5rem;
}
.woocommerce-tabs.wc-tabs-wrapper{
	display: none;
}
.related.products{
	display: grid;
	width: 100%;
	gap: 2rem;
}
.related.products>h2{
	font-size: 2rem;
}
.woocommerce div.product .images a {
    pointer-events: none;
}


/* 9 */
#custom-name{
	display: grid;
  gap: 1rem;
  margin: 1rem 1rem 4rem;
}
#custom-name input{
	padding: .5rem;
}
.custom-name{
	position: absolute;
    top: 8%;
    left: 10%;
    z-index: 1;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1rem;
    display: block;
    overflow: visible;
    width: 100px;
    font-size: 28px;
    fill: red;
}
.custom-name path {
    fill: none;
}
#tshirt{
	padding: 1rem;
	text-transform: uppercase;
	border: none;
}
#tshirt:hover{
	color: #fff;
	background: var(--red);
}
.woocommerce-product-gallery__image{
	position: relative;
}
.woocommerce-product-gallery__wrapper>div:nth-child(1n):after{
	position: absolute;
	width: 80px;
	overflow: hidden;
	font-family: "Jockey One", sans-serif;
	font-weight: 400;
	color: #fff;
  top: 55%;
  left: calc(50% - 45px);
  font-size: 5rem;
	text-align: center;
}
.woocommerce-product-gallery__wrapper>div:nth-child(1n)>a:before{
	position: absolute;
	width: 100px;
	overflow: hidden;
	font-family: "Jockey One", sans-serif;
	font-weight: 400;
	color: #fff;
  top: 30%;
  left: calc(30% - 45px);
  font-size: 6.5rem;
	text-align: center;
}
.woocommerce-product-gallery__wrapper>div:nth-child(2n):before{
	position: absolute;
	width: 95px;
	overflow: hidden;
	font-family: "Jockey One", sans-serif;
	font-weight: 400;
	color: #fff;
  top: 38%;
  left: calc(50% - 50px);
  font-size: 6rem;
	text-align: center;
}
.woocommerce-product-gallery__wrapper>div:nth-child(2n):after{
	position: absolute;
	overflow: hidden;
	font-family: "Teko", sans-serif;
	font-weight: 500;
	color: #fff;
  	top: 24%;
	left: calc(50% - 70px);
  	font-size: 1.2rem;
	text-align: center;
	text-transform: uppercase;
	width: 130px;
}
@media screen and (max-width: 425px){
	.woocommerce-product-gallery__wrapper>div:nth-child(1n):after{
		font-size: 3rem;
    	left: calc(50% - 45px);
	    top: 50%;
	}
	.woocommerce-product-gallery__wrapper>div:nth-child(2n):before{
  		font-size: 4rem;
		left: calc(50% - 50px);
	}
	.woocommerce-product-gallery__wrapper>div:nth-child(2n):after{
	  	font-size: 1rem;
		font-weight: 400;
		left: calc(50% - 70px);
    	top: 24%;
	}
}
/* 10 */
.footer{
	background: #F4F5F5;
}
.footer>div{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.footer h3{
	font-weight: 700;
}
.footer>div>div, .footer>div>div>span{
	display: grid;
	gap: 1rem;
}
.footer>div>div>span p{
	font-size: .9rem;
}
.footer>div>div>span a{
  background: var(--red);
  padding: 0.8rem 1rem;
  color: #fff;
  width: 100%;
	text-align: center;
}
.footer>div>div>span>div{
	display: flex;
	gap: 1rem;
}
.footer>div>div>span>div>a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin: 0;
	color: #fff;
	background: #000;
	border-radius: 50%;
}
.footer-info{
	height: fit-content;
}
.footer-info ul{
	display: grid;
	gap: .5rem;
}
footer{
	margin: 2rem 0;
}
#copyright a{
	color: #000;
}
@media screen and (max-width: 550px){
	.footer>div{
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}
/* 11 */
.search-resalt{
	margin-bottom: 4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.search-resalt>span{
	width: fit-content;
	margin: auto;
}
.search-resalt>span>h2{
	text-align: center;
	font-size: 1.5rem;
	margin-top: 1rem;
}
@media screen and (max-width: 550px){
	.search-resalt{
  	grid-template-columns: 1fr;
	}
}
/* 12 */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
	border-top: 3px solid var(--red) !important;
}
.button.wc-forward, .components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
	color: #fff !important;
	background: var(--red) !important;
}
.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
	color: var(--red) !important;
	background: #fff !important;
	box-shadow: 0 0 1px;
}
.woocommerce-message::before{
	color: var(--red);
}


.wp-block-woocommerce-checkout{
	margin: auto !important;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
	color: #fff;
	background: var(--red);
	border: 1px solid var(--red);
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
	color: var(--red);
	background: #fff;
}