﻿body {
}

#instapic {
	margin: auto;
	display: block;
	max-width: 100%;
	width: 50%;
}

.instaDiv {
	display: none;
	margin-bottom: 20px;
}

	.instaDiv.visable {
		display: block;
	}

#instaHeader {
	background-color: RGB(131,58,180);
	text-align: right;
	border-bottom: solid rgb(225,48,108) 2px;
	width: 50%;
	margin: auto;
}

	#instaHeader i {
		font-size: 35px;
		margin: 5px 15px;
	}

.form-inline .form-control {
	margin: 15px auto;
}

.articlePost.headerImage, .articlePost.headerImage img {
	width: 100%;
	height: auto;
}

.articlePost.commentSection {
	border-top: 2px solid #cdcdcd;
	border-bottom: 2px solid #cdcdcd;
	padding: 25px 0;
	margin: 20px 0;
}

.articlePost.commentwidget img {
	margin: 7px;
}

.articlePost a {
	color: rgb(0, 125, 186);
}

	.articlePost a:hover {
		color: rgb(0, 155, 232);
	}

.articlePost.header {
	font-size: 32px;
	line-weight: 400;
}

.articlePost .socialShare .fab {
	color: black !important;
	font-size: 24px;
}

.galleryGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;
	width: 70%;
	margin: auto;
}


	.galleryGrid .media {
		position: relative;
		margin: 20px 0;
	}

		.galleryGrid .media a {
			width: 100%;
			height: auto;
			margin: 0;
		}

		.galleryGrid .media img {
			margin: 0;
			height: auto;
			max-width: 100%;
			display: block;
			margin: auto;
		}

.media:hover > .caption {
	height: auto;
}

.galleryGrid .caption {
	position: absolute;
	bottom: 0;
	background: white;
	width: 100%;
	height: 0;
	overflow: hidden;
	font-style: italic;
	font-size: 13px;
	text-align: center;
	color: #757575;
}

.caption > div {
	width: 90%;
	margin: auto;
}

.articlePost img {
	display: block;
	max-width: 100%;
	height: auto;
}

.articlePost .socialShare .fab {
	color: black !important;
	font-size: 24px;
}

.media:hover > .caption {
	height: auto;
}

.galleryGrid .caption {
	position: absolute;
	bottom: 0;
	background: white;
	width: 100%;
	height: 0;
	overflow: hidden;
	font-style: italic;
	font-size: 13px;
	text-align: center;
	color: #757575;
}

.caption > div {
	width: 90%;
	margin: auto;
}

.DartDaily.footer {
	background: #1d2758;
	color: #fff;
	padding-top: 20px;
	padding: 10px 15px 0 15px;
}

	.DartDaily.footer a {
		color: rgb(0, 125, 186);
		font-size: 1em;
	}

	.DartDaily.footer hr {
		background: white;
		height: 1px;
	}

	.DartDaily.footer ul {
		list-style: none;
		text-decoration-line: underline;
	}

.DartDailyNavItem {
	border-top: 4px solid rgb(0, 32, 91);
}

	.DartDailyNavItem .form-inline {
		margin-bottom: 1rem;
	}

	.DartDailyNavItem a {
		font-size: 18px;
	}

	.DartDailyNavItem > container {
		padding: 0;
		width: 95%;
	}

.fab {
	font-size: 1.8em;
	color: white;
}

.DartDaily h3 {
	font-size: 1.5em;
	font-size: calc(100% + .4vw);
	font-weight: 800;
}

.nav::before, .container::before, .nav::after, .container::after {
	content: none !important;
}

html {
	scroll-behavior: smooth;
	font-size: 16px;
	font-family: AvantGardeGothicITCW01Bk,sans-serif !important;
}

body, .DartDaily body {
	font-family: AvantGardeGothicITCW01Bk,sans-serif !important;
	font-size: 16px;
	letter-spacing: .5px;
	font-style: normal;
	overflow-x: hidden;
}

#commentSection {
	display: none;
	color: black;
	padding: 5px;
	background: #f5f5f5;
}

