/* BLOG POSTS */

a:hover {
	color: #D54E21;
}
.description_wrapper h2 a {
	font-size: 21px !important;
}
cite {
	font-style: normal;
	color: #999;
}
.entry p {
	color: #444;
	margin: 10px 0;
}
.entry .post_date {
	font-size: 14px;
	color: #999;
	line-height: 22.4px;
	white-space: nowrap;
	float: right;
	margin-top: 25px;
}
.author-avatar {
	display: block;
	float: left;
	margin-bottom: 0 !important;
	margin-right: 25px;
	padding: 0 !important;
	max-width: 14%;
}
/* BLOG POST VIEW */

body .blog-post-view a {
	/* border-bottom: 1px solid #DFDFDF; */
	color: #21759B;
	font-weight: normal;
	text-decoration: none;
}
body .blog-post-view a:hover {
	color: #D54E21;
}
body .meta {
	color: #777777;
	font-size: 12px;
	margin-bottom: 10px;
}
#comments p {
	color: #444444;
	font-size: 13px;
	font-style: italic;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
.storycontent p {
	margin: 0 0 22px;
	padding: 0;
	font-size: 14px;
	color: #444444;
	line-height: 22px;
}
.blog-cat-list a {
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}
.blog-pro-list a {
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}
.blog-cat-list a:hover {
	text-decoration: underline;
}
.blog-pro-list a:hover {
	text-decoration: underline;
}
.blog-cat-list span {
	background-color: #02AB68;
	padding: 2px;
}
.blog-pro-list span {
	background-color: #02AB68;
	padding: 2px;
}
.post-images {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-top: 20px;
}
.comment-title {
	margin-top: 30px;
	clear: both;
}
#content .blog-categories li p {
	clear: both;
	margin-top: 10px;
}
#content .blog-categories > li > a {
	border: 0 none;
	display: block;
	overflow: auto;
	position: relative;
	text-decoration: none;
}
#content .blog-categories li a span {
	clear: both;
	display: block;
	white-space: nowrap;
}
.blog-categories li, .blog-categories-content {
	display: block;
	overflow: auto;
}
#content ul.blog-categories > li + li {
	border: 0 none;
	padding-top: 0;
}
.blog-categories li img {
	margin-right: 5px;
	margin-bottom: 5px;
}
#content .blog-categories li img {
	margin-right: 0px;
	margin-bottom: 0px;
}
.clear_class {
	clear: both;
	padding: 0px;
	border: 0 none;
}
#column-right ul.blog-categories li, #column-left ul.blog-categories li {
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#column-right ul.blog-categories li.clear_class, #column-left ul.blog-categories li.clear_class {
	border: 0 none;
	padding: 0;
}
#column-right ul.blog-categories li a, #column-left ul.blog-categories li a {
	border: 0;
}
/* 3Columns */


.col3_span1, .col3_span2, .col3_span3 {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col3_col:first-child {
	margin-left: 0;
}
.col3_span1 {
	width: 100%;
	margin-left: 0;
}
.col3_span3 {
	width: 32.3333333333%;
}
#col3_container, .col3_inner {
	margin: 0 auto;
}
#col3_container {
	overflow: auto;
	float: left;
	width: 70%;
}
.col3_alt {
	color: #fff;
	color: rgba(255,255,255, 0.9);
	letter-spacing: 0.05em;
}

/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px) {
.col3_span3 {
	width: 100%;
}
.col3_span2 {
	width: 100%;
	margin-left: 0;
}
#col3_container, .col3_inner {
	width: 90%;
	padding: 0 5% 0 5%;
}
}

/* Custom Breakpoints */

@media screen and (max-width: px) {
/* Add your styles for devices with a maximum width of  */
}
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
 *zoom:1;
}
.sort {
	float: right;
	width: 16%;
	margin-bottom: 25px;
}
.limit {
	float: right;
	width: 11%;
	margin-bottom: 25px;
}
.display {
	float: left;
	margin-left: 10px;
	margin-bottom: 25px;
}
label {
	font-weight: bold;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}
