/*
* 
*/

.available-colors span {
    display: inline-block;
    width: 80px;
    text-align: center;
    vertical-align: top;
    line-height: 1.2;
}

.available-colors span img {
    border: 1px solid #13284c;
    border-radius: 100%;
}

.cabinet-btn, .shell-btn {
    cursor: pointer;
}
.cabinet-btn:hover img, .shell-btn:hover img{
	box-shadow: none!important; /*1px 1px 4px rgba(0,0,0,0.4);*/
	filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.85));
	-webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.85));
}
.cabinet-btn.active img, .shell-btn.active img{
	box-shadow: none!important; /*1px 1px 10px rgba(0,0,0,0.7);*/
	filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.85));
	-webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.85));
}

@media screen and (max-width:991px) {
	.options-col-2 {
		display: flex;
		gap: 30px;
	}
}

.layout-learning-center .hero-top.page-hero.animate .overlay,
.hero-top.page-hero.animate.hero-sm .overlay  {
    top: 0%;
}
.layout-learning-center .page-hero.hero-top,
.page-hero.hero-top.hero-sm{
    padding-top: 0;
    min-height: 320px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.layout-learning-center .hero-top .container,
.hero-sm.hero-top .container {
    min-height: 200px;
	margin: 0 auto;
}
.layout-learning-center .hero-top .content,
.hero-sm.hero-top .content {
    padding: 1em 0;
}

.layout-learning-center #content.site-content>p,
p:empty {
    margin: 0;
}
.layout-learning-center .wrapper.main-wrapper{
    padding: 0 1em;
}

.archive-lc{
	position: relative;
}

/*
@media screen and (min-width: 1440px){
	.archive-lc.wrapper {
        max-width:1024px;
    }
}
*/
.layout-learning-center ul.the-posts.grid li.hentry {
    width: 100%;
}
.content-video-template .featured.video{
	padding-top: 56.25%;
	position: relative;
}
.content-video-template .featured.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:768px){
	.layout-learning-center ul.the-posts.grid li.hentry,
	.archive-lc.blog ul.the-posts.grid li.hentry {
		width: 50%;
	}
	.archive-lc.blog ul.the-posts.grid{
		margin: 0 -1em;
	}
	.layout-learning-center ul.the-posts.grid li.hentry{
		padding-left: 1em;
		padding-right: 1em;
	}
}
@media screen and (min-width:1024px){
	.layout-learning-center ul.the-posts.grid li.hentry,
	.archive-lc.blog ul.the-posts.grid li.hentry {
		width: 33.3333%;
	}
}

.flexslider-video {
    position: relative;
}

@media screen and (max-width: 1100px){
	.flexslider-video {
		max-width: 95%;
		margin: 0 auto;
	}
}

.wrapper.archive-lc{
	padding-left: 1em;
	padding-right: 1em;
}

.archive-lc .flex-direction-nav:not(.flex-disabled) a,
.flexslider-video .flex-direction-nav:not(.flex-disabled) a{
	opacity: 1;
	height: 45px;
	top: 30%;
}
.archive-lc .flex-direction-nav .flex-prev,
.flexslider-video .flex-direction-nav .flex-prev {
    left: -30px;
}
.archive-lc .flex-direction-nav .flex-next,
.flexslider-video .flex-direction-nav .flex-next {
    right: -30px;
}
.archive-lc .flex-control-nav,
.flexslider-video .flex-control-nav{
	display: none;
}

