@font-face {
	font-family: 'DinLight';
	src: url('fonts/DIN.woff') format('woff'),  url('fonts/DIN.svg#Comix-Loud') format('svg'),  url('fonts/DIN.eot'),  url('fonts/DIN.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic);
@font-face {
	font-family: 'adelle';
	src: url('fonts/adelleregularwebfont.eot');
	src: url('fonts/adelleregularwebfont.svg');
	src: local('adelle'), url('fonts/adelleregularwebfont.woff') format('woff'), url('fonts/adelleregularwebfont.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_30477">Text with this font applied</p> */



.fontsforweb_fontid_30477 {
	font-family: 'adelle' !important;
}
/*



Theme Name: hackread_v2



Theme URI: http://underscores.me/



Author: hackread_v2



Author URI: http://ataaz.co



Description: hackread_v2



Version: 1.0.0



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Text Domain: hackread_v2



Tags:







This theme, like WordPress, is licensed under the GPL.



Use it to make something cool, have fun, and share what you've learned with others.







hackread_v2 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.







Normalizing styles have been helped along thanks to the fine work of



Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/



*/







/*--------------------------------------------------------------



>>> TABLE OF CONTENTS:



----------------------------------------------------------------



1.0 Normalize



2.0 Typography



3.0 Elements



4.0 Forms



5.0 Navigation



	5.1 Links



	5.2 Menus



6.0 Accessibility



7.0 Alignments



8.0 Clearings



9.0 Widgets



10.0 Content



	10.1 Posts and pages



	10.2 Asides



	10.3 Comments



11.0 Infinite scroll



12.0 Media



	12.1 Captions



	12.2 Galleries



--------------------------------------------------------------*/







/*--------------------------------------------------------------



1.0 Normalize



--------------------------------------------------------------*/



html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article,  aside,  details,  figcaption,  figure,  footer,  header,  main,  menu,  nav,  section,  summary {
	display: block;
}
audio,  canvas,  progress,  video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
 [hidden],  template {
 display: none;
}
a {
	background-color: transparent;
}
a:active,  a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,  strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,  kbd,  pre,  samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,  input,  optgroup,  select,  textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,  select {
	text-transform: none;
}
button,  html input[type="button"],  input[type="reset"],  input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],  html input[disabled] {
	cursor: default;
}
 button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],  input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
 input[type="number"]::-webkit-inner-spin-button,  input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-cancel-button,  input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,  th {
	padding: 0;
}
/*--------------------------------------------------------------



2.0 Typography



--------------------------------------------------------------*/



body,  button,  input,  select,  textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
h1,  h2,  h3,  h4,  h5,  h6 {
	clear: both;
}
.entry-content h1 {
	font-size: 42px;
}
.entry-content h2 {
	font-size: 36px;
}
.entry-content h3 {
	font-size: 30px;
}
.entry-content h4 {
	font-size: 26px;
}
.entry-content h5 {
	font-size: 24px;
}
.entry-content h6 {
	font-size: 22px;
}
p {
	margin-bottom: 1.5em;
}
dfn,  cite,  em,  i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,  kbd,  tt,  var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,  acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,  ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------



3.0 Elements



--------------------------------------------------------------*/



html {
	box-sizing: border-box;
}
*,  *:before,  *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,  blockquote:after,  q:before,  q:after {
	content: "";
}
blockquote,  q {
	margin-right: 0;
	text-align: left;
	font-size: 30px;
	color: #D30808;
	display: block;
	font-family: "Abel", sans-serif;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	quotes: none;
	text-transform: uppercase;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,  ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,  li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------



4.0 Forms



--------------------------------------------------------------*/



button,  input[type="button"],  input[type="reset"],  input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,  input[type="button"]:hover,  input[type="reset"]:hover,  input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,  input[type="button"]:focus,  input[type="reset"]:focus,  input[type="submit"]:focus,  button:active,  input[type="button"]:active,  input[type="reset"]:active,  input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],  input[type="email"],  input[type="url"],  input[type="password"],  input[type="search"],  textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="password"]:focus,  input[type="search"]:focus,  textarea:focus {
	color: #111;
}
input[type="text"],  input[type="email"],  input[type="url"],  input[type="password"],  input[type="search"] {
	padding: 3px;
}
textarea {
	padding-left: 3px;
	width: 100%;
}
/*--------------------------------------------------------------



5.0 Navigation



--------------------------------------------------------------*/



/*--------------------------------------------------------------



5.1 Links



--------------------------------------------------------------*/



/*a {



	color: royalblue;



}







a:visited {



	color: purple;



}







a:hover,



a:focus,



a:active {



	color: midnightblue;



}







a:focus {



	outline: thin dotted;



}







a:hover,



a:active {



	outline: 0;



}*/







/*--------------------------------------------------------------



5.2 Menus



--------------------------------------------------------------*/



.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,  .main-navigation .current-menu-item > a,  .main-navigation .current_page_ancestor > a {
}
/* Small menu. */



.menu-toggle {
	display: none;
}
 @media screen and (max-width: 600px) {
.menu-toggle,  .main-navigation.toggled .nav-menu {
	display: block;
}
.main-navigation ul {
	display: none;
}
}
.site-main .comment-navigation,  .site-main .posts-navigation,  .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,  .posts-navigation .nav-previous,  .post-navigation .nav-previous {
	float: right;
	width: 50%;
}
.comment-navigation .nav-next,  .posts-navigation .nav-next,  .post-navigation .nav-next {
	float: left;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------



6.0 Accessibility



--------------------------------------------------------------*/



/* Text meant only for screen readers. */



.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,  .screen-reader-text:active,  .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------



7.0 Alignments



--------------------------------------------------------------*/



.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------



8.0 Clearings



--------------------------------------------------------------*/



.clear:before,  .clear:after,  .entry-content:before,  .entry-content:after,  .comment-content:before,  .comment-content:after,  .site-header:before,  .site-header:after,  .site-content:before,  .site-content:after,  .site-footer:before,  .site-footer:after {
	content: "";
	display: table;
}
.clear:after,  .entry-content:after,  .comment-content:after,  .site-header:after,  .site-content:after,  .site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------



9.0 Widgets



--------------------------------------------------------------*/



.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */



.widget select {
	max-width: 100%;
}
/* Search widget. */



.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------



10.0 Content



--------------------------------------------------------------*/



/*--------------------------------------------------------------



10.1 Posts and pages



--------------------------------------------------------------*/



.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.updated:not(.published) {
	display: none;
}
.single .byline,  .group-blog .byline {
	display: inline;
}
.page-content,  .entry-content,  .entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------



10.2 Asides



--------------------------------------------------------------*/



.blog .format-aside .entry-title,  .archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------



10.3 Comments



--------------------------------------------------------------*/



.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------



11.0 Infinite scroll



--------------------------------------------------------------*/



/* Globally hidden elements when Infinite Scroll is supported and in use. */



.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */  .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */



.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------



12.0 Media



--------------------------------------------------------------*/



.page-content .wp-smiley,  .entry-content .wp-smiley,  .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */



embed,  iframe,  object {
	max-width: 100%;
}
/*--------------------------------------------------------------



12.1 Captions



--------------------------------------------------------------*/



.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------



12.2 Galleries



--------------------------------------------------------------*/



.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
.no-padding {
	padding: 0 !important;
}
#page .container {
	margin-top: 20px;
}
.site-title {
	height: 80px;
	margin: 0 0 0 -15px;
	width: 315px;
	background-color: #D30808;
	display: block;
	float: left;
	padding-left: 15px;
}
.site-title a {
	float: left;
	height: 80px;
	padding: 0 8px 0 15px;
	transition: background-color 100ms ease 0s;
	width: 315px;
	display: block;
	background: url(img/hackread-logo.png) no-repeat;
}
.clear {
	clear: both;
}
/* Menu ----------- */







.w2bmenu * {
	margin: 0;
	padding: 0;
	z-index: 9999
}
ul.w2bmenu {
	list-style: none;
	line-height: 1;
	overflow: visible !important;
	padding: 0!important;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
ul.w2bmenu:after {
	margin: 0;
	padding: 0;
	content: ' ';
	display: block;
	height: 0px;
	clear: both;
}
ul.w2bmenu li {
	list-style: none;
	position: relative;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}
ul.w2bmenu li:nth-child(1) a:hover {
	background: #2980b9 !important;
	color: #fff !important;
}
ul.w2bmenu li:nth-child(2) a:hover {
	background: #9b59b6 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(3) a:hover {
	background: #2c3e50 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(4) a:hover {
	background: #f39c12 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(5) a:hover {
	background: #16a085 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(6) a:hover {
	background: #e67e22 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(7) a:hover {
	background: #2980b9 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(8) a:hover {
	background: #9b59b6 !important;
	color: #fff !important
}
ul.w2bmenu li:nth-child(9) a:hover {
	background: #2c3e50 !important;
	color: #fff !important
}
ul.w2bmenu li a {
	margin: 6px;
	padding: 6px !important;
	color: #000!important;
	font-size: 14px;
	display: block !important;
	font-family: 'Abel', sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
ul.w2bmenu li a:hover {
	background: #1ED5ED !important;
}
.submenu li a {
	color: #000 !important;
}
ul.w2bmenu li a.hoverover {
	background: #232425 !important;
}
ul.w2bmenu li li a:hover {
	color: #232425 !important;
}
ul.w2bmenu ul {
	position: absolute;
	display: none;
	top: 100%;
	width: 180px
}
ul.w2bmenu li:hover > ul {
	display: block;
}
ul.w2bmenu ul li {
	float: none;
	min-width: 160px;
	background: #3b5998;
	text-shadow: none;
}
ul.w2bmenu ul li a {
	padding: 12px 14px;
	text-transform: none;
	font-weight: normal;
}
ul.w2bmenu ul li a:hover, ul.w2bajaxmenu ul li a.hoverover {
	background: #232425!important;
}
ul.w2bmenu ul li a:hover, ul.w2bajaxmenu ul li a:hover {
	background: #252425 !important;
	color: #fff !important;
}
ul.w2bmenu ul ul {
	display: none;
	left: 100%;
	top: 0;
}
ul.w2bajaxmenu li div.submenu {
	display: none;
	position: absolute;
	width: 600px;
	z-index: 90;
	left: -1px;
	top: 100%;
	overflow: hidden;
	min-height: 150px;
	border-top: 0 none;
}
ul.w2bajaxmenu li:hover div.submenu {
	display: block;
}
ul.w2bajaxmenu ul, ul.w2bajaxmenu ul.verticlemenu li {
	display: block !important;
	border: 0 none !important;
	margin: 0 !important
}
ul.w2bajaxmenu ul li {
	background: none !important;
	float: none !important;
}
ul.w2bajaxmenu ul.verticlemenu {
	position: absolute;
	width: 33%;
	left: 0;
	top: 0;
	bottom: 0;
	background: #D30808;
}
ul.w2bajaxmenu ul.postslist {
	position: relative;
	width: 65%;
	float: right;
	margin: 0px 0 !important;
	background: none;
}
ul.w2bajaxmenu ul.postslist li {
	overflow: hidden;
	border-bottom: 1px #eee solid;
	position: relative;
	min-height: 80px;
	padding: 8px 8px 8px 110px !important;
}
ul.w2bajaxmenu ul.postslist li:last-child {
	border-bottom: none 0;
}
ul.w2bajaxmenu ul.postslist li .imgCont {
	position: absolute;
	left: 0;
	top: 8px;
	width: 100px;
	height: 60px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	font-size: 0;
	line-height: 0;
}
ul.w2bajaxmenu ul.postslist li .imgCont img {
	position: relative;
	top: -20px;
	padding: 0;
	width: 100px;
	height: 100px;
	display: block;
}
ul.w2bajaxmenu ul.postslist li a {
	line-height: 1.4;
	padding: 0 !important;
}
ul.w2bajaxmenu .loader {
	background: url('http://www.treppreitcafe.com/images/loading.gif') no-repeat scroll 0 0 transparent;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	right: 5px;
}
ul.w2bajaxmenu .menuArrow {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #999999;
	display: block;
	height: 0;
	margin-top: -4px;
	position: absolute;
	right: 11px;
	top: 50%;
	width: 0;
}
#w2bajaxmenu #searchform {
	float: right;
	padding: 8px;
}
#w2bajaxmenu {
	background: transparent;
	color: #fff !important;
}
/*.m-hero__slot{



	position:relative;



}



.m-hero__slot:nth-of-type(1) {



    height:329px;



    left: 0;



    top: 12px;



	min-height: 233.333px;



	display:block;



	float: left;



}



.m-hero__slot:nth-of-type(2) {



    height: 155px;



    left: 0;



    top: 12px;



	display:block;



	float: left;



	min-height:155px;



}



.m-hero__slot:nth-of-type(3) {



    height: 155px;



    left: 0;



    top: 12px;



	min-height: 140px;



	display:block;



	float: left;



}







.m-hero__slot:nth-of-type(4){



    height: 330px;



    left: 0;



    top: 12px;



	min-height: 140px;



	display:block;



	float: left;



}



.m-hero__slot:nth-of-type(5) {



    height: 155px;



    left: 0;



    top: 12px;



	min-height: 140px;



	display:block;



	float: left;



}







.m-hero__slot:nth-of-type(6){



    height: 156px;



    left: 0;



    top: 12px;



	min-height: 156px;



	display:block;



	float: left;



}



.m-hero__slot:nth-of-type(7), .m-hero__slot:nth-of-type(8) {



    height: 330px;



    left: 0;



    top: 12px;



	min-height: 300px;



	display:block;



	float: left;



}















.m-hero__slot-link{



	position:absolute;



	width:100%;



	height:100%;



}



.m-hero__slot-link:hover{text-decoration:none;}



.m-hero__slot:nth-of-type(1) .p-dynamic-image::after {



    background-color: #dc4225;



    background-image: linear-gradient(135deg, #dc4225, #292484);



    opacity: 0.1;



}



.m-hero__slot:nth-of-type(2) .p-dynamic-image::after {



    background-color: #417711;



    background-image: linear-gradient(135deg, #417711, #d38312);



    opacity: 0.7;



}



.m-hero__slot:nth-of-type(3) .p-dynamic-image::after {



    background-color: #002f4b;



    /*background-image: linear-gradient(135deg, #002f4b, #417711);



    opacity: 0.7;



}



.m-hero__slot:nth-of-type(4) .p-dynamic-image::after {



    background-color: #292484;



    /*background-image: linear-gradient(135deg, #292484, #a83279);



    opacity: 0.7;



}



.m-hero__slot:nth-of-type(5) .p-dynamic-image::after {



    background-color: #d38312;



    /*background-image: linear-gradient(135deg, #d38312, #a83279);



    opacity: 0.7;



}



.m-hero__slot:nth-of-type(6) .p-dynamic-image::after {



    background-color: #e0be00;



    /*background-image: linear-gradient(135deg, #e0be00, #dc4225);



    opacity: 0.7;



}



.m-hero__slot:nth-of-type(7) .p-dynamic-image::after {



    background-color: #002f4b;



    /*background-image: linear-gradient(135deg, #002f4b, #417711);



    opacity: 0.7;



}



.m-hero__slot:nth-of-type(8) .p-dynamic-image::after {



    background-color: #e0be00;



    /*background-image: linear-gradient(135deg, #e0be00, #dc4225);



    opacity: 0.7;



}



.p-dynamic-image{



	margin-left: -15px;



    margin-top: -11px;



}



.m-hero__slot .p-dynamic-image::after{



    content: "";



    height: 100%;



    left: 0;



    position: absolute;



    top: 0;



    width: 100%;



}



.m-hero__slot:hover .p-dynamic-image::after{



	opacity:0.9;



}



.m-hero__slot:nth-of-type(1) h2 {



    font-size: 3em;



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	width:90%;



}



.m-hero__slot:nth-of-type(2) h2{



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	font-size:20px;



	width:90%;



}



.m-hero__slot:nth-of-type(3) h2{



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	font-size:20px;



	width:90%;



}







.m-hero__slot:nth-of-type(4) h2{



    font-size: 3em;



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	width:90%;



}







.m-hero__slot:nth-of-type(5) h2{



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	font-size:20px;



	width:90%;



}











.m-hero__slot:nth-of-type(6) h2{



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	font-size:20px;



	width:90%;



}







.m-hero__slot:nth-of-type(7) h2, .m-hero__slot:nth-of-type(8) h2 {



    font-size: 3em;



	color: #fff;



    font-family: Adelle,Georgia,serif;



    font-weight: 400;



    line-height: 1.2;



    margin: 0;



    padding: 0;



    position: relative;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



    z-index: 10;



	width:90%;



}











.m-hero__slot .byline{



    color: #fff;



    font-family: Helvetica,Arial,sans-serif;



    font-size: 0.95rem;



    font-style: normal;



    font-weight: 300;



    margin: 0.25rem 0 0;



    position: relative;



    z-index: 10;



	display:block;



}



.p-comment-count {



    display: inline-block;



    font-family: ff-din-web-condensed,Helvetica,sans-serif;



    font-size: 0.9rem;



    font-weight: 700;



    line-height: 0.7;



    min-width: 25px;



    padding: 0.4rem 0.2rem 0.2rem;



    position: relative;



    text-align: center;



}



.p-dynamic-image img{



	width:100%;



}



.m-hero__slot:nth-of-type(1) .p-dynamic-image{



	height:350px;



}



.m-hero__slot:nth-of-type(2) .p-dynamic-image{



	height:192px;



}*/



.clear {
	clear: both;
}
.nav-links {
	border-bottom: 1px solid #ddd;
	height: 80px;
}
.nav-links a {
	color: #777;
	display: block;
	font-family: adelle;
	font-size: 16px;
	font-weight: 400;
	padding: 17px;
	text-align: center;
	min-height: 78px;
}
.nav-links .nav-next a {
	border-right: 1px solid #ddd;
}
.top-single-ad {
	float: left;
	padding: 8px;
}
.top-single-ad .widget {
	margin: 0;
}
#secondary #text-14 {
	margin-bottom: 10px;
}
#bsap_1297701 a {
	margin-bottom: 10px;
}
.header-ad {
	text-align: center;
}
.header-ad .widget {
	margin: 0
}
.nav-links a:hover {
	background: #FAFAFA;
	color: #777;
	text-decoration: none;
}
.entry-title {
	font-size: 32px;
	padding: 1rem 4rem 0rem 0rem;
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
	color: #000;
	font-family: Adelle, Georgia, serif;
	text-transform: none;
}
.entry-meta {
	font-family: Adelle, Georgia, serif;
	font-style: italic;
	color: #848484;
}
.entry-meta .byline {
	font-size: 14px;
	color: #000;
}
.entry-meta .byline a {
	color: #D30808;
}
.entry-meta .byline .author a {
	font-style: normal;
	text-transform: capitalize;
}
.entry-meta .posted-on a {
	color: #848484;
}
.posted-on {
	font-size: 12px;
	color: #848484;
	font-style: normal;
}
.site-content {
	border: 2px solid #ddd;
}
.site-content .entry-header {
	padding: 0rem 0rem 0rem 2rem;
	margin-bottom: 20px;
}
.authoremail, .authortwitter {
	padding-left: 13px;
	font-size: 12px;
	color: #000 !important;
}
.authoremail .fa, .authortwitter .fa {
	margin-right: 5px !important;
	color: #D30808 !important;
}
#secondary {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.m-article__follow-bar {
	background-color: #f7f1ee;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5rem 1.5rem;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 16px;
}
.m-article__follow-bar strong {
	display: inline-block;
	font-family: "Abel", sans-serif;
	font-size: 1.70rem;
	font-weight: 600;
	position: relative;
	text-transform: uppercase;
	top: 0.15rem;
}
.m-article__follow-bar strong em {
	color: #D30808;
}
.m-article__follow-bar .social-buttons {
	display: inline-block;
	margin-left: 10px;
}
.widget-title {
	border-bottom: 2px solid #D30808;
	font-family: "Abel", sans-serif;
	text-align: left;
	padding-left: 20px;
}
.widget-title span {
	background: none repeat scroll 0 0 #D30808;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 0;
	padding: 8px;
	text-transform: uppercase;
}
.src {
	font-family: "Abel", sans-serif;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 8px;
	margin-top: 10px;
}
.src span {
	background: #D30808;
	display: inline-block;
	margin-right: 2px;
	padding: 1px 5px;
}
.src a {
	background: #AAAAAA;
	text-decoration: none;
	padding: 1px 5px;
	color: #fff;
	margin-bottom: 5px;
	display: inline-block;
}
.src a:hover {
	background: #D30808;
	text-decoration: underline;
	color: #fff;
}
.related-tags {
	background: #000 !important;
}
.left {
	float: left;
	max-width: 40%;
}
.right {
	float: right;
	max-width: 40%;
}
.home-ad {
	text-align: center;
}
.widget ul {
	padding-left: 0;
	list-style-type: none;
	margin-left: 0;
}
.social-buttons a, .social-buttons a:hover, .social-buttons a:active, .social-buttons a:focus {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	margin-left: 3px;
	font-size: 12px;
}
.social-buttons i {
	margin-right: 6px;
}
.social-buttons a:nth-child(1) {
	background: #3B5998;
}
.social-buttons a:nth-child(2) {
	background: #5EA9DD;
}
.social-buttons a:nth-child(3) {
	background: #D30808;
}
.social-buttons a:nth-child(4) {
	background: #DA4735;
}
.linked {
	border-bottom: 1px solid #D30808;
	box-shadow: inset 0 -4px 0 #D30808;
	color: inherit;
	-webkit-transition: background .15s cubic-bezier(.33, .66, .66, 1);
	transition: background .15s cubic-bezier(.33, .66, .66, 1);
	color: #000;
	padding: 2px;
}
.linked:hover, .linked:focus, .linked:active {
	background: #D30808;
	text-decoration: none;
	color: #fff;
}
.title-cat {
	margin-top: -2px;
	display: block;
	float: left;
}
.title-cat a {
	background: #488DB3;
	padding: 3px;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}
