/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body.bricks-is-frontend a:focus {
	outline:none;
}

figcaption.bricks-image-caption {
	display: none;
}

a.skip-link {
transform: translateY(-200%) !important;
}

.scrolling .site-header--logo {
	opacity:0;
	 max-width: 10rem !important;
}

.scrolling:not(.slide-up) #logo_sticky {
	opacity:1;
}

.scrolling .site-header.brxe-section {
	padding-top: 10px;
}

.scrolling #header-brush-divider {
	transform: scaley(1) !important;
	display: block !important;
}

@media only screen and (max-width: 767px) {
	.scrolling .site-header--logo {
	max-width: 10rem !important;
	}
}

.bricks-draggable-item .hideInEditor {
 opacity:0 !important;
   ;
}

.hide-with-delay {
  opacity: 1;
  animation-name: hidewithdelay;
  animation-delay: 3s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes hidewithdelay {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

/* bricks scroll fade in animations fix 
[data-interactions] {
  visibility: hidden;
}
[data-interactions].brx-animated {
  visibility: visible;
}
*/
/* IP synced sliders */

/*active state*/
.is-active > .ip-nav-slider--slide-inner-wrap  {
    background: black;
    color: white;
}

.is-active > .ip-nav-slider--slide-inner-wrap .carousel-characters-bleed-right--name {
	color:var(--bricks-color-huodcu);
}


.ip-nav-slider--slide.is-active .ip-nav-slider--icon-active {
	display: block !important;
}

.ip-nav-slider--slide.is-active .ip-nav-slider--icon {
	display: none;
}

.ip-nav-slider--slide-inner-wrap, .carousel-characters-bleed-right--name, .ip-nav-slider--image img, .ip-nav-slider--icon {
	transition: all 0.4s;	
}

.ip-nav-slider--slide {
	transition: border 0.2s;
}

.ip-nav-slider--slide-inner-wrap {
	border: solid 1px black !important;
}


.swiper-button-disabled {
	opacity:0;
}
/* IP big slider */
_::-webkit-full-page-media, _:future, :root .swiper-slide  {
height: auto !important;
}

.ip-big-slider--container{
	opacity: 0.3;
	transform: scale(0.94);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.ip-big-slider--container.swiper-slide-active {
	opacity:1;
	transform: scale(1.01);
}

.big-ip-slider-nav .swiper-pagination-bullet{
  height: 17px;
  width: 12px;
  border-radius: 0;
  border: solid 1px black;
  background-color: #F4F1EC;
}

.big-ip-slider-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: solid 1px #ecbd36;
  	background-color: #ecbd36;
}

/*hover state*/
.ip-nav-slider--slide:hover > .ip-nav-slider--slide-inner-wrap .carousel-characters-bleed-right--name {
	color:var(--bricks-color-huodcu);
}

.ip-nav-slider--slide:hover img, 
.ip-nav-slider--slide:hover .ip-nav-slider--icon {
	transform: scale(1.1);
}

/*----Hover animation for ip other characters----*/

.ip-other-heroes--col:hover .masked-image {
	opacity: 0.8 !important;
}

.ip-other-heroes--col:hover .ip-other-heroes--button {
	opacity: 1 !important;
	transform: translatey(0) !important;
}

.ip-other-heroes--col:hover .ip-floating-name {
	transform: scale(1.15) !important;
}

.ip-floating-name {
	transition: transform 0.4s ease-in-out !important;
}

/*----Hover animation for ip listing page ----*/
	.listing-ip--item:hover .listing-ip--focus-img.brxe-image {
		opacity: 1 !important;
	}

@media only screen and (min-width: 1025px) {


	.listing-ip--item:hover .listing-ip--img-wrap--button, .listing-ip--item:hover .listing-ip--img-wrap--button  {
		opacity: 1 !important;
		transform: translatey(0) !important;
	}

	.listing-ip--item:hover .listing-ip--name {
		transform: scale(1.15) !important;
	}

	.ip-floating-name {
		transition: transform 0.4s ease-in-out !important;
	}
}


/*----Hover animation for product card ----*/

.product-card--img {
	transition: transform 0.4s ease-in-out !important;
	position:absolute;
	width:100%;
}

.product-card--img > * , .product-card--img a, .product-card--img img {
	width:100% !important;
}
.product-card:hover .product-card--img {
	transform: scale(1.1);
}

.product-card:hover .product-card--button {
	opacity: 1 !important;
	transform: translatey(0) !important;
}

/*------------------*/

footer {
	z-index: 1;
}

/* animating slider - not working */
.ip-big-slider--slide.splide__slide .zoom-image {
  transform: scale(0.96) !important;
  transition: scale 0.5s !important;
  opacity: 0 !important;
}

.ip-big-slider--slide.splide__slide.is-active .zoom-image {
  transform: scale(1.01) !important;
  transition: scale 0.5s !important;
  opacity: 1 !important;
}


/* Fancy Galery */

.fancyToggle {
	display:none !important;
}

.floating-menu-navigation--wrap:not(.fancyToggleLabelActive) .sq2 {
	        transform: translate(7px,-21px) scaleX(1.4);
}
  
.floating-menu-navigation--wrap:not(.fancyToggleLabelActive)  .sq3 {
	        transform: translate(1px, 5px) scale(1.8,0.9);
}

.fancyToggleLabelActive .linear {
	        display: flex !important
}

.fancyToggleLabelActive .gallery {
	        display: none !important
}

@media (hover: none), (max-width:1024px) {
	.floating-menu-navigation {
		display:none !important;
	}
}

@media (hover: none), (max-width:991px) {
	.fancyInfoImage.fancyInfoImage {
		    object-position: left top !important;
    		padding: var(--mobileFancyInfoContent-padding)!important;
	}
}

/* H1 reveal effect */

.ink-like {
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.bricks-is-frontend .ink-ready span {
	opacity:0;
}

.ink-like span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

.ink-like span:nth-child(1) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(2) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(3) {
  animation: fade-in 0.8s  1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(4) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(5) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(6) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(7) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(8) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(9) {
  animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(10) {
  animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(11) {
  animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(12) {
  animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(13) {
  animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(14) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(15) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(16) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(17) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.ink-like span:nth-child(18) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}


/*Forms*/

input[name="form-field-cf433e"], input[name="form-field-2fdccb"] {
  border-radius: 0 !important;
}

.licensing-form textarea {
	border: 1px solid var(--action) !important;
    padding: 10px !important;
    border-radius: 12px !important;
    min-height: 280px !important;
}

.licensing-form .options-wrapper input {
	display:none;
}

.licensing-form .options-wrapper input[type="radio"]:checked + label {
	background: #000;
	color:white;
	
}

.licensing-form .options-wrapper label {
    padding: 5px 10px !important;
    border-radius: 10px !important;
    cursor: pointer;
    width: 100%;
    text-align: center;
	color: black;
	text-transform: uppercase;
}

.licensing-form .options-wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 5px;
    border: 1px solid black;
    border-radius: 10px;
}

.licensing-form .options-wrapper > li {
	width:50%;
}

.licensing-form select {
	border: 1px solid black !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    margin-top: 1px !important;
    text-transform: uppercase !important;
}

.licensing-form .form-group:first-child label, .licensing-form .form-group:nth-child(2) label, .licensing-form .form-group:nth-last-child(2)  label {
	opacity: 0;
	transition: all 0.3s ease-out;
}

/*sign up form messsage*/

#signup_form .message.success {
    background-color: black;
    color: white;
}

#signup_form .message {
    background-color: black;
    color: white;
    margin-top: 20px;
    padding-bottom: 0;
    width: 100%;
}


#signup_form .message .text {
	padding:0;
}

/*--- fix for safari loading images with frame around ---*/
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  img[loading="lazy"] {
    clip-path: inset(0.6px)
  }
}


/*cookie bar*/

.cky-notice .cky-title, .cky-preference-title {
	color: #ecbd36 !important;
    font-size: xx-large !important;
    text-transform: uppercase !important;
	 margin-top: 10px !important;
}

.cky-notice .cky-notice-des p {
	font-size: 18px !important;
    line-height: 1.2em;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.cky-consent-container .cky-consent-bar {
    border-color: #ecbd36 !important;
    background-color: #000000ee !important;
    border-radius: 10px !important;
}

.cky-btn {
	border-width: 1px !important;
    font-size: 18px !important;
	text-transform: uppercase !important;
	border-radius: 10px  !important;
	order: 1;
	transition: all 0.3s ease-out;
}

.cky-btn:hover {
	border-color: #ecbd36 !important;
	color: #ecbd36 !important;
}

.cky-notice .cky-btn {
    width: 100% !important;
    margin-bottom: 15px !important;
    margin-right: 0 !important;
}

.cky-btn.cky-btn-accept {
	color: #000000 !important;
    border-color: #ecbd36 !important;
    background-color: #ecbd36 !important;
}


.cky-btn.cky-btn-accept:hover{
	border-color: #ecbd36 !important;
	background-color: white !important;
}

.cky-notice .cky-btn.cky-btn-accept {
	order: 0;
}

.cky-btn-revisit-wrapper {
	    background-color: #00000000 !important;
}

div[data-cky-tag="detail-powered-by"] {
	display:none  !important;
}

.cky-accordion-btn, .cky-show-desc-btn, .cky-always-active {
	color: #ecbd36  !important;
}

.cky-preference-center {
	background-color: black !important;
}

.cky-footer-shadow {
	display: none !important;
}

.cky-switch input[type="checkbox"]:checked {
    background: #ecbd36 !important;
}
