/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* Product Single */
.single-ctd_products .jupiterx-main-content{
	background:#f4ecd2;
}
.single-ctd_products .jupiterx-primary.col-lg-9{
	flex:0 0 100%;
	max-width:100%;
}
.single-ctd_products .jupiterx-sidebar{
	display:none;
}
.single-ctd_products .ctd-button{
	display:block;
	max-width:395px;
	border-radius:4px;
	font-size:18px;
	line-height:18px;
	text-align:center;
	font-family:'Roboto', sans-serif;
	font-weight:bold;
}
.single-ctd_products .ctd-button + .ctd-button {
	margin-top:15px;
}
.single-ctd_products .ctd-button:hover{
	filter:brightness(90%);
	color:#f4ecd2;
	background:#10302e;
}
@media only screen and (max-width:434px){
	.single-ctd_products .ctd-button {
		margin-top:15px;
	}
}
.ctd-back-link a{
	color:#10302e;
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
}
.ctd-back-link a:hover{
	color:#e8c85c;
}
.ctd-container{
	display:flex;
	gap:2rem;
	padding:70px 0;
}
.ctd-container p,
.ctd-container ul,
.ctd-container ol{
	font-family: "Source Sans Pro", source-sans-pro;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5rem;
	color:#10302e;
}
.ctd-container hr{
	border-color:#e8c85c;
	margin:30px 0;
}
.ctd-image{
	display:flex;
	justify-content:center;
	flex:1 1 30%;
	flex-shrink:0;
	height:100%;
}
.ctd-image img{
	max-width:100%;
	height:auto;
}
.ctd-main{
	flex:1 1 70%;
}
.ctd-header{
	margin-bottom:1rem;
}
.ctd-title{
	color:#10302e;
	font-family:"Oswald", source-sans-pro;
	font-size:40px;
}
p.ctd-details{
	color:#10302e;
	font-size:.875rem;
}
.ctd-proof{
	font-weight:bold;
}
/* .ctd-size{}
.ctd-content{}
.ctd-description{} */
.ctd-note{
	font-style:italic;
}
.ctd-awards-list{
	list-style:none;
	padding-left:0;
	margin-bottom:30px;
}
.ctd-awards-item{
	display:flex;
	align-items:center;
	gap:7px;
	margin-bottom:5px;
	font-size:16px;
	line-height:1.25rem;
}
.ctd-awards-item i{
	color:#e8c85c;
	font-size:1rem;
	line-height:1.5rem;
}
.ctd-awards-item strong{
	color:#10302e;
}
.ctd-button{
	display:inline-block;
	font-family:"Oswald", source-sans-pro;
	font-weight:400;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase!important;
	text-decoration:none!important;
	color:#f4ecd2;
	background:#10302e;
	padding:15px 30px;
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
}
.ctd-button:hover{
	color:#10302e;
	background:#e8c85c;
}

@media only screen and (max-width:600px){
	.ctd-container{
		flex-direction:column;
	}
	.ctd-image{
		flex:1 1 100%;
	}
	.ctd-header{
		flex:1 1 100%;
	}
	.ctd-title{
		font-size:32px;
	}
	/* .ctd-details{}
	.ctd-proof{}
	.ctd-size{}
	.ctd-content{}
	.ctd-description{}
	.ctd-note{}
	.ctd-awards-list{} */
	.ctd-awards-item{
		align-items:flex-start;
	}
	/* .ctd-button{} */
}

/* Product Loop */
.ctd-loop-container{
	padding:30px 0;
}
.ctd-loop-container .ctd-section-title{
	color:#10302e;
	font-family:"Oswald", source-sans-pro;
	font-size:40px;
	text-align:center;
	margin-bottom:30px;
}
/* .ctd-loop-container .ctd-list{
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap:4rem;
} */
.ctd-loop-container .ctd-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	gap:4rem;
}
.ctd-loop-container .ctd-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	width:calc(25% - 4rem);
}
.ctd-loop-container .ctd-item .ctd-image{
	flex:unset;
	flex-shrink:unset;
	height:200px;
	margin-bottom:10px;
	/* flex:1 1 0; */
}
.ctd-loop-container .ctd-item .ctd-image img{
	object-fit:contain;
	height:100%;
}
.ctd-loop-container .ctd-title{
	flex-grow:1;
	font-size:20px;
	margin-bottom:20px;
}
@media only screen and (max-width:767px) and (min-width:601px){
	.ctd-loop-container .ctd-list{
		gap:2rem;
	}
	.ctd-loop-container .ctd-item{
		width:calc(33% - 2rem);
		margin-bottom:30px;
	}
}
@media only screen and (max-width:600px){
	/* .ctd-loop-container .ctd-list{
		display:grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:2rem;
	} */
	.ctd-loop-container .ctd-list{
		gap:1rem;
	}
	.ctd-loop-container .ctd-item{
		width:calc(50% - 1rem);
		margin-bottom:30px;
	}
	.ctd-loop-container .ctd-section-title{
		font-size:32px;
	}
}

.ctd-loop-container.ctd-light-mode h2,
.ctd-loop-container.ctd-light-mode h3 {
	color:#f4ecd2;
}
.ctd-loop-container.ctd-light-mode .ctd-button {
	color:#10302e;
	background:#f4ecd2;
}
.ctd-loop-container.ctd-light-mode .ctd-button:hover {
	background:#e8c85c;
}