body {
	cursor: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #DBDBDB;
	font-weight: normal;
}
h1 {
	font-size:32px;
}
#header {
	width: 100%;
	border-bottom: 1px solid #ccc;
	position:fixed;
	top: 0;
	z-index:10;
}
.site-header {
	background-color: #fff;
	min-height: 100px;
}
.menu-right {
	padding-top: 29px;
	padding-bottom: 14px;
}
.logo {
	background-color: #fff;
	padding-top: 19px;
	padding-bottom: 19px;
}
.row {
	max-width: 100%;
}
/*top bar*/
.site-menu {
	background: none;
}
.top-bar {
	background: none;
	height: auto;
	line-height: normal;
	margin-bottom: 0;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	display: none;
}
.top-bar-section ul li {
	background: none;
}
.top-bar-section ul li > a {
	font-family: 'Raleway', sans-serif;
	background: none !important;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	padding: 16px 1.5em !important;
	position: relative;
	text-transform: uppercase;
	line-height: normal !important;
	white-space:nowrap !important;
	border: 1px solid transparent;
}
.top-bar-section ul li.active > a {
	border: 1px solid transparent !important;
	text-decoration: none;
	color: #000 !important;
}
.top-bar-section ul li:hover > a {
	border: 1px solid transparent !important; /* 1px solid #444 !important; */
	text-decoration: none;
	color: #000 !important;
}
.top-bar-section .dropdown > li > a {
	background-color: #fff !important;
}
.top-bar-section .dropdown > li:hover > a {
	background-color: #ccc !important;
}
.top-bar-section ul li.item-register > a {
	background-color: #24922c !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}
.top-bar-section ul li.item-register:hover > a {
	background-color: #1d7d24 !important;
	text-decoration: none;
	color: #fff !important;
}
.top-bar-section ul li.open > ul li {
	display: block;
	clear: both;
}
.top-bar-section ul li ul li a {
	display: block !important;
	font-size: 0.8125em;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	color: #000;
}

.top-bar-section ul li ul li:hover a {
	background: #444 !important;
	color: #fff !important;
}
.dropdown-menu {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 50px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  color:#000;
  /*-webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
}
.sub-menu {
	display: none;
	background: #fff;
	width: 400px;
	height: 300px !important;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: none;
	-webkit-border-radius: none;
}
.list-1 {
	position: relative;
	left:-600px !important;
}
.list-2 {
	position: relative;
	left:-215px !important;
}
.list-3 {
	position: relative;
	left:170px !important;
}
.sub-menu li a {
	min-width: 390px !important;
}
.sub-menu2 {
	position:absolute;
	top: 50px;
	display: none;
	background: #fff;
	width: 150px;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: none;
	-webkit-border-radius: none;
}
.sub-menu2 li a {
	min-width: 150px !important;
}
.sub-menu3 {
	position:absolute;
	top: 50px;
	display: none;
	background: #fff;
	width: 100px;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: none;
	-webkit-border-radius: none;
}
.sub-menu3 li a {
	min-width: 100px !important;
}

/*site-banner*/
.site-banner {
	margin-top: 100px;
	background: url(/images/banner-01.jpg) top center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	text-transform: uppercase;
	min-height: 360px;
	padding-top: 60px;
}
.site-banner h1, .site-banner h2 {
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	line-height: normal;
	margin: 0;
	text-shadow: 0 1px 18px #000;
}
.site-banner h1 {
	font-size: 35px;
	font-weight: 300;
}
.site-banner h2 {
	font-size: 40px;
	font-weight: 400;
	text-shadow: 0 1px 18px #000;
}
.site-banner img {
	margin-top: 40px;
}
section .title {
	font-size: 45px;
	font-weight: 300;
	text-transform: uppercase;
}
.red {
	color: #650300;
}
/*.red-line {
	border-bottom: 1px solid #b2817f;
	font-size: 25px;
	color: #650300;
	padding-bottom: 25px;
	margin-bottom: 25px;
	text-transform: uppercase;
    font-weight: bolder;
}*/
.red-line {
	border-bottom: 1px solid #b2817f;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.gray-line {
    border-bottom: 1px solid #d6d6d6;
    font-size: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    font-weight: bolder;
}
.site-resources {
	margin-top: 20px;
	font-size: 16px;
}
#site-content {
	margin-top:120px;
}

.newcolumn {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 30.5% !important;
	max-height: 411px;
	min-height: 425px;
}
.newpress-height{
	margin-right: 15px;
	margin-bottom: 15px;
    width: 23.5% !important;
    max-height: 355px;
    min-height: 412px;
}
.bg-white {
	background: #fff;
}
.img-clip {
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.img-ht-100 {
	height: 100px !important;
	width: auto;
}
.th-dist {
    line-height: 0;
    display: inline-block;
    border: solid 4px white;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-out;
}
.th-dist:hover, .th-dist:focus {
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
}
.th-dist.radius {
    border-radius: 3px;
}
.date-meta-light, .author-meta-light {
    color: #999 !important;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.content-meta-light {
    color: #777 !important;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:justify;
	font-weight: normal !important;
}
a.custom-post-title {
	font-family: Arial, Helvetica, sans-serif;
	color: #4E4E4E !important;
	font-size: 20px !important;
}
.text-14 {
  color: #000 !important;
  font-size: 14px !important;
}
.text-16 {
  color: #000 !important;
  font-size: 16px !important;
}
a.button.radius.button1 {
	border: 0;
    cursor: pointer;
    padding: 4px 16px;
    background: transparent;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
	color: #000;
	position: absolute;
    bottom: 0px;
	font-size: 10px;
}
a.button.radius.button1:hover{
	background: #dddddd !important;
	text-decoration: none;
}
.label-main-meta {
    color: #650300;
    font-size: 15pt;
    padding-bottom: 10px;
    font-weight: bolder;
}
.bold-and-red {
    font-size: 15pt;
    font-weight: 400;
    color: #650300;
	font-family: Georgia,Times,Times New Roman,serif !important;
}
.custom-highlight a {
	color: #650300 !important;
	font-family: Verdana, Geneva, sans-serif !important;
}
.event-label {
    font-family: Verdana, Geneva, sans-serif !important;
}
a.button:hover {
	text-decoration: none;
}
/*
 * 10.00 - Footer
 * ----------------------------------------
*/
.site-footer {
	background: none;
	color: #ffffff;
}
.footer-widget-area {
	background: #191919;
	padding: 60px 0;
}
.footer-widget-area .widget-area {
	background: #d9534f;
}
.site-footer .widget-title {
	color: #FFF;
	border-bottom: 1px solid #474747;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.f-info > .row {
	font-size: 15px;
	margin-bottom: 15px;
}
.site-footer ul, .site-footer ol, .site-footer dl {
	font-size: 16px;
	line-height: 1.6;
	list-style: none;
	margin: 0 0 15px;
}
.site-footer #navigation li {
	margin-bottom: 15px;
}
.site-footer a {
	color: #fff;
}
.site-footer a:hover {
	text-decoration: underline;
}
.footer-info {
	background: #292929;
	border-top: 1px solid #3e3e3e;
	color: #ffffff;
	font-size: 15px;
}
.footer-info > .row {
}
.footer-widget-area > .row, .footer-info > .row {
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
}
.site-link .fa {
    margin-left: 10px;
}



/* items added by JW */

.leaderboard-home {
	margin-top:130px;
}

.link-spanner {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
}
.hc {
	line-height: normal;
	display: inline-block;
	border: solid 4px white;
	max-width: 100%;
	/*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);*/
	box-shadow: 0px 0px 8px 0px #fff;
	transition: all 200ms ease-out;
}

.hc:hover, .hc:focus {
	box-shadow: 0 0 10px 1px rgba(0, 140, 186, 0.5);
}
.hc:hover a, .hc:focus a {
	color: #933 !important;
}

.hc.radius {
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.form-group > small {
	color: #7D7D7D;
	font-size:16px;
	text-transform:uppercase;
}

/* PAGINATION */
.loading-div{
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.56);
	z-index: 999;
	display:none;
}
.loading-div img {
	margin-top: 20%;
	margin-left: 50%;
}
/* Pagination style */
.paginations{margin:10px 0 0 0; padding:0;}
.paginations li{
	display: inline-block;
	padding: 2px 10px 6px 10px !important;
	border: 1px solid #00c695;
	margin-right: -1px;
	font: 15px/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	box-shadow: inset 1px 1px 5px #F4F4F4;
	color: #89507d;
}
.paginations li a{
    display: inline-block;
	text-decoration:none;
    color: #89507d;
}
.paginations li.first {
	display: inline-block;
    border-radius: 5px 0px 0px 5px;
}
.paginations li.last {
	display: inline-block;
    border-radius: 0px 5px 5px 0px;
}
.paginations li:hover{
	background: #89507d;
	color: #f7cd2b
}
.paginations li.active{
	background: #00c695;
	color: #333;
}
/* END PAGINATION */


/* Styles for screens that are less that 1024px; */
@media only screen and (max-width: 1024px) {
	.item-register a {
		background-color: #24922c !important;
		color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		float: right;
		padding:0 10px 0 10px;
		margin-top:12px;
		margin-right: 10px;
	}
	.item-register a:hover {
		background-color: #1d7d24 !important;
		text-decoration: none;
	}
	.tab-bar ul li.item-register > a {
		background-color: #24922c !important;
		color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		float: right;
		padding:0 10px 0 10px;
	}
	.tab-bar ul li.item-register:hover > a {
		background-color: #1d7d24 !important;
		text-decoration: none;
	}
	/* for slide out menu */
	ul {
	padding-left: 0;
}
li {
	list-style: none;
}
.menu-wrap {
	background-color: #333;
	position: fixed;
	top: 0;
	height: 100%;
	width: 280px;
	margin-left: -280px;
	font-size: 1em;
	font-weight: 700;
	overflow: auto;
	transition: .25s;
	z-index: 10;
}
.menu-show {
	margin-left: 0;
	box-shadow: 4px 2px 15px 1px #B9ADAD;
}
.menu-sidebar {
	margin: 50px 0 80px 10px;
	position: relative;
	top: 70px;
}
.menu-sidebar li {
	/*padding: 8px 5px 0 15px;*/
}
.menu-sidebar li > a {
	color: #f3f3f3;
	font-size: 1em;
	position: relative;
	left: 0px;
	padding: 5px 5px 5px 5px;
	display: block;
	text-decoration: none;
}
.menu-sidebar ul ul {
    left:5px; /* POSITION OF THE FIRST CHILD MENU */
	position: relative;
}
.menu-sidebar li > a:hover {
	background:#000;
}
.menu-sidebar .menu-item-has-children {
	position: relative;
}
.menu-sidebar .menu-item-has-children .sub-menu {
	display: none;
}
.menu-sidebar .menu-item {
	position: relative;
}
.sidebar-menu-arrow::after {
	content: "\f107";
	font-family: 'FontAwesome';
	padding: 10px;
	color: #FFFA3B;
	position: relative;
}
/*Hamburger Button*/
.toggle-button {
	position: fixed;
	width: 44px;
	height: 40px;
	top: 6px;
	left: 20px;
	padding: 4px;
	transition: .25s;
	background: #333;
	z-index: 15;
}
.toggle-button:hover {
	cursor: pointer;
}
.toggle-button .menu-bar {
	position: absolute;
	border-radius: 2px;
	width: 80%;
	transition: .5s;
}
.toggle-button .menu-bar-top {
	border: 2px solid #fff;
	border-bottom: none;
	top: 8px;
}
.toggle-button .menu-bar-middle {
	height: 2px;
	background-color: #fff;
	margin-top: 14px;
	margin-bottom: 10px;
	top: 4px;
}
.toggle-button .menu-bar-bottom {
	border: 2px solid #fff;
	border-top: none;
	top: 28px;
}
.button-open {
	left: 40px;
}
.button-open .menu-bar-top {
	border-color: #fff;
}
.button-open .menu-bar-middle {
	background-color: #fff;
}
.button-open .menu-bar-bottom {
	border-color: #fff;
}

vote, .vote {
    /*padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; */
	margin: 0 !important;
    padding-top: 0.625rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.625rem !important;
    padding-left: 0.5rem !important;
    font-size: 0.25rem !important;
}
.hide-for-small {
	display: none !important;
}
a.custom-post-title {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4E4E4E !important;
	font-size: 18px !important;
}
.date-meta-light, .author-meta-light {
    color: #ccc !important;
    font-size: 15px;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 75%;
  height: auto;
}
.newcolumn {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 30.5% !important;
	max-height: 411px;
	min-height: 425px;
}
.newbanner-height{
	margin-right: 15px;
    margin-bottom: 15px;
    width: 30.5% !important;
    box-shadow: 0px 0px 8px 0px #989898;
    max-height: 210px;
    min-height: 210px;
}
.newevent-height{
	margin-right: 15px;
	margin-bottom: 15px;
    width: 30.5% !important;
    box-shadow: 0px 0px 8px 0px #989898;
    max-height: 390px;
    min-height: 390px;
}
.newvideo-height{
	margin-right: 15px;
	margin-bottom: 15px;
    width: 30.5% !important;
    box-shadow: 0px 0px 8px 0px #989898;
    max-height: 355px;
    min-height: 355px;
}
.newpress-height{
	margin-right: 15px;
	margin-bottom: 15px;
    width: 25% !important;
    box-shadow: 0px 0px 8px 0px #989898;
    max-height: 355px;
    min-height: 412px;
}
section .title {
	font-size: 32px;
	font-weight: 300;
	text-transform: uppercase;
}
.site-banner h1 {
	font-size: 26px;
	font-weight: 300;
}
.site-banner h2 {
	font-size: 28px;
	font-weight: 400;
	text-shadow: 0 1px 18px #000;
}
#home-page-search {
	width: 100%;
}
#sub-menu {
	display: none;
}
#sub-menu2 {
	display: none;
}
}

/*Small screens*/
@media only screen and (max-width: 640px) { /* max-width 640px, small screens */
.small-12 {
    width: 100% !important;
}
.newcolumn {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 100% !important;
	max-height: 411px;
	min-height: 425px;
}
section .title {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
}
.site-banner h1 {
	font-size: 20px;
	font-weight: 300;
}
.site-banner h2 {
	font-size: 24px;
	font-weight: 400;
	text-shadow: 0 1px 18px #000;
}
#home-page-search {
	width: 100%;
}
#sub-menu {
	display: none;
}
#sub-menu2 {
	display: none;
}
}