.DartDaily ul {
	line-height: 2.2em;
	list-style-type: none;
	text-decoration-line: none;
}

.DartDaily a {
	color: rgb(0, 125, 186);
	margin-top: 10px;
	line-height: 1.7em;
	font-weight: 600;
	padding: 0;
	text-decoration: underline;
}

	.DartDaily a:hover {
		color: rgb(0, 155, 232);
	}

.DartDaily input {
	height: 35px;
	margin: 10px 0;
	text-align: center;
	border: solid 1px rgb(220, 220, 220);
}

	.DartDaily input:hover {
		border: solid 1px rgb(158, 158, 158);
	}

	.DartDaily input[type="submit"] {
		background: rgb(255, 215, 53);
		border: none;
		font-weight: 700;
	}

.DartDaily hr {
	background: white;
	height: 1px;
}

#ZoneEditorToolboxContainer div {
	border-top: none;
}

.DartDaily .radio {
	height: auto;
}

.DartDaily .nav.grid {
	width: 100vw;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	align-items: center;
}

.DartDaily .main {
	color: #000;
}

.DartDaily .mobileMenuBar {
	display: none;
	color: black;
	text-align: center;
}

.DartDaily.hero {
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	position: relative;
	height: auto;
	margin-top: 20px;
	padding: 0;
	font-size: 16px;
}

.slider {
	display: flex;
	align-items: stretch;
	width: 101%;
	height: 103%;
	overflow: scroll;
	overflow-y: hidden;
	scroll-snap-type: x mandatory; /* Chrome Canary */
	scroll-snap-type: mandatory; /* Firefox */
	-ms-scroll-snap-type: mandatory; /* IE/Edge */
	-webkit-scroll-snap-type: mandatory; /* Safari */
	-webkit-scroll-snap-destination: 0% 0%;
	-webkit-overflow-scrolling: touch; /* important for iOS */
}

.slide {
	border: solid white 1px;
	width: 99%;
	flex-shrink: 0;
	height: 100%;
	scroll-snap-align: start; /* latest (Chrome 69+) */
	scroll-snap-coordinate: 0% 0%; /* older (Firefox/IE) */
	-webkit-scroll-snap-coordinate: 0% 0%; /* older (Safari)*/
	background-size: cover;
	height: 100vh;
}

.slideText {
	background: rgba(6,32,81,0.8);
	position: absolute;
	bottom: 0;
	width: 100%;
	max-height: 120px !important;
	margin: auto;
	display: block;
}

	.slideText h2 {
		width: 50%;
		text-align: center;
		font-size: 32px;
		margin: auto;
		transition: color .2s ease-in-out;
		cursor: pointer;
	}

		.slideText h2:hover {
			color: rgb(255, 205, 0);
		}

.SlideContent {
	background: rgba(6,32,81,0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100px;
	padding: 16px;
}

.sf-Tags.list-unstyled {
	padding-inline-start: 40px;
}

#DartDailyLogo {
	justify-self: end;
}

#DartDailyLetsGo {
	justify-self: start;
	position: relative;
}

.DartDailyNavLinks {
	width: 100%;
	font-weight: 600;
}

	.DartDailyNavLinks .sf-Comment-count {
		display: none;
	}

	.DartDailyNavLinks ul {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		padding: 0 26px;
		text-align: center;
		line-height: normal;
		margin: 0;
	}

	.DartDailyNavLinks li {
		display: flex;
		position: relative;
		align-self: center;
		width: 100%;
		height: 100%;
		border-left: 1px solid #cdcdcd;
		min-width: 104px;
	}

		.DartDailyNavLinks li a {
			width: 80%;
			display: block;
			margin: auto;
			text-decoration-line: none;
			font-stretch: condensed;
			text-decoration: none;
			font-size: 20px;
		}

	.DartDailyNavLinks .dropdown {
		color: black;
		padding: 10px 0;
		background: #fff;
		height: auto;
		position: absolute;
		width: 200%;
		z-index: 99999;
		display: none;
		top: 67px;
		border: 1px solid rgba(6,32,81,0.8);
		transform: translate(-25%,-40px);
	}

	.DartDailyNavLinks li:hover .dropdown {
		/*display: table;*/
		display: block;
	}

	.DartDailyNavLinks .dropdown ul {
		border-top: solid 5px;
		padding: 0;
	}