.title-cat a:nth-child(2) {
	background: #C40027;
}
.title-cat a:nth-child(3) {
	background: #EB2A06;
}
.title-cat a:nth-child(4) {
	background: #339;
}
.title-cat a:hover {
	color: #fff;
}
.author {
	padding: 10px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.author img {
	border-radius: 40px;
}
.author .bd {
	float: right;
	width: 84%
}
.author p {
	font-size: 13px;
	font-family: Adelle;
}
.widget {
	font-family: Adelle;
}
.social-links {
	padding: 0;
	margin: 0;
}
.social-links li {
	list-style-type: none;
	display: inline-block;
}
.social-links i {
	font-size: 24px;
}
.social-links a:visited {
	color: #D30808;
}
.tw_index, fb_index {
	display: inline-block;
	float: left;
}
.social-hover-posts {
	position: absolute;
	bottom: 0;
	right: 5px;
	width: 200px;
}
.paginaiton .page-numbers {
	padding: 5px 11px;
	color: #000;
	background: #ddd;
	border-radius: 30px;
	font-family: Adelle;
	font-size: 14px;
}
.paginaiton {
	float: right;
	padding: 30px 0px 30px 0;
}
.related-posts ul {
	margin: 0;
	padding: 0;
}
.related-posts ul li {
	list-style-type: none;
}
.related-posts ul a {
	text-transform: capitalize;
	font-weight: normal;
	display: block;
	line-height: 1.5;
}
.related-posts ul a:hover {
	color: #000;
}
.facebook_comments h3, .related-posts h3 {
	margin-bottom: 10px;
	border-bottom: 2px dashed #ddd;
	padding-bottom: 8px;
	width: 50%;
}
.subscribe_stick_div {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	background: #ddd;
	z-index: 9999;
}
.subscribe_stick_div h3 {
	text-transform: capitalize;
	float: left;
	margin: 0;
	font-size: 20px;
}
.subscribe_stick_div .subs {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
}
.subscribe_stick_div form {
	margin-top: -6px;
}
.subscribe_stick_div input[type="text"] {
	padding: 5px;
	margin-left: 10px;
}
.subscribe_stick_div input[type="submit"] {
	padding: 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Adelle;
}
#subs-close {
	position: relative;
	float: right;
	margin-top: -36px;
	font-size: 22px;
	margin-right: 10px;
}
.footer {
	background: #fff;
	border-top: 2px solid #D30808;
	margin-bottom: 80px;
}
.footer .footer_center {
	margin-left: auto;
	margin-right: auto;
	width: 1060px;
	height: 180px;
}
.footer_center .foot {
	width: 100%;
	float: left;
}
.about-web {
	padding: 20px;
	padding-left: 0;
	float: left;
	width: 50%;
	margin-top: 10px;
}
.about-web h2 {
	font-weight: bold;
}
.about-web p {
}
.social-pages {
	float: right;
	width: 50%;
}
.foot .about-web p {
	font-size: 13px;
	color: #747474;
}
.footer-logo {
	background: url(img/footer-logo.png) no-repeat;
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 7px;
	margin-bottom: -20px;
	height: 22px;
	width: 100px;
}
.footer-menu {
	float: right;
}
.footer-menu ul {
	margin: 20px 0 0;
}
.footer-menu ul li {
	display: inline-block;
	list-style-type: none;
}
.footer-menu ul a {
	color: #747474;
	text-decoration: none;
	padding: 8px 5px;
	text-transform: uppercase;
	display: block;
	font-size: 13px;
}
.social-icons-footer {
	float: right;
}
.social-icons-footer a {
	color: #757575;
	font-size: 28px;
	padding: 6px;
}
.copyright {
	width: 100%;
	margin-bottom: 40px;
	margin-top: 25px;
}
.copyright span {
	font-size: 13px;
	color: #747474;
	display: block;
	float: left;
}
.copyright span a {
	color: #747474;
}
.copyright span:nth-child(1) {
	width: 30%;
	text-align: left;
}
.copyright span:nth-child(2) {
	width: 42%;
	text-align: center;
}
.copyright span:nth-child(3) {
	width: 28%;
	text-align: right;
}
.about-web a .logo-text {
	font-family: Adelle;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	float: left;
	margin-top: 10px;
	margin-right: 6px;
	font-weight: bold;
}
#menu-top-menu {
	margin: 0;
	padding: 0;
}
#menu-top-menu li {
	list-style-type: none;
	display: inline-block;
}
#menu-top-menu li a {
	color: #000;
	font-family: 'Abel', sans-serif;
	padding: 8px;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}
