/*
 *
 *	Collection Template CSS Styles
 *
 */

.desktop .collection-styles .card-box { background:#f4f4f4; margin-bottom:30px; }
.desktop .collection-styles .category-box.video-box h2 { line-height:1.3em }
.collection-styles .video-card-box { background:#f3f1e9!important; margin:0 15px; }
.dektop .collection-styles .video-card-box > div:first-child { padding-left:0!important; }
.collection-styles .category-box.video-box { margin-bottom:15px; }

.collection-styles section > .row:first-child { margin-top:0; }
.collection-styles header {}
.collection-styles header h1 { font-size:3em; line-height:1em; margin:30px 0; }
.collection-styles h1 span { font-family: "Cormorant", Times, "Times New Roman", serif; font-style: italic; text-transform: none; color: #624630; }
.collection-styles h2,
.collection-styles h2 a { font-family: "Montserrat", Verdana, Helvetica, sans-serif; text-transform: uppercase; font-style: normal; color: #624630; }
.collection-styles h2 a { font-size: 1em; }

.collection-styles .card-box { background-color:#fff; }
.collection-styles .card-box .btn-secondary { background-color:transparent; }

.collection-styles .card-box a.btn:hover,
.collection-styles .card-box a:hover img { opacity:.8; }

.collection-styles .card-box > div:last-child {}
.collection-styles .category-box { padding:75px 0 30px 15px; }

.desktop .collection-styles .category-box h2 { margin-bottom:15px; }
.desktop .collection-styles .category-box p  { font-size:14px; }
.collection-styles .category-box .btn-primary { align-content:left; margin-top:15px; border-color:#4E575F; background-color:#4E575F; }

.desktop .collection-styles .card-box > div:first-child { padding-right:0; }
.collection-styles .card-box > div:first-child a { display:block; }

.collection-styles .card-box .btn-group { width:100%; }
.collection-styles .card-box .btn-group .btn,
.collection-styles .card-box .btn-group .pw-button,
.collection-styles .card-box .btn-group .c-button { width: calc(50% - 5px); padding-left:5px; padding-right:5px; margin:15px 5px; text-align:center; }		
.collection-styles .card-box .btn-group .btn:first-child,
.collection-styles .card-box .btn-group .pw-button:first-child,
.collection-styles .card-box .btn-group .c-button:first-child { margin-left:auto; }		
.collection-styles .card-box .btn-group .btn:last-child,
.collection-styles .card-box .btn-group .pw-button:last-child,
.collection-styles .card-box .btn-group .c-button:last-child { margin-right:auto; }	

/* Video Block Styling */
@media(min-width:1200px){
	.collection-styles .category-box.video-box { padding:50px 30px 50px 65px; }
	.collection-styles .video-card-box .embed-responsive-4by3 { margin-left:30px; }
	.collection-styles section > .row > div:nth-child(2) .category-box { padding-top:60px; }
	.collection-styles section > .row > div:nth-child(5) .category-box { padding-top:60px; }
	.collection-styles .card-box > div:first-child 	{ min-height:405px; }
	.collection-styles .card-box > div:first-child a 	{ max-height:405px; overflow:hidden; }
	.collection-styles .card-box > div:first-child img { height:405px; width:auto; max-width:none; float:right; }
	.desktop .collection-styles .video-card-box > div:first-child { padding-top:45px!important; }
}

/* Large Tablet */
@media(max-width:1199px){
	.collection-styles .card-box { position:relative; min-height:570px; }
	.collection-styles .card-box > div { position:static; padding:0; }
	.collection-styles .category-box { padding:25px 15px 65px; position:static; /* min-height:290px; */ }
	/* .collection-styles .card-box > div:last-child { min-height:320px; }*/
	.collection-styles .category-box > .clearfix { margin:0 0 10px; padding:0; }
	.collection-styles .category-box h2 { margin:12px 0; }
	.collection-styles .category-box .hidden-lg .btn-primary { margin-top:0!important; }
	/* .collection-styles .card-box .btn.btn-block { position:absolute; left:30px; bottom:30px; width:calc(100% - 60px); padding:10px; } */
	/* Clear floats in grid after every 2nd item - when layout breaks to 2 up vertical layout */
	.collection-styles section .row > [class*="col-"]:nth-child(2n+3) { clear:both; }
	.collection-styles .card-box .btn-group { width: calc(100% - 30px); position: absolute; left: 15px; bottom: 0px; }
	.collection-styles .card-box .btn-group .btn.m-btn-block { width:100%; }	
}
@media(max-width:1024px){
	.collection-styles .card-box     { min-height:520px; }
}

/* Tablet */
@media(max-width:768px){
	.collection-styles .card-box { min-height:480px; }
}

/* Mobile */
.mobile .collection-styles .category-box { padding:12px 6px 30px; }
.mobile .collection-styles .category-box > .clearfix { padding:6px 0 0; }
.mobile .collection-styles .category-box h2 { font-size:1.5em; }
.mobile .collection-styles .category-box h2 a { color:#000; }
.mobile .collection-styles .btn-group { margin:18px 0; width:auto; position:static; left:0; bottom:0; }
.mobile .collection-styles .btn-group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.mobile .collection-styles .card-box .btn-group .pw-button,
.mobile .collection-styles .card-box .btn-group .c-button { width:calc(50% - 5px); margin:0 3px; }
.mobile .collection-styles .card-box .btn-group .pw-button:first-child,
.mobile .collection-styles .card-box .btn-group .c-button:first-child { margin-left:auto!important; }
.mobile .collection-styles .card-box .btn-group .pw-button:last-child,
.mobile .collection-styles .card-box .btn-group .c-button:last-child { margin-right:auto!important; }

.mobile .collection-styles .video-card-box { background-color:#fff!important; }
.mobile .collection-styles .category-box.video-box p { margin-bottom:10px; }

.mobile .collection-styles .category-box { min-height:auto!important; }