/*____________________|   CATALOG 91 INTERFACE   |____________________*/	 

.catalog91{position:relative;background:#C3E1EC;font-family: 'Jost', sans-serif;}
.catalog91 header{ }
.catalog91:before{content:"";z-index:0;display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0.5;background: #C3E1EC url("../images/catalog91/catalog91-background-lower.jpg") 50% 150% no-repeat;}

.catalog91 .entry{}
.catalog91 .headerImg{display: block; width:100%;height: auto; border:3px solid #fff;margin-bottom:1rem;aspect-ratio:16 / 9;background:url("../images/catalog91/background-sky-purple.jpg") no-repeat 50% 50%,linear-gradient(0deg, rgb(198,154,181) 0%, rgb(114,89,133) 100%);box-shadow: 1px 1px 10px 0px rgba(46,32,68,.25);}

.catalog91 h2,
.catalog91 h3,
.catalog91 h4,
.catalog91 small,
.catalog91 li,
.catalog91 input, 
.catalog91 label, 
.catalog91 div{
	font-family: var(--jost) !important;
}
.catalog91 header h2,
.catalog91 header h3{margin-top:0px;margin-bottom:0px;/*color:#FFFFFF;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);*/}
.catalog91 header h3{font-weight: 400;}

.catalog91 article{
	background:  linear-gradient(180deg, var(--purple-box)  15%, rgba(195, 225, 236,0) 40%);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,.25);
	background-size: contain;
}
.catalog91 h2{ font-weight: 600;}

.catalog91 .button-container{/*padding:35px 30px 50px;background:#5A4086 url(../images/announcements/goldcoins.png) no-repeat 0% 95%;background: url(../images/announcements/goldcoins.png) no-repeat 180% 280%,url(../images/announcements/goldcoins.png) no-repeat -80% 280%, linear-gradient(180deg, rgba(63,45,91,1) 0%, rgba(90,64,134,1) 100%); background-size: 60%;*/text-align: center;}
.catalog91 .button-container a{display: inline-block;min-width: unset; max-width: unset; width:unset;background:#3F2D5B;color:#FFFFFF !important;text-shadow:none;}
.catalog91 .button-container h3{margin-top:0px;color:#FFF;font-weight:600;font-family: 'Jost', sans-serif;font-size: 1.3rem;line-height: 120%;}

.catalog91 #mc_embed_signup input[type="text"],
.catalog91 #mc_embed_signup input[type="email"]{color:rgb(46,32,68);border:2px solid  #3F2D5B;}

.catalog91 #mc_embed_signup input[type="text"]:hover,
.catalog91 #mc_embed_signup input[type="email"]:hover,
#mailChimp[location="footer"].catalog91 #mc_embed_signup input[type="checkbox"]:hover ~ .checkmark,
#mailChimp[location="footer"].catalog91 input[type="checkbox"]:hover ~ .checkmark:after{border-color:hsl(263, 34%, 50%);}


.catalog91 .cat-button,
.catalog91 #mc-embedded-subscribe{
	margin: auto;
	text-decoration: none;
	font-family: var(--jost);
	padding: 12px 25px;
	background: var(--purple-box);
	color: #FFFFFF !important;
	font-size: 1.25rem;
	border-radius: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: .25s all ease-in-out;
}
.catalog91 .cat-button:hover,
.catalog91 #mc-embedded-subscribe:hover{background:var(--purple-box-highlight);}
.catalog91 .cat-button:active,
.catalog91 #mc-embedded-subscribe:active{transform: translate(2px,2px);}



/*____________________|   MAILCHIMP   |____________________*/	 

#mailChimp[location="footer"].catalog91 .entry{padding:25px 25px 10px 25px;}
.container[location="footer"] #mailChimp{flex-basis: 65%;max-width: 65%;}
.container[location="footer"] #mailChimp.catalog91 .headerImg{
  max-width: 100%;
  max-height: 250px;margin-bottom:2rem;
  background:url("../images/catalog91/catalog91-mailchimp-header.jpg") no-repeat 50% 50%;
  background-size: cover;
}

.container[location="footer"] #mc_embed_signup form{}
.container[location="footer"] article{padding:28px 25px 10px 25px;position: relative;}
.container[location="footer"] article:before{ position: absolute;width:400px;height: 100%;top:0px;right:0px;background-color: blue;}
.container[location="footer"] article h2{margin-top: 0px;margin-bottom: 0.5rem; font-size: 2.5rem;}
.container[location="footer"] article h2,
.container[location="footer"] article h3{text-align: center;line-height: 115%;font-family: 'Jost', sans-serif;}
.container[location="footer"] article h3{margin-top: 0px;margin-bottom: 2.5rem;font-size: 1.5rem;}
.container[location="footer"] article h4{margin-top: 0px;margin-bottom: 0.75rem;font-family: var(--jost) !important;font-size: 1.2rem;line-height: 115%;}
.container[location="footer"] article .input-group h4:after{content:"*";color: #e85c41;font-size: 150%;font-weight: normal;font-family: "PT Serif","Times New Roman", Times, serif;margin-left: 5px;} 
.container[location="footer"] input,
.container[location="footer"] .checkmark, 
.container[location="footer"] .checkmark:after{transition: .5s all ease-in-out;}

.container[location="footer"] #mc_embed_signup .mc-field-group{width:100%;padding-bottom: 0;}
.container[location="footer"] #mc_embed_signup .column-subscribe:nth-child(2) .mc-field-group{padding-left:1rem;padding-bottom: 0;}
.container[location="footer"] #mc_embed_signup form{max-width: 700px;margin: 20px auto;padding:0px; display: flex;flex-wrap: wrap;}
.container[location="footer"] #mc_embed_signup .column-subscribe:nth-child(2){padding-top: 2rem;}
.container[location="footer"] .column-subscribe{ width:50%;}
.container[location="footer"] #mc-embedded-subscribe{margin: 0px auto 5px;cursor: pointer;}
.container[location="footer"] #form-footer{flex-basis: 100%}


.container[location="footer"] #mc_embed_signup label{font-size: 1.25rem;line-height: 126%;}
.container[location="footer"] #mc_embed_signup  .input-group label{position: absolute;margin-left: .5rem;}
.container[location="footer"] #mc_embed_signup input[type="text"],
.container[location="footer"] #mc_embed_signup input[type="email"]{
	font-size: 1.25rem;
	padding: 8px 8px;
	margin-top:1rem;
}

.container[location="footer"] #mc_embed_signup input[type="checkbox"]{font-size: 1.25rem;}

.container[location="footer"] #mc_embed_signup input[type="checkbox"]{z-indez-index: 11;position: absolute; opacity: 0; height: 25px;width: 25px;}

.container[location="footer"] #mc_embed_signup .checkmark{z-index: 10; position: relative;display: inline-block;top: 0;left: 0;height: 25px;width: 25px;margin-right: .25rem;border: 2px solid #3F2D5B;background-color:#FFF;pointer-events: none;}

.container[location="footer"] input[type="checkbox"]:hover ~ .checkmark {position: relative; background-color:rgba(255,255,255,0.25);}
.container[location="footer"] input[type="checkbox"] ~ .checkmark {position: relative;display:block; }

.container[location="footer"] .checkmark:after {content: "";position: absolute;opacity: 0;}
.container[location="footer"] input[type="checkbox"]:checked ~ .checkmark:after {opacity: 1;}
.container[location="footer"] .checkmark:after {left: 7px;top: calc(50% - 8px);width: 5px;height: 10px;border: solid #3F2D5B;border-width: 0 3px 3px 0;transform: rotate(45deg);}


.container[location="footer"] #mc_embed_signup .mc-field-group .asterisk{top: calc(50% - 6px);}
.container[location="footer"] #mc_embed_signup .mc-field-group.input-group ul li{margin-bottom: .5rem;}

.container[location="footer"] #mc_embed_signup .indicates-required{position: relative;text-align: center;bottom: 0px;}

.container[location="footer"] #mc_embed_signup .foot{display: block;width:100%;text-align: center;
}
.container[location="footer"] #mc_embed_signup .helper_text{background-color:  unset;}
.container[location="footer"] #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{background-color:#B60003;color:#FFF;padding:5px 10px;}

.container[location="footer"] #mc_embed_signup .indicates-required{font-size: 1rem;font-family: var(--jost);}
.container[location="footer"] #mc_embed_signup .indicates-required a{font-family: var(--jost);color:var(--purple-box);}


.container[location="footer"] #mc_embed_signup div#mce-responses{margin: 0;width:100%;float:unset;}
.container[location="footer"] #mc_embed_signup div.response {margin: 1em auto;  padding: .5em .5em .5em 0;}
.container[location="footer"] #mc_embed_signup #mce-success-response{margin: 1em auto;width: 100%;color:#FFF;background: #000;font-size: 1.5rem;line-height: 135%;}

/*____________________|   SIDEBAR CONTEST   |____________________*/	 

.container[location="sidebar"]{
	margin-top: 3.5em;
}
.container[location="sidebar"] article {
	padding: 14px 12px 45px 12px;
	position: relative;
	text-align: center;
  }
  .container[location="sidebar"]#contest.catalog91 .headerImg{
	margin-bottom: 1.75rem;
	overflow: hidden;
  }
  .container[location="sidebar"]#contest.catalog91 .headerImg:hover{
	overflow:visible;
  }

  .container[location="sidebar"]#contest.catalog91 .headerImg:after {
	/*content: "";
	position: absolute;
	width:150px;
	height: 150px;
	left: -35px;
	top: -35px;
	background:url("../images/catalog91/label-vote.png") no-repeat 50% 50%;
	transform: scale(.8);*/
  }
