/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700|Open+Sans+Condensed:300,700&display=swap);*/
/* ==|== primary styles =====================================================
   Author: Silverink
   ========================================================================== */

/* ==|== Easibuild Structural Elements =====================================================
   Structural elements such as mainContent/Wide, submenu etc. Ideally these elements will change
   to HTML5 tags...  aside, article etc.
   ========================================================================== */
a:link {color: rgb(1,52,34); text-decoration: underline;}
a:visited {color: rgb(1,52,34);}
a:hover {color: rgb(206,74,70);}
a:active {color: rgb(1,52,34);}
#vTopNavBar a, #topMenu a, #SubMenuUl a {text-decoration: none; }

#vTopNavBar .nav li a, #vTopNavBar .nav li a {background: none !important;}

.alertBar {position: fixed !important; }
body { positon: relative; overflow-x: hidden; font-family: "Open Sans", sans-serif;font-size: 1.6rem; } /* FIXED HEADER HEIGHT */

body[data-itemid='1'] .breadcrumb {display: none;}
body[data-itemid='1'] #topCamp {display: none;}

#topCamp { border-bottom: 1px solid rgb(190,190,190);}
#bottomCamp { border-top: 1px solid rgb(190,190,190);}

#email-error {position: absolute; left: 0px; bottom: -30px; color: red; font-weight: 100; font-size: 0.8rem;}
.breadcrumb {margin: 0; border-radius: 0px; background: rgb(216,216,216); border-bottom: 1px solid rgb(190,190,190); font-size: 1rem;}
	.breadcrumb img {width: 20px; height: auto; margin-right: 20px;}
	.breadcrumb a  { color: rgb(206,74,70); text-transform: capitalize;}
	.breadcrumb>li+li:before {color: rgb(80,80,80)}
/* FONTS */

.newsBox h2 {font-family: "Open Sans";}

.newsBox .story:nth-child(odd) {background: #efefef;}
.newsBox .story .newsTitle {font-weight: 700;}
.newsBox .story .newsdate {font-size: 1.4rem;}
.newsBox a {text-decoration: none;}
#SubMenuUl {font-family: "Asap Condensed"}
#galleryModal .img-responsive {max-height: 400px;}



h1,h2 {font-weight: 400; margin-bottom: 20px;}
h3,h4 {line-height: 160%;}
	#wayPointTrigger h1, #wayPointTrigger h2 {font-weight: 700;}
	#wayPointTrigger .container {line-height: 160%;}
/* MAKE BODY BACKGROUND WHITE */
.fileStoreContain, .whiteContainerWrap {background: rgb(255,255,255);}

/* ADS */
.modal-backdrop {position: fixed !important;}
#rightCamp {margin-top: 15px;}
blockquote {
	text-align:center;
	font-size:20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left: 0px;
	position:relative;
	quotes: "\201C""\201D""\2018""\2019";
	line-height: 160%;
	white-space: normal;
}
blockquote:after {
	color:#ccc;
	content: url("/styles/quote.svg"); /* open-quote */
	font-size:80px;
	position:absolute;
	left:50%;
	bottom:calc(100% + 4px);
	background:#ffffff;
	height:55px;
	width: 55px;
	line-height:normal;
	text-align:center;
	transform:translateX(-50%);
}
blockquote {
	margin: 30px 0px;
	padding:30px 20px;
}
h1+blockquote {margin-top: 60px;}

#bottomCamp, #topCamp {padding: 30px; background: rgb(240,240,240); text-align: center;}

.modal-header h2 { margin: 0px; font-weight: 700; color: rgba(255,255,255,1) !important; font-size: 1.25em;}
#popupModal .modal-backdrop.in {opacity: 0.7;}


#popupModal .modal-content p {
	display: none;
}

.modal-body > p:first-child {display: block !important}

 /* BOOTSTRAP BUTTON RESTYLE */
 .btn {   white-space: normal;}
 .btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default , .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-default a {
  background-color: #ce4946;
  border-color: #ab332e;
   color: rgb(255,255,255) !important;
   font-weight: 700;
   border-radius: 0px;
   padding-right: 25px;

 }