.header .socialShare {
	background: rgba(6,32,81,0.8);
	position: absolute;
	margin-top: 36px;
	z-index: 99999;
	padding: 10px;
	width: max-content;
	text-align: center;
	font-size: 16px;
}

.socialShare a {
	text-decoration-line: none;
	text-decoration: none;
}

.socialShare-large {
	color: black;
	border-top: 2px solid #cdcdcd;
	border-bottom: 2px solid #cdcdcd;
	padding: 15px 0px;
	margin: 0 0 25px 0;
	font-size: 1.17em;
	display: none;
}

	.socialShare-large a {
		text-decoration-line: none;
		margin-right: 15px;
	}

.DartDaily iframe {
	margin: auto;
	display: block;
}

.content.grid {
	display: grid;
	grid-template-columns: 2fr .8fr;
	width: 70%;
	margin: 20px auto;
	grid-gap: 20px;
	margin-top: 50px;
}

.articleContainer {
	width: 95%;
	margin: auto;
}


.articleList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.articleItem {
	height: 38vh;
	background-color: rgb(0, 32, 91);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

	.articleItem .loader {
		border: 16px solid #f3f3f3;
		border-top: 16px solid #3498db;
		border-radius: 50% !important;
		width: 120px;
		height: 120px;
		animation: spin 2s linear infinite;
		position: absolute;
		z-index: -9;
		left: 30%;
		top: 30%;
	}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.articleContent {
	position: absolute;
	bottom: 0;
	line-height: 5px;
	width: 100%;
	background: rgba(6,32,81,0.8);
	padding: 10px;
	transition: .2s all ease-in-out;
}

	.articleContent h4, .articleContent p, .articleContent a {
		width: 95%;
		word-break: break-word;
		line-height: 1.2em;
		color: white;
		transition: .2s all ease-in-out;
		font-size: 18px;
		text-decoration: none;
	}

.articleOverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	pointer-events: none;
	opacity: 0;
	transition: .2s all ease-in-out;
	background: rgba(6,32,81,0.8);
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	color: rgb(255, 205, 0);
}

.articleItem:hover .articleOverlay {
	opacity: 1;
}

.articleItem:hover .articleContent a {
	color: rgb(255, 205, 0);
}

.DartDaily.banner {
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100vw;
	display: grid;
	grid-template-columns: 1fr;
}

	.DartDaily.banner .bannerText {
		background: rgba(6,32,81,0.8);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px;
		color: white;
		letter-spacing: 1.5px;
		min-height: 100px;
		padding-left: 13%;
	}

.DartDailyMainContent {
	height: auto;
	overflow-x: hidden;
}

	.DartDailyMainContent ul {
		list-style: outside;
	}

.DartDailySideNav {
	height: auto;
	display: grid;
	grid-gap: 2em;
	grid-template-columns: 1fr;
	max-height: 1450px;
}

	.DartDailySideNav div {
		background: rgb(245, 245, 245);
	}

	.DartDailySideNav h3 {
		color: rgb(0, 32, 91);
		font-weight: 600;
		font-size: 1.5em;
		font-size: calc(100% + .4vw);
	}

	.DartDailySideNav .container {
		margin: auto;
		border: none;
	}

	.DartDailySideNav .form-group {
		margin: auto;
	}

	.DartDailySideNav #archive {
		overflow: auto;
		height: 375px;
	}

#archives {
	max-height: 420px;
	overflow: auto;
}

.dropdown > div > ul li > div {
	display: none;
}

.dropdown ul {
	display: grid;
	grid-template-columns: 1fr;
}

.dropdown li {
	border: none;
}

.DartDailyNavLinks .dropdown a {
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 500;
	border-bottom: 1px solid #cdcdcd;
}