.container[location="sidebar"]#contest.catalog91 .headerImg:before{
	content:"";
	width:100%;
	height: 100%;
	display: block;
	background:url("../images/contest/return-of-the-classic-pirates-winner01.png") no-repeat 50% 50%;
	/*background-size:contain;*/
	transform: translateX(0%);
/*	animation: set_appear .5s ease-in 1s 1 forwards;*/
	transition: all .5s ease-in-out;
	animation-name: contestwinners;
  animation-duration: 16s;
  animation-timing-function: ease-in-out;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
	animation-fill-mode:none;
}

@keyframes contestwinners {
  0%  {background-image:url("../images/contest/return-of-the-classic-pirates-winner01.png");background-size:initial;}
  20% {background-image:url("../images/contest/return-of-the-classic-pirates-winner02.png");background-size:contain;}
	50% {background-image:url("../images/contest/return-of-the-classic-pirates-winner03.png");background-size:contain;}	
  75% {background-image:url("../images/contest/return-of-the-classic-pirates-winner04.png");background-size:contain;}
}

.container[location="sidebar"]#contest.catalog91 .headerImg:hover:before{
	/*transform: translateY(0%) scale(1.5) !important;*/
	animation-play-state: paused, running;
	animation:hvr-wobble-horizontal 1s ease-in-out 0s 1 normal forwards; 
}