input {
	clear: both;
}
.comment-title {
	border-top: 1px solid #e9e9e9;
	padding-top: 25px;
}
#left_col {
	float: left;
	margin: 20px 0 50px;
	padding: 0 20px 0 0;
	width: 20%;
	margin-left: 10px;
}
#left_col #col3_container {
	width: 100% !important;
}
.comments-article {
	float: left;
}
.blog-post-view {
	float: left;
	width: 77%;
}
#socialbuttonnav {
	overflow: hidden;
}
.comments-article {
	float: left;
	width: 96%;
}
#cboxCurrent {
	display: none !important;
}
.authname span {
	text-transform: none !important;
}
.recent_posts h2 a {
	font-size: 14px !important;
}
.recent_posts h2 {
	padding: 0 !important;
}
.recent_posts .box-content {
	overflow: hidden;
	padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
.sort {
	clear: both !important;
	margin-bottom: 25px !important;
	width: 100% !important;
	float: none!important;
}
#col3_container, .col3_inner {
	padding: 0 !important;
	width: 100% !important;
}
.display {
	margin-left: 0px !important;
}
.limit {
	clear: both !important;
	float: none !important;
	margin-bottom: 20px !important;
	width: 100% !important;
}
}
#blog_wrapper .s_listing {
	float: left;
}
.description_wrapper {
	float: left;
	margin-left: 12px;
	width: 85.5%;
}
#blog_wrapper .s_listing {
	width: 77.5%;
}
#blog_wrapper .s_item {
	width: 100%;
	padding: 25px;
	margin: 0;
}
#blog_wrapper .s_item:hover {
	padding: 25px;
	margin: 0;
}
.class-blog-post-category select {
	padding: 0px 35px 0px 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	height: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/catalog/view/theme/shoppica2/images/dropdown.gif) 96% / 15% no-repeat #f6f6f6;
	color: #999;
	margin-left: 10px;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}


/* CAUTION: IE hackery ahead */

.class-blog-post-category select::-ms-expand {
 display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
 .class-blog-post-category select {
 background:none\9;
 padding: 5px\9;
}
}
#listing_options .display input[type=submit] {
	border: none;
	height: 30px;
	color: #fff;
	padding: 0 16px;
	text-transform: uppercase;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0px 0px 0px 2px #000;
	font-size: 13px !important;
}
#listing_options .display input[type=text] {
	height: 24px;
}

@media screen and (max-width: 1400px) {
#blog_wrapper .s_listing {
	width: 76.5%;
}
.description_wrapper {
	width: 80.5%;
}
.blog-post-view {
	width: 75%;
}
}

@media screen and (max-width: 991px) {
#blog_wrapper .s_listing {
	width: 75.5%;
}
.description_wrapper {
	width: 75%;
}
}

@media screen and (max-width: 768px) {
#blog_wrapper .s_listing, #blog_wrapper .s_listing .s_item {
	width: 100% !important;
}
.description_wrapper {
	width: 71.5% !important;
}
.blog-post-view {
	width: 100%;
}
.s_page_blog_post_view #left_col .s_grid_view .s_item:hover {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
}

@media screen and (max-width: 479px) {
.author-avatar, .author-avatar img {
	width: 100% !important;
	max-width: 100% !important;
}
.description_wrapper {
	width: 100% !important;
	margin: 0;
}
}
.comments-article .success {
	background: #68a768;
	color: #fff;
	padding: 20px;
	font-weight: bold;
	border: 1px solid #4ca84c;
	box-shadow: 0px 0px 14px 0px #0000001a;
	margin: 15px 0;
	font-size: 15px;
}
.comments-article .warning {
	background: #da4c4c;
	color: #fff;
	padding: 20px;
	font-weight: bold;
	border: 1px solid #bd5757;
	box-shadow: 0px 0px 14px 0px #0000001a;
	margin: 15px 0;
	font-size: 15px;
}
.s_2_cols.s_page_blog_post_view .s_grid_view.size_1 .s_item {
	width: 100% !important;
}
.s_page_blog_post_view #left_col .s_thumb img {
	width: 100%;
}
.s_page_blog_post_view #left_col .s_grid_view .s_item {
	margin-left: 0px;
	margin-right: 0px;
}
.s_page_blog_post_view #left_col .s_grid_view .s_item:hover {
	margin-left: -20px;
	margin-right: -20px;
}
#comments .content {
	background: #fff;
	padding: 25px;
	margin: 35px 0;
	box-shadow: 0px 0px 33px 0px #0003;
}
.big_screen_fixed .description_wrapper {
	width: 80%;
}

.big_screen_fixed #blog_wrapper .s_listing {
	width: 76.5%;
}
.big_screen_fixed .blog-post-view {
	width: 75%;
}
.big_screen_fixed .author-avatar {
	margin-right: 0px !important;
	max-width: 16% !important;
}