@media screen and (min-width: 768px){
	.tax-video-category ul.the-posts li.hentry{
		position: relative;
		padding-bottom: 80px; 
	}
	.tax-video-category ul.the-posts li.hentry a.read-more{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 16px;
		max-width: 100%;
	}/*
	.archive ul.the-posts:not(.grid) li.hentry, .blog ul.the-posts:not(.grid) li.hentry{
		position: relative;
		padding-bottom: 100px;
	}
	.archive ul.the-posts:not(.grid) li.hentry a.read-more, 
	.blog ul.the-posts:not(.grid) li.hentry a.read-more{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 34px;
		max-width: 100%;
	}
	.archive ul.the-posts:not(.grid) li.hentry footer, 
	.blog ul.the-posts:not(.grid) li.hentry footer {
		position: absolute;
		left: 1em;
		bottom: -16px;
		height: 32px;
	}
	.archive ul.the-posts:not(.grid) li.hentry p:last-of-type, 
	.blog ul.the-posts:not(.grid) li.hentry p:last-of-type{
		margin-bottom:0;
	}*/
}

@media screen and (min-width: 1024px){
	.flexslider-video .summary h2.entry-title{
		min-height: 56px;
	}
	.the-posts.grid .summary h2.entry-title {
		min-height: 56px;
	}
}

/*DreamMaker spas color selector*/
.drm-mkr-selector{
	max-width: 600px;
}

.drm-mkr-selector .shell{
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top:0;
	justify-content: center;
}

.drm-mkr-selector span{
	width: calc(30% - 10px)!important;
	min-width: 135px;
}

.drm-mkr-selector span img{
	border: 0;
}

@media screen and (max-width: 1023px){
	.drm-mkr-selector{
		margin: 0 auto;
	}
}
@media screen and (max-width: 600px){
	.drm-mkr-selector .shell{
		gap: 6px;
	}
	.drm-mkr-selector p{
		margin-bottom: 0;
	}
	.drm-mkr-selector span:not(.active) span {
		display: none;
	}
	.drm-mkr-selector span {
		padding-bottom: 0;
		min-width: 104px;
		font-size: 14px;
	}
}

/**Hydrogruide on product page**/
.bp-hydroguide-container {
	position:relative;
	max-width:525px;
	color:#fff;
	background-color:#12284c;
	border-radius:15px;
	padding:30px 15px 15px;
	margin-top:25px
  }
  .bp-hydroguide-container .bp-hydroguide-logo {
	position:absolute;
	top:-25px;
	max-width:200px
  }
  .bp-hydroguide-container .bp-hydroguide-country {
	display:none
  }
  .bp-hydroguide-container .bp-hydroguide-model select {
	padding:5px
  }
  .bp-hydroguide-container .bp-hydroguide-model {
	display:none
  }
.bp-hydroguide-container .bp-hydroguide-content {
	display: flex;
	align-items: center;
}
  .bp-hydroguide-container .bp-hydroguide-field-total {
	  flex: 0 0 221px;
	  margin-right: 20px;
  }
  .bp-hydroguide-container .bp-hydroguide-field-total .bp-hydroguide-total-cost-label {
	font-size:15px;
	line-height:1
  }
  .bp-hydroguide-container .bp-hydroguide-field-total .bp-hydroguide-total-cost {
	font-size:32px;
	font-weight:700;
	line-height:1
  }
.bp-hydroguide-container .bp-hydroguide-field-disclaimer {
		flex: 0 1 100%;
	}
  .bp-hydroguide-container .bp-hydroguide-field-disclaimer p {
	font-size:14px;
	line-height:1.1
  }
  .bp-hydroguide-container .bp-hydroguide-field-disclaimer p:last-child {
	margin-bottom:0
  }
.bp-hydroguide-example-estimate {
	opacity: 0;
	display: inline!important;
}

.bp-hydroguide-example-estimate.loaded {
	opacity: 1;
}

@media screen and (max-width: 545px){
	.bp-hydroguide-container .bp-hydroguide-content {
		flex-direction: column;
		align-items: flex-start;
	}
	.bp-hydroguide-container .bp-hydroguide-field-total {
		flex: 0 0 auto;
		margin-bottom: 10px;
	}
	.bp-hydroguide-container .bp-hydroguide-field-disclaimer  {
		flex: 0 0 auto;
	}
}