@import '_theme_variables';
/* ************************************************************************************************
      							Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
	border-top:5px solid $dark-border-color;
	color:#d7d7d7;
	line-height:19px;
	margin-bottom:26px;
	
	.content_scene_cat_bg {
		padding:18px 10px 10px 42px;
		background-color:#464646 !important;
																		@media  (max-width: $screen-md-max) { // max 1199px
																			padding:10px 10px 10px 15px;
																		}
	}
	
	h1.category-name {
		font:600 42px/51px $font-custom;
		color:$light-text-color;	
		margin-bottom:12px;
																		@media  (max-width: $screen-md-max) { // max 1199px
																			font-size:25px;
																			line-height:30px;
																		}
	}
	
	p {margin-bottom:0;}
	
	a {
		color:$light-text-color;
		
		&:hover {text-decoration:underline;}
	}
	
	.content_scene {
		color:$base-body-color;
		
		.cat_desc {
			padding-top:20px;
			
			a {
				color:$link-color;
				
				&:hover {
					color:$link-hover-color;	
				}
			}
		}
	}
}

/* ************************************************************************************************
      							Sub Categories Styles
************************************************************************************************ */

#subcategories {
	border-top:1px solid $base-border-color;
	padding:15px 0 0px 0;
	
	p.subcategory-heading {
		font-weight:bold;
		color:$base-text-color;
		margin:0 0 15px 0;
	}
	
	ul {
		margin-left:-20px;
		
		li {
			float:left;
			width:128px;
			margin-left:20px;
			text-align:center;
			margin-bottom:13px;
			height:202px;
			
			.subcategory-image {
				padding-bottom:8px;
				
				a {
					display:block;
					padding:9px;
					border:1px solid $base-border-color;
					
					img {
						max-width:100%;
						vertical-align:top;
					}
				}
			}
			
			.subcategory-name {
				font:600 18px/22px $font-custom;
				color:$base-heading-color;
				text-transform:uppercase;
				
				&:hover {
					color:$link-hover-color;	
				}
			}
			
			.cat_desc { display:none;}	
			
			&:hover {
				
				.subcategory-image {
					
					a {
						border:5px solid $dark-border-color;
						padding:5px;
					}
				}	
			}
		}
	}
}