.top-menu {
	background: #ddd;
}
.top-menu .container {
	margin-top: 0px !important;
}
.menu-top-menu-container {
	float: right;
}
.search-icon {
	font-size: 20px;
	color: #ddd;
	float: right;
	margin: 7px 10px 0px 0px;
}
.search {
	background: #ddd;
	padding: 10px;
	position: absolute;
	right: 16px;
	z-index: 9999;
	display: block;
}
.twitter-link:hover, facebook-link:hover {
	color: #58585A !important;
}
.search #searchsubmit {
	padding: 8px;
	font-size: 12px;
	background: #D30808;
	box-shadow: none;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-family: Adelle;
	text-transform: uppercase;
}
.navbar {
	display: none;
}
.article-box article {
	margin: 10px;
	display: block;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 6px;
	min-height: 330px;
}
.article-box article .index-featured-img {
	width: 100%;
	z-index: -1;
	position: relative;
}
.article-box article h2 {
	position: relative;
	z-index: 2;
	color: #58585A;
	text-transform: none;
	padding-left: 0;
	font-size: 19px;
	margin-top: 7px;
}
.article-box article .byline {
	position: absolute;
	background: #D30808;
	font-family: Abel;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 20px;
	padding: 4px 8px;
	color: #fff;
	margin-top: 0;
}
.article-box article .datetime {
	position: absolute;
	background: #D30808;
	font-family: Abel;
	text-transform: uppercase;
	font-size: 11px;
	margin-left: 20px;
	padding: 4px 8px;
	color: #fff;
	margin-top: 0;
	right: 26px;
}
.article-box article .social-index {
	background: #999;
	padding: 5px;
	display: block;
}
.article-box article .social-index ul {
	margin: 0;
	padding: 0;
}
.article-box article .social-index ul li {
	display: inline-block;
	list-style-type: none;
}
.article-box article .social-index ul li:nth-child(3) {
	width: 76px;
}
.article-box article .social-index ul li:nth-child(3) iframe {
	margin-bottom: -5px;
}
.article-box article .excerpt {
	font-size: 14px;
	font-family: Adelle;
	color: #999;
	margin: 0;
}
.article-box article .link {
	display: block;
	height: 100%;
	color: #58585A;
	text-transform: none;/*transition: all .5s ease-in-out;



	background-color: rgba(0,0,0,.2);



*/}
/*.article-box article .link:hover{



	-webkit-transition: all .25s ease;



  	-moz-transition: all .25s ease;



  	transition: all .5s ease;



  	background-color: rgba(0,0,0,.5);



}*/