@keyframes set_appear {
	0%   {transform: translateY(100%);}
	100% {transform: translateY(0%);}
  }

  @keyframes hvr-wobble-horizontal {
	16.65% {
	  transform: translateX(8px) translateY(0%);
	}
	33.3% {
	  transform: translateX(-6px) translateY(0%);
	}
	49.95% {
	  transform: translateX(4px) translateY(0%);
	}
	66.6% {
	  transform: translateX(-2px) translateY(0%);
	}
	83.25% {
	  transform: translateX(1px) translateY(0%);
	}
	100% {
	  transform: translateX(0) translateY(0%);
	}
  }

.container[location="sidebar"]#contest.catalog91:before{
	background-size: cover;
	background-position:  50% 100%;
	opacity: 1;
}
.container[location="sidebar"]#contest.catalog91 small{
	font-size: 120%;
	color:var(--purple);
	letter-spacing: 2px
}
.container[location="sidebar"]#contest.catalog91 h2{
	font-size: 250%;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:var(--purple);
	margin-top: 0px;
	margin-bottom: 0px;
}
.container[location="sidebar"]#contest.catalog91 h2 span{
	font-size:125%;
}
.container[location="sidebar"]#contest.catalog91 h3{
	margin-top: 8px;
	margin-bottom: 1.25rem;
	font-size: 160%;
	line-height: 115%;
	font-weight: 500;
	color:var(--purple);
}
.container[location="sidebar"]#contest.catalog91 h3 em{
	font-weight: 500;
	font-style: normal;
}
.container[location="sidebar"]#contest.catalog91 h3 strong{
	font-weight: 600;
	color:#000;
	display: inline-block;
}
.container[location="sidebar"]#contest.catalog91 .cat-button{
	display: inline-block;
	font-size: 120%;
	font-weight: 500;
	padding: 10px 20px;
	transition: all .25s ease-in-out;
	position: relative;
}
.container[location="sidebar"]#contest.catalog91 .cat-button:hover{
	transform: scale(1.1) !important;
	z-index: 1;
}

.container[location="sidebar"]#contest.catalog91 .cat-button:active{
	transform: translate(2px,2px) !important;
}

@media (max-width:1023px){    

  .container[location="footer"] #mailChimp{
    max-width: 100%;
  } 
  
  .container[location="footer"] .catalog91 article {
    background: #C3E1EC;  
    background:url("../images/catalog91/catalog91-background-lower.jpg") 50% 250% no-repeat, linear-gradient(180deg, var(--purple-box) 10%, rgb(195, 225, 236) 30%);
  }
  
  .container[location="footer"] .catalog91 .headerImg{
    max-width: 100%;
    background-size: cover;
  }
}

@media (max-width:600px){	
    .catalog91 .entry{
      background:#C3E1EC;background: url("../images/catalog91/catalog91-background-lower.jpg") 50% 150% no-repeat,  linear-gradient(180deg, var(--purple-box) 5%, rgb(195, 225, 236) 30%);
      box-shadow: 2px 2px 5px 0px rgba(0,0,0,.5);
    }
    .container[location="footer"] .column-subscribe {
      width: 100%;
    }

    .container[location="footer"] article {
      padding: 16px 15px 10px 15px;
      position: relative;
    }

    .container[location="footer"] #mc_embed_signup .column-subscribe:nth-child(2) .mc-field-group {
      padding-left: 0rem;
    }

    .container[location="footer"] form .column-subscribe:nth-child(1){
      order:1;
      padding-top: 2rem;
    }

    .container[location="footer"] #mc_embed_signup .column-subscribe:nth-child(2){
      order:0;
      padding-top: 0rem;
    }

    .container[location="footer"] #form-footer,
    .container[location="footer"] form .column-subscribe:nth-child(3){
      order:2;
    }

    .container[location="footer"] #mc_embed_signup .indicates-required a{
      display: inline-block;
    }

   
}