body {
    font-family: 'Varela Round', sans-serif;
}

/* --- General Font Styles ---*/

.main-headline {
    color: #16603c;
}

/* General */
.spacer-top {
    margin-top: 30px;
}

/* Ad placement styles */

.ad-row {
    display: inline-flex;
    position: relative;
    left: 62px;
}

/* Gives space above the right ad side bars to line up with the left side evenly */
.ad-wrap {
  position: relative;
  top: 45px;
}


/* ----- Top Navigation in Header PHP  ---- */

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

.logo {
    width: 130px;
}

.header-top {
    background-color: #000;
    color: #fff;
    padding: 20px;
}

.btn-success, .btn-light{
  padding: .375rem .75rem !important;
}

.btn-success {
  color: #fff !important;
  position: relative;
  left: 10px;
  margin-right: 5px;
}
  
.form-inline {
  position: relative;
  right: 30px;
}


  #nav-menu-container {
    margin: 0;
  }
  
  @media (max-width: 768px) {
    #nav-menu-container {
      display: none;
    }
  }
  
  /* Nav Menu Styling */
  .nav-menu, .navbar-light .navbar-nav .nav-link {
    color: #000 !important;
  }

  .nav-menu a {
    padding: 0 8px 0px 8px;
    text-decoration: none;
    display: inline-block;
    color: #222;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    outline: none;
  }
  
  .nav-menu li:hover > a, .nav-menu > .menu-active > a {
    color: #16603c;
  }
  
  .nav-menu > li {
    margin-left: 10px;
  }
  
  .nav-menu ul {
    margin: 14px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
  }
  
  .nav-menu ul li {
    transition: 0.3s;
  }
  
  .nav-menu ul li a {
    padding: 10px;
    color: #333;
    transition: 0.3s;
    display: block;
    font-size: 12px;
    text-transform: none;
  }
  


/* Sub green menu */

.list-group {
 margin-bottom: 20px;
}

.list-group-item {
    background-color: #16603c;
    color: #fff
}

.list-group-item a {
    color: #fff;
}

.list-group-item a:hover {
    color: yellow;
    text-decoration: none;
}

/* End of navs and sub menus */

.header-searchbar {
  margin-left: 30px;
}

/*---- Home page Landing Styles---- */

.carousel-caption
{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  background: rgba(0,0,0,0.4);
}



.intro-row {
  position: relative;
}

.intro-headline {
  font-size: 24px;
color: #222222;
line-height: 1.2em !important;
margin-bottom: 10px;
margin-top: 0;
font-weight: 600;
text-align: center;
margin-top: 30px;
}

.intro-bodytext {
  color: #777777;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-row {
position: relative;
top: 70px;
}

.card-headline {
  font-size: 15px;
color: #222222;
line-height: 1.2em !important;
margin-bottom: 10px;
margin-top: 0;
font-weight: 600;
}

.card-bodytext {
  color: #777777;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
}

.single-offer { /* Homepage Card Blocks */
  padding: 40px 30px 30px 30px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 20px 60px 0px rgba(231,239,235);
  text-align: center;
  height: 430px;
}

.go-btns {   /* Quick Links Go Butttons */
  background-color: #298456;
  color: #fff;
  border-radius: 5px;
}


/*---- Org main home---- */

.nav-link.active {
  background-color: #16603c !important;
  color: #fff !important;
}

.nav-tabs .nav-link {
  border: 1px solid #a0a0a0 !important;
}

.tab-content {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  padding: 10px;
}

.org-list {
    list-style: none;
    margin-top: 15px;
}

.submenu { /* Style for resources/views/includes/org-submenu.blade.php */
  margin-top: 20px;
  margin-bottom: 20px;
}

#breadcrumb {
  display: block;
  margin-bottom: 20px;
}

.content-sub-header {
  border: 1px solid #CECECE;
  height: 20px;
  text-align: center;
  color: #000;
  font-size: 9pt;
  font-weight: bold;
  margin-top: 5px;
}

.orghome-height {
  height: 320px;
}

/* Org Mascots */

.grid-alpha-page a {
  padding-top: 3px;
  border: solid 1px #DDDDDD;
  float: left;
  width: 15px;
  height: 17px;
  text-decoration: none;
  margin-right: 2px;
}


/* Grids */

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #eafaf3;
}

.table td, .table th {
  font-size: 14px !important;
}

#apply_filters, #reset_filters {
  background-color: #16603c;
  color: #fff;
  padding: 10px;
  border-radius: 7px;
  margin-bottom: 10px;
}