.site-header {
	background: #D30808;
}
.category_menu {
	background: #58585A;
	padding: 0;
	margin: 0;
}
.category_menu li {
	list-style-type: none;
	display: inline-block;
	position: relative;
}
.category_menu li ul li {
	clear: both;
	border-style: none;
	width: 200px;
}
.category_menu li:hover ul {
	display: block;
}
.category_menu li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	background: #58585A;
	z-index: 99999;
}
.category_menu li ul a {
	margin-left: 0 !important;
}
.category_menu li a {
	padding: 5px 14px;
	display: block;
	color: #fff;
	font-family: Abel;
	text-transform: uppercase;
	font-size: 15px;
	border-right: 1px solid #999;
	margin-left: -4px;
}
.category_menu li:nth-child(1) a {
	margin-left: 0 !important;
}
.category_menu li a:hover {
	background: #292929;
}
.header-right {
	float: right;
	margin-top: 40px;
}
.header-social {
	float: left;
}
.header-right form {
	float: right;
}
.header-right form input[type="submit"] {
	display: none;
}
.header-social a {
	color: #fff;
	padding: 4px;
	font-size: 20px;
}
.index-featured-img img {
	height: 190px;
}
.header-social a:hover {
	color: #58585A !important;
}
.header-ad #text-10, .header-ad #text-11 {
	display: none;
}
.header-ad #text-8 .widget-title, .header-ad #text-10 .widget-title, .header-ad #text-11 .widget-title {
	display: none;
}
.article-box article .byline a {
	color: #fff;
}
.must {
	padding: 5px;
}
.must span {
	font-family: Adelle;
	font-size: 12px;
	letter-spacing: 4px;
	color: #D30808;
	text-transform: uppercase;
	border-bottom: 1px solid #D30808;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.must a {
	font-family: Adelle;
	font-size: 20px;
	color: #000;
}
.must a:hover {
	color: #000;
	text-decoration: none !important;
}
.author-page {
	padding: 20px !important;
}
.author-page img {
	width: 15%;
	border-radius: 80px;
}
.home-add #text-7 {
	display: none;
}















