/* Body */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
    color: #555;
}

h1, h2, h3 {
	line-height: 30px;
	font-family: Georgia, 'Times New Roman', serif;
	color: #333;
	float: left;
	width: 100%;
}

h1 {
	font-size: 28px;
	float: left;
	width: 100%;
	font-weight: bold;
	margin: 20px 0px 15px 0px;
}

a {
	transition: all 0.2s ease-out; 
}

/* Universal classes */
.hide-desktop {
	display: none;
}

.show-desktop {
	display: none;
}

.show-desktop-inline {
	display: inline;
}

.float-left {
	float: left;
}

.btn {
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    -o-user-select: none;
    user-select: none;
}


/* Header */
.header {
	background-color: #363636;
	color: #333;
	border-bottom: 1px solid #DDD;
	z-index: 100000;
	box-shadow: 0px 1px 3px -1px #666;
	font-size: 17px;
	position: fixed;
	top: 0;
	width: 100%;
}

.header h1 {
	color: #FFF;
	line-height: 23px;
	font-size: 18px;
	float: left;
	margin: 10px 0 10px 10px;
	width: auto;
}

.header h3 {
	font-size: 18px;
	color: #FFF;
	position: absolute;
	left: 145px;
}

/* Subhead styles */
.header-sub {
	background-color: #EFEFEF;
	/* position: fixed; */
	top: 47px;
	z-index: 11;
	color: #333;
}

.header-sub-header p {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 17px;
    color: #333;
    position: relative;
    left: 5px;
    line-height: 30px;
    max-width: none;
    display: inline;
    font-weight: bold;
    margin: 10px 0;
}

/* Logos */
.logos {
	padding-top: 10px;
	padding-left: 5px;
	float: left;
	width: 130px;
}

.logo-gazette {
	height: 20px;
}

.logo-gazette-mobile {
	height: 25px;
	display: none;
}

.logo-kcrg {
	height: 30px;
}


/* Share buttons */
.header #share {
	float: right;
}

.header #share li {
    list-style: none;
	float: right;
	width: 50px;
	padding: 9px 5px 4px 0;
	padding-right: 5px;
	text-align: center;
	height: 35px;
}

.header #share li a {
	color: #FFF;
}

.header #share li a:hover {
	color: #CCC;
	text-decoration: none;
}

.header #share li a:visited {
	color: #FFF !important;
}

.header #share-first-li {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

.header #share-next-li {
	border-left: 1px solid #444;
}


/* Body */
#body-content-table {
	width: 100%;
	max-width: 1560px;
	height: auto;
	margin: 50px auto;
	overflow: auto;
}

#body-content {
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 50px auto;
	overflow: auto;
}

#footer {
	top: auto;
	bottom: 0;
	text-align: center;
	color: #FFF;
	border-bottom: none;
	padding: 8px 0;
	box-shadow: 1px 1px 3px 1px #666;
	background-color: #777;
	border-top: 1px solid #FFF;
}

#footer a, #footer a:hover {
	color: #FFF;
	text-decoration: none;
}

/* Styles for desktop */
@media (max-width: 1460px) {
	.hide-960 {
		display: none;
	}

	.show-960 {
		display: block;
	}

	.show-960-inline {
		display: inline;
	}

	#content-box {
		margin-left: 1%;
		margin-right: 1%;
	}
}


/* Styles for desktop */
@media (max-width: 900px) {
	.hide-900 {
		display: none;
	}

	.show-900 {
		display: block;
	}

	.show-900-inline {
		display: inline;
	}
}

/* Styles for desktop */
@media (max-width: 850px) {
	.hide-850 {
		display: none;
	}

	.show-850 {
		display: block;
	}

	.show-850-inline {
		display: inline;
	}
}

/* Styles for tablets */
@media (max-width: 800px) {
	.hide-800 {
		display: none;
	}

	.show-800 {
		display: block;
	}

	.show-800-inline {
		display: inline;
	}
}

/* Styles for tablets */
@media (max-width: 750px) {
	.hide-750 {
		display: none;
	}

	.show-750 {
		display: block;
	}

	.show-750-inline {
		display: inline;
	}
}

/* Styles for smaller screens */
@media (max-width: 700px) {
	/* Universal classes */
	.hide-iframe {
		display: none;
	}

	.show-iframe {
		display: block;
	}

	.show-iframe-inline {
		display: inline;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 18px;
	}

	.header h3 {
		font-size: 14px;
		line-height: 16px;
		max-width: 200px;
	}

	#content-box {
		margin-top: 90px;
		margin-bottom: 90px;
	}
}

/* Styles for mobile devices */
@media (max-width: 650px) {
	/* Universal classes */
	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.show-650-inline {
		display: inline;
	}
}

/* Styles for mobile devices */
@media (max-width: 600px) {
	/* Universal classes */
	.hide-mobile {
		display: none;
	}

	.show-mobile {
		display: block;
	}

	.show-mobile-inline {
		display: inline;
	}

	/* Header tags */
	h1, h2, h3 {
    	line-height: 20px;
	}

	.mobile-paragraphs {
		width: 100%;
		text-align: left;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.logos {
		width: 65px;
	}
}

/* Styles for mobile devices */
@media (max-width: 550px) {
	.hide-550 {
		display: none;
	}

	.show-550 {
		display: block;
	}

	.show-550-inline {
		display: inline;
	}
}

/* Styles for mobile devices */
@media (max-width: 500px) {
	.hide-500 {
		display: none;
	}

	.show-500 {
		display: block;
	}

	.show-500-inline {
		display: inline;
	}
}

/* Styles for mobile devices */
@media (max-width: 450px) {
	.hide-450 {
		display: none;
	}

	.show-450 {
		display: block;
	}

	.show-450-inline {
		display: inline;
	}

	.header-sub-header p  {
        font-size: 13px;
        line-height: 30px;
    }
}

/* Styles from mobile devices */
@media (max-width: 400px) {
	.header h3 {
		line-height: 10px;
		font-size: 14px;
	}

	/* Universal classes */
	.hide-400 {
		display: none;
	}

	.show-400 {
		display: block;
	}

	.show-400-inline {
		display: inline;
	}
}

/* Styles for mobile devices */
@media (max-width: 350px) {
	.hide-350 {
		display: none;
	}

	.show-350 {
		display: block;
	}

	.show-350-inline {
		display: inline;
	}
}