.grid {
	margin-top:4px;
	margin-bottom:5px;
}
.grid thead{
	white-space:nowrap;
	overflow: hidden;
	font-family:arial;
	font-size:10pt;
	border:1px solid #cecece;	
}
.grid thead a{
	display: inline-block;
	height:100%;
	width:100%;
}
.grid tbody{
	white-space:nowrap;
	overflow: hidden;
	font-family:arial;
	font-size:10pt;
	border:1px solid black;	
}
.grid th{ 
	border:1px solid #CECECE; 
	background:url('../images/column-header.jpg') repeat-x; 
	height:20px; 
	line-height:14pt;
	text-align:center; 
	color:#000; 
	font-size:9pt;
	font-weight:normal;
}
.grid th a{ 
	color:#000; 
}
.grid td{
	border:1px solid #FFF; 
}
.grid{ border:1 px solid transparent; }
.grid tr:hover td:not(.expanded-child-row){ border-top:1px solid black; border-bottom:1px solid black; }
.grid tr:hover td:not(.expanded-child-row):first-child{ border-left:1px solid black; }
.grid tr:hover td:not(.expanded-child-row):last-child{ border-right:1px solid black; }
.grid tr:nth-child(even) { background-color: #eafaf3; }
.sortable  { cursor:pointer; }
.sort-asc  { display:inline-block; height:9px; width:8px; margin-left:4px; background:url('../images/sort-asc.png'); }
.sort-desc { display:inline-block; height:9px; width:8px; margin-left:4px; background:url('../images/sort-desc.png'); }


/* Grid Pagination */
.grid-page {float:left;}
.grid-page ul{border:0; margin-top: 10px; padding:0; width:247px; float:left;}

.grid-page li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
.grid-page a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
.grid-page .previous-off,
.grid-page .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
.grid-page .next a,
.grid-page .previous a {
font-weight:bold;
} 
.grid-page .active{
color:#000;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
.grid-page .first a{
float:left;
display:block;
margin-right:2px;
font-size:9pt;
height:14px;
}
.grid-page .last a{
float:left;
display:block;
margin-right:2px;
font-size:9pt;
height:14px;
}
.grid-page a:link,
.grid-page a:visited {
color:#04522B;
display:block;
float:left;
padding:3px 4px;
text-decoration:none;
}
.grid-page a:hover{
border:solid 1px #666666;
}

/* Alpha Pagination */
.grid-alpha-page{ 
float:right; 
text-align:center;
margin-right:0px; 
font-size:11px;
}
.grid-alpha-page .active{
float:left;
color:000;
margin:0;
padding:0;
font-weight:bold;
padding: 4px 6px;
}
.grid-alpha-page a{
padding-top:3px;
border:solid 1px #DDDDDD;
float:left;
width:15px;
height:17px;
text-decoration:none;
margin-right:2px;
}
.grid-alpha-page a:hover{
border:solid 1px #666666;
}

.grid thead {
  white-space: nowrap;
  overflow: hidden;
  font-family: arial;
  font-size: 10pt;
  border: 1px solid #cecece;
}


.sport-headers {
  width: 100%;
  background-color: #fff;
  border-top: none !important;
  border-bottom: none !important;
}

/* Filters */
select {font-size:9pt;}
#filters { font-size:9pt; width: 100%; border:1px solid #C6C6C6; padding-left:10px; margin-bottom:10px; background-color:#FFF; margin-top:5px; border-radius:8px; padding-top:10px; padding-bottom:10px; }

/* Content */
#upper-content { float:left; font-size:9pt; width:625px; border:1px solid #C6C6C6; padding-left:10px; margin-left:12px; margin-bottom:10px; background-color:#FFF; margin-top:5px; border-radius:8px; padding-top:10px; padding-bottom:10px; }
#lower-content-wide { width: 100%; min-height: auto; margin-bottom:5px; border-radius:8px; background-color:#FFF; border:1px solid #C6C6C6; }
#lower-content-full { float:left; width:1023px; margin-left:12px; margin-bottom:5px; border-radius:8px; background-color:#FFF; border:1px solid #C6C6C6; font-size:10pt;}
#lower-content-narrow {  width: 100%; margin-bottom: 5px; border-radius: 8px; background-color: #FFF; }
#right-content { float:right; width:375px; margin-left:12px; margin-bottom:15px; border-radius:8px; background-color:#FFF; border:1px solid #C6C6C6; margin-right:10px; }
.content-header {width:100%; height:34px; text-align:center; border-top-left-radius:8px; border-top-right-radius:8px; background-color:#343F3A; font-size:12pt; color:#FFF;}
.content-header-tab { display:inline-block; color:#FFF; height:23px; margin-top:8px; padding-bottom:2px; margin-right:0px;  border-top-left-radius:4px; border-top-right-radius:4px; border-color:#666867; border-top-width:1px; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-left-style:solid; border-right-style:solid; padding-left:7px; padding-right:7px; text-align:center; background-color:#343F3A;}
.content-header-tab.active{ color:#343F3A; background-color:#FFF; border-color:#FFF; }
.content-header-tab:hover{text-decoration:none; border-color:#a0a0a0;}
#content-logo {float:left; text-align:center; width:180px; height:140px; margin-left:10px; margin-right:15px; padding-top:5px;}
#content-logo div{background-repeat: no-repeat; width:180px; min-height:118px; margin-left:10px; margin-right:10px;}
#content-logo a{ display:inline; }



   

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


#tabs {
    position: relative;
    right: 27px;
    top: 20px;
}



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

/* Footer include style */

.footer-links {
  position: relative;
  left: 0;
  top: auto;
  bottom: 0;
  background-color: black;
  text-align: center;
  width: 100%;
  height: 60px;
  padding-top: 20px;
  margin-top: 10%;
}

.footer-links a {
    text-decoration: none;
    color: #fff;
    font-size: 11pt;
    margin-left: 13px;
    margin-right: 13px;
}

/*Mobile portrait */

@media (max-width: 576px) {


.footer-links {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

.footer-links a {
    font-size: 12px;
}

#header-navad{
  width: 50%;
  }

}