.btn-default {
background-image: url("/styles/double_arrow_right.svg") ;
background-repeat: no-repeat;
background-size: 12px;
background-position:  right 5px center;
}


.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success a, .btn-success:hover a, .btn-success:focus a, .btn-success:active a, .btn-success.active a, .open .dropdown-toggle.btn-success a {
	  background-color: #0d5131;
	  color: #fff;
  border-color: #0f4028;
padding-right: 15px;
}



.btn-download {
	background-color: #013c27;
	border-color: #001f14;
	background-image: url("/styles/download.svg") ;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position:  right 20px center;
	color: rgb(255,255,255) !important;
	font-weight: 700;
	border-radius: 0px;
	padding-right: 25px;
	text-align: left;
	line-height: 40px;
}

.btn-block {display: block; }


.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active {
	  background-color: #005d3b;
	  border-color: #008d59;
}



.ContactDetails h1, .ContactForm h1 {font-size: 1.75em;}
	.ContactForm label, #questionForm label {display: block;}
	.ContactForm div, #questionForm div {margin-bottom: 10px;}
	.ContactForm input[type='text'], .ContactForm input[type='tel'], .ContactForm input[type='email'], .ContactForm textarea {border: 1px solid #888;}
	.notEmail {display: none;}



.dataTables_length {float: right;}
.dataTables_info {float: right;}
.dataTables_paginate {}
.paginate_button_disabled {opacity: 0.4; -moz-opacity: 0.4;}
.paging_full_numbers {color: #257f5b;}
.dataTables_wrapper {margin-top: 0px}



/* CLUBS MAP */
caption {font-size: 1rem;}
#dirMap2CanvasWrapper { }
#dirMap2Canvas {height: 450px;}
#directoryTable_wrapper {display: none;}
#directoryTable {font-size: 1.4rem;}


.homeBtn {background-color: #fff; text-decoration: none !important; text-transform: uppercase; color: #024627; font-weight: 500; font-size: 1.8rem; display: block; padding: 10px; margin-top: 15px; text-align: center; border-top: 2px solid #C94946;}
	
.flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after, 
    .flex-row.row:before {
        display: flex;
    }
#topBanner .navbar-toggle {margin-top: -15px;}
.newsFPSmall {border-top: 3px solid #C94946; background: #fff; height: 100%; margin-bottom: 30px; padding: 15px; cursor: pointer;}
	.newsFPSmall h2 {font-size: 1.8rem; margin-top: 0px; font-weight: 700; min-height: 60px;}
.newsFpCard {border-top: 3px solid #C94946; background: #fff; height: 100%; margin-bottom: 30px; cursor: pointer}
	.newsFpCard .card-body {padding: 15px;}
	.newsFpCard figure {position: relative;}
	.newsFpCard h2 {font-weight: 700; font-size: 2.2rem;}
	.newsFpCard .newsdate, .countdown {position: absolute;top: -7px; right: 20px; background: #C94946; color: #fff; padding: 6px 12px; font-size: 1.4rem;}
.fpNews {padding: 40px 0px; background: #E8E8E8;}
.listingButtons {text-align: right; margin-bottom: 15px;}

.flickrGal {list-style-type: none; }
	.flickrGal li {float: left; margin: 5px; width: 75px; height: 75px;}
	.flickrGal .imageTitle {display: none;}
	.loadingDiv {display: none;}
footer {color: #fff;}

h1,h2 {font-family: "Asap Condensed", sans-serif;}
img {max-width: 100%; height: auto !important;}

#logo img {width: auto; height: auto; max-height:100%; cursor: pointer; margin-bottom: 15px;}

#topMenu {height: 50px;}
#topMenu a:hover, #topMenu li.selected a  {background: none !important; border-bottom: 2px solid #fff;}


.navbar-default {background: none; border: none; padding: 0px; text-align: right; text-transform: uppercase;}
#vTopNavBar {height: 52px;}
#vTopNavBar  .navbar {float: right; font-size: 1.4rem; }
#vTopNavBar a {color: rgb(255,255,255); text-transform: uppercase; font-weight: 400; padding: 15px 7px}
#vTopNavBar a:hover {background: none !important}
#vTopNavBar input {color: rgb(80,80,80); border-width: 0px;}
#topBanner {padding: 30px 0px 0px 0px;}
.searchButton {width: 30px; height: 30px; display: inline-block; padding: 5px; margin-left: -15px;}
#SearchFormTop {line-height: 50px; text-align: right; width: 100%;}
#SearchFormTop input {padding: 5px; height: 30px; border-bottom: 1px solid #fff !important; margin: 0px; width: calc(100% - 40px); background: none; color: #fff !important;}
#SearchFormTop > * { display: inline-block;
  vertical-align: middle;
  line-height: normal;  }

  ::-webkit-input-placeholder {
   color: rgba(255,255,255,0.9)
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,0.9)
}

:-ms-input-placeholder {
   color: rgba(255,255,255,0.9)
}


.searchFilters {background: rgba(100,100,100,0.3); padding: 15px;}

.searchFilters input {margin-left: 15px;}


#sponsors {padding: 30px 0px; text-align: center;}
	#sponsors img {max-height: 60px; margin: 15px;}
/* ==|== Everything Else =====================================================================
   Alphabetically ordered unles it's nested (.level2 will be nested with #submenu for example)
   =========================================================================================== */


/* Athlete Responsive Table */
body[data-itemid="38"] table{ background: rgba(240,240,240,1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border: 1px solid #fff;}
body[data-itemid="38"] table td {padding: 15px;}

.athleteCard {padding: 15px; background: rgb(247,247,247); margin-bottom: 30px;}
.athleteCard figcaption {margin-top: 15px; font-size: 0.75em;}
.athleteCard h2 {margin-top: 0px;}





/* GALLERY */
body[data-template='Gallery'] figure {background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; height: 250px; margin-bottom: 30px;border: 1px solid #c6c6c6; position: relative;}
	body[data-template='Gallery'] figcaption {background: #f3f4f8; position: absolute; bottom: 0px; width: 100%; padding: 5%; text-align: center; text-transform: uppercase; height: 60px; vertical-align: middle;}
body[data-template='Gallery'] .flickrGal li {list-style-type: none; margin:15px; text-align: center;}
body[data-template='Gallery'] .controls{
        width:50px;
        display:block;
        padding-top:8px;
        font-weight:bold;
        font-size: 1em;
    }
    body[data-template='Gallery'] .next {
        float:right;
        text-align:right;
    }



footer {background: rgb(1,52,34); padding: 15px;}



/* FILESTORE */
.fileStoreTable, .openTable, #directoryTable {margin-top: 10px; margin-bottom: 10px;width: 100% !important;}
.fileStoreTable thead, .openTable thead, #directoryTable thead {background-color: #02734A; }
	.fileStoreTable th, .openTable th, #directoryTable th {text-align: left; padding: 5px; font-size: 14px; color: #fff;cursor: pointer;}
	.fileStoreTable  td, .openTable td, #directoryTable td {border-bottom: 1px solid #fff;}
	.even td, .odd td {padding: 5px;}
	.even td {background-color: #e9e9e9}
	.odd td {background-color: #f5f5f5;}
	.fileStoreTable h2 {font-size: 16px !important; margin-bottom: 5px!important; margin-top: 0px !important; line-height: 100% !important;}
  .dataTables_filter label {display: block; margin: 10px 0px; float: left;}
    .dataTables_filter input {max-width: 70%;}
  .dataTables_length {float: left; margin: 10px 0px;}
  .dataTables_info {float: none;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background: rgba(206,74,70,1); border-color: rgba(206,74,70,1);}
.pagination>li>a {color:rgba(206,74,70,1); }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color:rgba(206,74,70,1); }
div.dataTables_paginate {text-align: center;}



/* MODAL */

.modal-header .close {color: rgba(255,255,255,1) !important; font-size: 1.4em; opacity: 0.8; vertical-align: top; line-height: 15px; margin-top: -10px;}
	.modal-header .close:before {content: "CLOSE"; font-size: 0.6em; margin-right: 15px; vertical-align: top; line-height: 15px;}
	.modal-body p {font-size: 1em;}
/* FORMS PAGES */
.permitFormContain fieldset, .eventDetailsFormContain fieldset {padding: 10px; margin-bottom: 30px; margin-top: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 30px;}
	.permitFormContain legend, .eventDetailsFormContain legend {font-weight: bold; padding-bottom: 15px;}
	#permitForm .threeCol, #eventDetailsForm .threeCol {float: left; width: 32%; margin-left: 1.3%; margin-bottom: 10px;}
	#permitForm .twoCol, #eventDetailsForm .twoCol {float: left; width: 45%; margin-left: 1.3%; margin-bottom: 10px;}
	#eventDetailsForm .oneCol {margin-left: 1.3%; margin-bottom: 10px;}
	#permitForm label, #eventDetailsForm label {display: block; font-size: 14px;}
	#permitForm p, #eventDetailsForm p {clear: both; margin-bottom: 10px;}
	#permitForm input[type="radio"], #eventDetailsForm input[type="radio"] {margin-left: 5px;}
	.permitFormContain .row, .eventDetailsFormContain .row {clear: both; margin-bottom: 30px;}
	#permitForm .error, #eventDetailsForm .error {color: #de0000}
	#permitForm #email, #eventDetailsForm #email {display: none;}

	.permitFormContain input[type='text'], .eventDetailsFormContain input[type='text'] {width: 100%;}

	.permitFormContain textarea, .eventDetailsFormContain textarea {width: 100%;}




/* FP FIXTURES */

#fpFixtures {position: relative; background: rgb(4,98,64); }
#fpFixtures .card  h2 {color: #000; margin-top: 0px; font-size: 2rem; padding: 15px; text-align: center; }

#fpFixtures h2 {color: rgb(255,255,255);  font-size: 2.8rem; padding: 10px 20px; text-align: center; text-transform: uppercase;}

	.fpFixture {display: block; position: relative; clear: left;}
		.fpFixture:nth-child(4) {border-right: none !important;}
	.fpFixture figure {position: relative;}
	.fpFixture .title {padding: 10px; background: rgba(255,255,255,1); font-size: 2rem; font-weight: 700; text-transform: uppercase; position: absolute; bottom: 40px; min-width: 80%}
	#fpFixtures  img {width: 100%; height: auto;}
	.fpFixture .intro {line-height: 150%; font-size: 1.6rem; padding-bottom: 60px !important;}
	.fpFixture .intro, .fpFixture .findOutMore {padding: 20px;  }
	.fpFixture .findOutMore {position: absolute; bottom: 0px;}
	.fpFixture:nth-child(2) {background: rgb(238,238,238); }
		.fpFixture:nth-child(2) .countdown {background: rgba(25,174,120,1) ;}
	.fpFixture:nth-child(3) {background: rgb(244,244,244);}
	.fpFixture:nth-child(4) {background: rgb(249,249,249);}
		.fpFixture:nth-child(4) .countdown {background: rgba(204,207,93,1) ;}


    #galleryModal .modal-body {text-align: center;}
    	.img-responsive {margin: auto;}

.logoCol {text-align: right; padding-right: 20px;}
.logoCol img {max-height: 22px !important; width: auto; margin-left: 5px; margin-bottom: 15px;}

#map_canvas {width: 100%; height: 250px;}

.mobileMenu {background: rgba(206,74,70,0.8); border-left: 1px solid rgb(255,255,255); z-index: 2000; width: 50%;}
	.mobileMenu .header {background: rgba(206,74,70,0.7); padding: 5px 15px; text-align: right;font-weight: 500; font-size: 1.2em; height: 60px; z-index: 10000;}
	.mobileMenu .header a {text-decoration: none; color: #fff; display: inline-block; padding-top: 15px;}
		.mobileMenu .header .svg {width: 14px; height: 14px; float: right; margin-top: 5px; margin-left: 10px; margin-right: 3px;}
	.mobileMenu ul { padding: 0px; margin: 0px;}
		.mobileMenu li a {display: block; line-height: 40px; background: rgba(255,255,255,0.9); margin-top: 1px; text-align: center; text-transform: uppercase; color: #000; text-decoration: none; font-weight: 800; }
		.mobileMenu li a:hover {background: rgba(255,255,255,0.7);}
		.mobileMenu .header {color: #fff;}

		.mobileSubMenuContain {background: rgb(253,206,36);  padding: 5px; margin-top: 0px; text-align: center;}
			.mobileSubMenuContain a {color: rgb(0,0,0); text-transform: uppercase}
			.mobileSubMenuContain .title {font-size: 1.6em; line-height: 60px;}
			.mobileSubMenuContain .navbar-toggle {padding: 2px; margin-right: -20px;}
			.mobileSubMenuButton span {line-height: 40px;}
.month li, .year li {display: none;}
.month li.monthName, .month li.yearName {display: block;}
#map_canvas {width: 100%; min-height: 150px;}

.navbar {margin: 0;}
.navbar-toggle {border: none;}
	.navbar-toggle .icon-bar {background: #D02035;}


	/* NEWS AND CALENDAR SECTION */
.newsItem, .calendarItem {margin: 30px 0px; position: relative;}
	.newsItem h3, .calendarItem h2 {margin-top: 10px;  font-family: "Asap Condensed"; font-weight: 700; text-transform: uppercase;}
	.newsItem, .calendarItem {padding: 15px 0px; background: rgb(240,240,240); border-bottom: 1px solid transparent;}
		.newsItem .date, .calendarItem .eventDates {position: absolute; right: 15px; top: -5px; padding: 2px 5px; background: rgba(156,156,156,0.4); color: rgb(255,255,255); font-size: 0.75em; font-style: italic; z-index: 30;}
			.calendarItem .eventDates {background: rgba(9,86,0,0.6); }
		.newsItem img, .calendarItem img {margin-top: 15px; }
		.newsItem figure {text-align: right;}
		.newsItem .intro {margin-bottom: 15px;}
	.newsItem:hover, .calendarItem:hover  {border-bottom: 1px solid rgb(199,53,54);}
.fileStoreContain, .whiteContainerWrap {padding: 40px 0px;}
a:hover .newsItem, a:hover .calendarItem {color: rgb(1,63,40) !important;}
	a:hover .newsItem .date, a:hover .calendarItem .eventDates {background: rgb(199,53,54);}
	/* .newsItem figure {max-height: 200px; overflow: hidden;} */



/* FIXTURES

	.calendarItem .location {background: rgba(255, 174, 0, 0.8); padding: 5px; margin-left: -15px; display: inline-block;}

	.calendarItem .moreInfo a {position: absolute; bottom: 0px; left: 0px; width: 100%;}
	.calendarItem h2 {margin-top: 0px; }

	.calendarItem .wrap {padding: 10px;}
 */

.chosenStory .date {font-style: italic;}



/* RESPONSIVE VIDEO WRAP */
.respWrap {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.respWrap iframe,
.respWrap object,
.respWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* HOME RESULTS ROW */
.resultsRow {background: rgb(233,233,233); padding: 40px 0px;}
	.resultsBox, .newsBox {background: rgb(255,255,255);  padding-bottom: 1px; margin-bottom: 15px;}
	.resultsBox header {background: #15633F; }
	.resultsBox header h2, .newsBox header h2 {color: rgb(255,255,255); font-size: 2.8rem; text-transform: uppercase; font-weight: 700; font-family: "Open Sans"; padding: 10px;margin: 0;}
	
	
#resultslogin #email{display: none;}
	table.results { color: #000; font-size: 1.6rem;}
	table.results td {padding: 10px;}
	table.results tbody tr:nth-child(even)		{ background-color:#E9F2EB; }
	table.results tbody tr:nth-child(odd)		{ background-color:#fff; }
	.story h2 {font-size: 2.4rem; line-height: 160%;}
	.story p {font-size: 1.6rem; line-height: 160%;}
/* NEWS */
	.newsBox {position: relative; overflow-y: hidden;}
	.newsBox header {background: rgb(4,98,64); }
		.newsBox .story {padding: 15px;}
		.newsBox .date {background: rgb(25,174,120); display: inline-block; color: rgb(255,255,255); font-weight: 700; padding: 5px 15px; position: absolute; top: 45px;}
		.newsBox .smallTextLink {position: absolute; bottom: 0px; line-height: 50px; vertical-align: bottom; background: rgb(255,255,255); width: 100%;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+23,ffffff+44&0+0,0.73+23,1+43 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.73) 23%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 44%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 23%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 44%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 23%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 44%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

		}


/* SILVERINK LINK */
#easilogo {margin-top: 0px; }
#silverinkWebDesign {
	font-size: 10px;
	font-family: helvetica, arial;
	margin-left: -2px;
	margin-top: 5px;
}
#silverinkWebDesign 	a {
	color: #888;
}

.rightimage {margin-left: 25px; margin-bottom: 25px;}
.smallTextLink {display: block; text-align: center; font-size: 1.2rem; text-transform: lowercase;}

.socialLinks {float: right;}
.socialLinks a img{width: 36px; height: 36px; margin: 5px;}




/* STAFF PROFILES */
.staffItem {position: relative; border-bottom: 2px solid #ce4a46; cursor: pointer;}
.staffItem h3 {background: rgb(9,86,0); color: rgb(255,255,255); padding: 5px; margin-bottom: 0px; font-size: 1.125em; text-align: center;}
.staffItem figcaption {display: none; width: 100%; box-sizing: padding-box; padding: 10px; position: absolute; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); font-size: 0.7em;}




table {width: 100%;}

.topPic {background-size: cover;}
	.topPic h2 {position: absolute; color: rgb(255,255,255); width: 100%;  bottom: 0px; left: 0px; font-size: 3.8rem; font-weight: 300; padding: 10px; background: rgba(255,174,0,0.8); display: inline-block; text-transform: uppercase; text-shadow: none;font-family: "Open Sans";}
	
#topMenu {font-family: "Asap Condensed"; font-weight: 700; font-size: 2rem; text-transform: uppercase; margin-top: 35px; background: #a50619 !important;}
#topMenu .navbar {display: block !important; float:  none !important;}
	#topMenu a { color: rgb(255,255,255) !important; padding: 3px; margin: 0px 10px}
/* VTOPNAV */


#topBanner {top: 0px; width: 100%;transition: 0.5s all linear;}
#logo img {width: 100%; height: auto; }
#vTopNavBar {line-height: 50px; background: rgb(4,98,64); color: rgb(255,255,255); top: 0px; left: 0px; width: 100%; z-index: 100; transition: 0.5s all linear; }
	.dropShadow {box-shadow: 0px 0px 6px rgba(0,0,0,0.8)}

.smallBanner {background: rgba(5, 78, 51, 0.95) !important; padding: 15px 0px !important;}
	.smallBanner #logo img {width: 60%; height: auto; }
	.smallBanner #topMenu {margin-top: 5px;}

.smallBannerMobile {background: rgba(5, 78, 51, 1) !important; padding: 5px 0px !important;}
	.smallBannerMobile #logo img {width: 45%; height: auto; margin-top: 5px; }
	.smallBannerMobile #topMenu {margin-top: 5px;}




/* ==|== media queries ======================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile/desktop first') styles
   Modify as content requires.
   ========================================================================== */




/*===============================*/
/* 480 - LANDSCAPE MOBILE LAYOUT */
/*===============================*/

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

.breadcrumb {font-size: 1.2rem;}
	.breadcrumb img {width: 40px; height: auto;}

}





















/*=====================*/
/* 768 - TABLET LAYOUT */
/*=====================*/
@media only screen and (min-width: 768px) {
	.carousel-indicators {display: block;}


.homeBtn {font-size: 2rem; margin-top: 30px;}

	.slideImage.active, .topPic.active {background-position: top -40px center;transition: 2s all linear}
	.para {top: 20% !important; transition: 6s all linear}
	.carousel-indicators {bottom: 100px;}
	.carousel-indicators li, .carousel-indicators li.active {width: 20px; height: 20px; margin: 10px;}
	.carousel-indicators li {background: rgba(255,255,255,0.7);}
	.carousel-indicators li.active {background: rgb(249,83,82); border-width: 0px;}
.logoCol {text-align: right; padding-right: 20px;}

#popupModal .modal-content p {
	display: block;
}
.modal-header h2 {font-size: 1.75em;}

.topPic {height: 550px;}
  /* Style adjustments for viewports 768px and over go here */
 	.fpFixture {display: inline-block; width: 33.333333333333333333%; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; border-right: 1px solid #fff; display: table-cell; transition: 0.2s all linear;}
		.fpFixture:nth-child(4) {border-right: none !important;}

  #mobileMenu {display: none !important;}

.resultsBox, .newsBox {margin-bottom: 0px;}

.rightImg {float: right; margin-left: 15px; margin-bottom: 30px;}

#SubMenuUl {text-transform: uppercase; font-weight: bold; font-size: 1.9rem; margin-top: 60px;}
#SubMenuUl a {color: rgb(255,255,255); background: rgba(206,74,70,1); transition: 0.4s all ease;}
	#SubMenuUl .selected a {background: rgba(0,80,50,1); color: rgb(255,255,255)}
	#SubMenuUl li { margin-bottom: 1px;}
	#SubMenuUl li.level3 a {margin-left: 0px; background: rgba(0,80,50,0.5); border-left: 5px solid rgba(206,74,70,1);}
	#SubMenuUl li.level3.selected a {background: rgba(0,80,50,1) !important}
	#SubMenuUl li a:hover {background: rgb(255,255,255); color: rgb(0,0,0)}
#topBanner {width: 100%;transition: 0.5s all linear;}

  #topMenu {font-size: 1.2rem;margin-top: 13px; padding: 10px; text-align: center !important;height: 45px; overflow: hidden;}
	#topMenu a { margin: 0px 5px}
#topMenu .navbar-nav {
	
  display: inline-block;
  float: none !important;
  vertical-align: top;

}

#topMenu .navbar .navbar-collapse {
  text-align: center;
}
#vTopNavBar a{font-size: 1rem;}

}












/*=======================*/
/* 1024 - DESKTOP LAYOUT */
/*=======================*/
@media only screen and (min-width: 992px) {
  /* Style adjustments for viewports 1024px and over go here */


  .chosenStoryFigure {float: right; margin-left: 15px; margin-bottom: 15px; max-width: 40%; height: auto;}
  	.chosenStoryFigure figcaption p {font-size: 0.75em; line-height: 140%; padding: 5px;}
#fpImageDiv.carousel {height: 800px;}
	#fpImageDiv .carousel-inner {height: 800px}
	#fpImageDiv .carousel-caption {top: 60%; bottom: auto; left: 20%; right: auto; text-align: left}
	#fpImageDiv .carousel-caption .heading {font-size: 4.3rem; font-weight: 300; padding: 10px; background: rgba(255,174,0,0.8); display: inline-block; text-transform: uppercase; text-shadow: none;font-family: "Open Sans";}
	#fpImageDiv .carousel-caption .moreLink a {font-size: 2.8rem; font-weight: 700; background-image: none; padding: 10px; border: none;}

/* FP FIXTURES */


.logoCol img {max-height: 45px !important; width: auto; margin-left: 10px;}

	#topMenu {font-size: 1.35rem; margin-top: 35px;}
	#topMenu a { margin: 0px 5px}
.twoColTemplate .leftColumn {width: 70%;}
.twoColTemplate .rightColumn {width: 30%;}

}










/* WIDE DESKTOP LAYOUT */
@media only screen and (min-width: 1200px) {
  /* Style adjustments for viewports 1200px and over go here */
  	#topMenu {font-size: 2rem; margin-top: 35px;}
  	
  	.homeBtn {font-size: 2.4rem;}


}



















@media screen and (max-width: 480px) {
	/* Force table to not be like tables anymore */
	body[data-itemid="38"] table, body[data-itemid="38"] td {
		display: block; width: 100%;}

}

























/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}