#emailForm form, #search form, #filterContent form {
	margin: auto;
	display: grid;
}

#filterContent {
	display: none !important;
}

.relatedArticleContainer {
	padding: 15px;
	width: 70%;
	border-top: 4px solid rgb(0, 32, 91);
	background: rgb(245, 245, 245);
	margin: 15px auto;
}

.relatedArticleItem {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}

.relatedArticleImg {
	height: 250px;
}

.RelatedArticleText {
	width: 100%;
}

.footer.grid {
	width: 100vw;
	background: #1d2758;
	display: grid;
	grid-gap: 3em;
	grid-template-columns: 2fr 1fr 1fr;
}

#footerLeftGridCell {
	padding-left: 50%;
}

#footerRightGridCell {
	padding-right: 35%;
}



address {
	text-decoration: underline;
	margin-top: 15px;
	font-style: normal;
	font-size: 1em;
	line-height: 1.7em;
}

img {
	display: inline-block;
}

#jssor_1 img {
	margin: 0;
}

.btn.btn-primary {
	margin: auto;
	background: rgb(255, 206, 0);
	border-radius: 0px;
	border: none;
	font-size: 1.2em !important;
	color: rgb(0,32,91);
}

	.btn.btn-primary:hover {
		background: rgb(255, 215, 53);
	}

input.form-control {
	font-size: 1.2em !important;
}

.has-error {
	color: #e00000;
	text-align: center;
	font-weight: 600;
	margin: 10px 0;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.header .socialShare {
		margin-top: 62px
	}
}

@media only screen and (max-width: 1750px) {
	.DartDailyNavLinks li a {
		width: 100%;
		word-break: break-word;
	}
}