/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widget-area #text-12{ display:none;}
.header-ad #text-10 {
	display: block;
}
.header-ad #text-8, .header-ad #text-11 {
	display: none;
}
.footer {
	display: none;
}
.social-index {
	display: none !important;
}
#sthoverbuttons {
	display: none !important;
}
.site-header {
	display: none;
}
.top-menu {
	display: none;
}
.navbar{display:block;}
.index-featured-img img{width:100%;}
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
.widget-area #text-12{ display:none;}
.header-ad #text-11 {
	display: block;
}
.header-ad #text-8, .header-ad #text-10 {
	display: none;
}
.site-header {
	display: none;
}
.top-menu {
	display: none;
}
.mobile-top {
	margin-top: 70px !important;
}
.facebook_comments h3, .related-posts h3 {
	width: 100%;
}
.subscribe_stick_div {
	display: none;
}
.footer {
	display: none;
}
.author .bd {
	width: 74%;
}
#secondary {
	margin-top: 80px;
}
.navbar {
	display: block;
}
.nav-links {
	display: none;
}
.entry-title {
	font-size: 24px !important;
}
#sthoverbuttons {
	display: none !important;
}
.social-index {
	display: none !important;
}
.index-featured-img img {
	height: auto !important
}
.navbar-inverse .navbar-brand {
	font-size: 32px !important;
}
.left, .right {
	float: none;
}
.home-add #text-17 {
	display: none;
}
.home-add #text-7 {
	display: block;
}
.essb_links {
	display: none;
}
.linkad{display:none;}
.index-featured-img img{width:100%;}
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.widget-area #text-12{ display:none;}
.linkad{display:none;}
.header-ad #text-11 {
	display: block;
}
.home-add #text-17 {
	display: none;
}
.home-add #text-7 {
	display: block;
}
.header-ad #text-8, .header-ad #text-10 {
	display: none;
}
.left, .right {
	float: none;
}
.site-header {
	display: none;
}
.top-menu {
	display: none;
}
.mobile-top {
	margin-top: 70px !important;
}
.facebook_comments h3, .related-posts h3 {
	width: 100%;
}
.subscribe_stick_div {
	display: none;
}
.footer {
	display: none;
}
.author .bd {
	width: 74%;
}
#secondary {
	margin-top: 80px;
}
.navbar {
	display: block;
}
.nav-links {
	display: none;
}
.entry-title {
	font-size: 24px !important;
}
#sthoverbuttons {
	display: none !important;
}
.social-index {
	display: none !important;
}
.index-featured-img img {
	height: auto !important
}
.navbar-inverse .navbar-brand {
	font-size: 42px !important;
}
.essb_links {
	display: none;
}
}