/*Small Screen*/
@media only screen and (max-width: 1450px) {
	.relatedArticleContainer {
		width: 90%;
	}

	.DartDaily.banner .bannerText {
		padding-left: 6%;
	}

	.DartDailyNavItem a {
		font-size: 16px;
	}

	.DartDaily .content.grid {
		width: 90%;
	}

	.DartDaily iframe {
		width: 100%;
	}

	.DartDailyNavLinks li a {
		font-size: 16px;
	}

	.DartDailyNavLinks li {
		min-width: 88px;
	}

	.DartDailyNavLinks .dropdown {
		top: 43px;
		transform: translate(-33%,-11%);
		width: 300%;
	}

	.dropdown .articleContainer > div {
		white-space: nowrap
	}

	.slideText h2 {
		grid-template-columns: 1fr;
	}

	.header .socialShare {
		margin-top: 36px;
	}

	.DartDaily.hero {
		background: #fff;
		height: auto;
	}


	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.header .socialShare {
			margin-top: 55px
		}
	}

	@media only screen and (max-width: 1300px) {
		.DartDailyNavLinks li a {
			font-size: 14px;
		}
		.DartDailyNavLinks li {
			min-width: 74px;
		}
	}

	@media only screen and (max-width: 970px) {
		.DartDailyNavLinks li a {
			font-size: 20px;
		}

		.material-icons {
			font-size: 20px !important;
			margin-bottom: 4px;
		}

		.DartDailyNavLinks li select {
			font-size: 20px !important;
			width: 210px;
		}
	}
	/*Mobile*/
	@media only screen and (max-width: 970px) {
		#instaHeader {
			width: 100%;
		}
		#instapic {
			width: 100%;
		}

		.relatedArticleContainer {
			width: 100%;
			padding: 0;
		}

		.articleContainer {
			grid-template-columns: 1fr;
		}

		.articleList {
			grid-template-columns: 1fr;
		}

		.content.grid {
			grid-template-columns: 1fr;
		}

		.DartDaily.footer {
			text-align: center;
		}

			.DartDaily.footer ul {
				padding: 0;
			}

		#DartDailyLetsGo {
			justify-self: center;
		}

		.DartDailySideNav {
			height: auto;
		}

		.DartDailyNavLinks .dropdown {
			position: relative;
			transform: translate(0, 0);
		}

		.DartDailyNavLinks li {
			display: list-item;
		}

		.DartDailyNavLinks ul {
			overflow: hidden;
			height: 0px;
		}

		.DartDailyNavLinks label {
			color: rgb(0, 125, 186);
			width: 100%;
			background: #f5f5f5;
			text-align: center;
			text-transform: uppercase;
			padding: .05em;
		}

		.DartDailyNavLinks li {
			width: 100%;
			border: none;
			padding: 10px 0;
		}

		.DartDailyNavLinks ul {
			grid-template-columns: 1fr;
		}

		#DartDailyLogo {
			justify-self: center;
			align-self: end;
		}

		#emailForm form, #search form, #filterContent form {
			width: 100%;
		}

		.fa-bars {
			padding: 8px;
		}

		.footer.grid {
			grid-template-columns: 1fr;
			justify-items: center;
		}

		#footerCenterGrid {
			padding-left: 0;
			width: 100%;
			text-align: center;
		}

			#footerCenterGrid ul {
				padding: 0;
			}

		#footerLeftGridCell {
			padding-left: 0;
			width: 100%;
			text-align: center;
		}

		#footerRightGridCell {
			padding-right: 0;
			width: 100%;
			text-align: center;
		}

		input:checked ~ label {
			background-color: #cdcdcd;
			border-radius: 5px;
		}

		.galleryGrid {
			width: 90%;
		}

		input:checked ~ ul {
			height: auto;
		}

		.DartDaily .mobileMenuBar {
			display: inline-block;
			background: #cdcdcd;
		}

		.DartDaily .nav.grid {
			grid-template-columns: 1fr;
		}

		.slideText h2 {
			width: 80%;
			font-size: 20px;
		}

		.header .socialShare {
			position: static;
			margin: 9px auto;
		}

		.dropdown {
			display: none !important;
		}

		img {
			margin: auto;
		}
	}
}
/* IE10+ CSS here*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.DartDailyNavLinks ul {
		display: -ms-flexbox;
	}

	.DartDailyNavLinks .dropdown {
		left: 0px
	}

	.content.grid {
		display: -ms-grid;
		-ms-grid-columns: 2fr;
	}

	.DartDailySideNav h3 {
		font-size: 1.5em !important;
	}

	.DartDaily h3 {
		font-size: 1.5em !important;
	}

	.articleItem {
		display: inline-block;
		width: 49%;
	}

	.mobileMenuBar > ul {
		display: -ms-flexbox;
	}

	.DartDailyMainContent {
		-ms-grid-column: 1;
	}

	.DartDailySideNav {
		-ms-grid-column: 2;
	}

	#DartDailyLetsGo {
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.DartDailyNavLinks {
		margin-top: 20px;
	}

	#DartDailyLogo {
		margin-left: 10px;
	}

	#DartDailyLetsGo {
		margin-right: 10px;
	}
}

/*--------------------------------------------------------------
# Begin - google translate
--------------------------------------------------------------*/

.goog-te-gadget {
	color: transparent !important;
}

.google_translate_element span {
	display: none !important;
}

.google_translate_element {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	width: 150px;
}

.google_translate_element, .google_translate_material {
	display: inline-block !important;
}

.goog-te-combo {
	font-size: 14px !important;
	font-family: AvantGardeGothicITCW01Bk,sans-serif !important;
	font-weight: bold;
	font-stretch: condensed;
	letter-spacing: .5px;
	background-color: transparent;
	color: rgb(0, 125, 186);
	cursor: pointer;
	width: 150px;
	border: none;
	margin: 0 0 2px 0 !important;
}

.google-translate-wrapper {
	padding-left: 10px;
	min-width: 160px !important;
}

.skiptranslate iframe {
	visibility: hidden !important;
}

body {
	top: 0 !important;
}

.material-icons {
	font-size: 14px;
	vertical-align: middle;
	color: rgb(0, 125, 186);
}

.footer-google-translate {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.footer-google-translate-img {
	margin-bottom: 0px !important;
}

/*--------------------------------------------------------------
# End - google translate
--------------------------------------------------------------*/
