/* Sac State web color palette */

/* %%%%%%%%%%% GREEN %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* FORMAL color palette */

.redwoodGroveGreen {
    background-color: #021e14;
    color: white;
}

.sacStateGreen {
	background-color: #043927;
	color: white;
}

.stingerGreen {
	background-color: #00573d;
	color: white;
}

.evergreenAsh {
	background-color: #0fa153;
	color: white;
}

.spruceGreen {
	background-color: #58b947;
	color: white;
}


/* STANDARD/CASUAL color palette */

.desertOlive {
	background-color: #708c2c;
	color: white;
}

.pineappleGuava {
	background-color: #d6dc34;
	color: black;
}

.paleGreen {
	background-color: #97b059;
	color: black;
}


/* %%%%%%%%%%%% GOLD %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* FORMAL color palette */

.sacStateGold {
	background-color: #c4b581;
	color: white;
}

.hornetYellow {
	background-color: #e6b711;
	color: white;
}

.darkGold {
	background-color: #aa985e;
	color: white;
}

.mediumGoldOne {
	background-color: #cbb778;
	color: black;
}

.mediumGoldTwo {
	background-color: #cfb668;
	color: black;
}

.mediumGoldThree {
	background-color: #e1c57a;
	color: black;
}

.lightGold {
	background-color: #f0e1b0;
	color: black;
}


/* STANDARD/CASUAL color palette */

.ginkoGold {
	background-color: #fac606;
	color: black;
}

.californiaPoppy {
	background-color: #ebab21;
	color: black;
}


/* %%%%%%%%%%% ORANGE %%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.kumquatOrange {
	background-color: #dd971a;
	color: black;
}

.guyWestBridgeOrange {
	background-color: #c6671d;
	color: white;
}


/* %%%%%%%%%%%%% RED %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.redMaple {
	background-color: #c6401d;
	color: white;
}

.pomegranate {
	background-color: #840029;
	color: white;
}


/* %%%%%%%%%%% PURPLE %%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.mulberry {
	background-color: #8b346d;
	color: white;
}

.princessTreePurple {
	background-color: #4e58a6;
	color: white;
}


/* %%%%%%%%%%%% BLUE %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.americanRiverTeal {
	background-color: #006472;
	color: black;
}



/* %%%%%%%%%%%% BROWN %%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.squirrelBrown {
	background-color: #755627;
	color: white;
}

.blackWalnut {
	background-color: #5d4e3f;
	color: white;
}

/* fac staff menu not sure if needed yet*/


#facultyStaffLinks {
	background: url('../img/flame_green_dropdown.png') bottom left no-repeat;
	width: 100%;
	padding-left: 40px;
	
}

#facultyStaffLinks h2{
	font: 400 18px 'Lato', 'Helvetica', 'Arial', sans-serif;
	margin: 0;
	padding: 15px 0 5px 10px;
	text-transform: uppercase;
	color: black;
	text-align: left;
}

#facultyStaffLinks ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#facultyStaffLinks ul li {
	font: 200 14px 'Helvetica', 'Arial', sans-serif;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 26px;
	color: #4C4C4C;
	
}

#facultyStaffLinks ul li a{
	text-decoration: none;
	color: #4C4C4C;
}

#facultyStaffLinks ul li a:hover{
	text-decoration: none;
	color: #ac703d;
}

#facStaffOne {
	vertical-align: top;
	display: inline-block;
	width: 30%;
	max-width: 230px;
	margin: 0 8% 0 0;
}

#facStaffTwo {
	vertical-align: top;
	display: inline-block;
	width: 30%;
	max-width: 230px;
	margin: 0 8% 0 0;
	
}

#facStaffThree {
	vertical-align: top;
	display: inline-block;
	width: 30%;
	max-width: 280px;
	margin: 0 8% 0 0;
	
}

@media (max-width: 940px) {
	
	#facStaffOne, #facStaffTwo, #facStaffThree {
		margin-right: 40px;
	}
}

@media (max-width: 840px) {
	
	#facStaffOne, #facStaffTwo, #facStaffThree {
		margin-right: 20px;
	}
}


/* All Header Footer Styles*/

/* @group typography
=============================================================================================================== */

/* lato */
* {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}


ol li,
ul li {
	font-size: 15px;
	line-height: 1.5em;
}

/* @group headings
===================================== */

/* (h1 - logo, page lead-in) */
h1 {

}

/* @end headings
------------------------------------- */

/* @end typography
-------------------------------------------------------------------------- */



/* @group buttons
=========================================================================== */

.btn-green {			background: #00573C; }


/* (remove bootstrap border, set font weight and color) */

.btn-green {
	border: 0;
	font-weight: 700;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

/* (buttons in layout-primary are wider) */
.layout-primary .btn-green {
	padding-left: 20px;
	padding-right: 20px;
}

.btn-green:hover {
	color: #fff;
}

.btn-green:focus {
	color: #fff;
}


/* @end button
------------------------------------- */


/* @group social icons
===================================== */

/* (social icon circle style) */
.social-icon {
	display: block;
	background: #CBB677;
	color: #fff;
	border-radius: 50%;
	height: 46px;
	width: 46px;
	line-height: 46px;
	font-size: 20px;
	text-align: center;
    overflow:hidden;
}

/* (social icon circle style - hover) */
.social-icon:hover {
	background: #DBCC9C;
	color: #fff;
}

/* @end social icons
------------------------------------- */

/* @group nav links
===================================== */

/* (styled list of links) */
.nav-links {
	list-style: none;
	padding: 0;
	margin: 1em 0 3em;
}

.nav-links li {
	margin: 0 0 .5em;
}

.nav-links li a {
	text-decoration: underline;
	display: inline-block;
}

/* @end nav links
------------------------------------- */

/* @group divided list
===================================== */

/* (styled list of horizontal links with divider - used below events) */
.list-divided li {
	color: #696660;
	line-height: 1em;
}

.list-divided li + li {
	border-left: 1px solid #979797;
	padding-left: 7px;
}

.list-divided li a {
	text-transform: uppercase;
	font-size: 12px;
	color: inherit;
}

/* @end divided list
------------------------------------- */



/* @group header
=============================================================================================================== */

header {
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	position: relative;
	z-index: 500;
  
    
    
    }

/* @group header auxiliary
===================================== */

/* (only show header-auxiliary on md and up) */
.header-auxiliary {
	display: none;
}

/* (mobile version of header-auxiliary) */
.mobile-auxiliary {
	margin: 0 -100%;
	padding: 10px 100% 20px;
	background: #C2B174;
}


/* (mobile auxiliary clearfix) */
.mobile-auxiliary::before,
.mobile-auxiliary::after {
	content: "";
	display: table;
}

.mobile-auxiliary:after {
	clear: both;
}


/* @group header search
===================================== */

.header-search {
	width: 100%;
	float: left;
}

.mobile-auxiliary .header-search {
	margin: 0 0 1em;
}

.header-search .form-group {
	margin: 0;
}

.header-search input[type="search"] {
	background: #eee;
	
	border-radius: 0;
	box-shadow: none;
	border: none;
	
	height: 39px;
}

.mobile-auxiliary .header-search input[type="search"] {
	background: #fff;
}

.header-search .form-control-feedback {
	top: 50%;
	margin-top: -17px;
}

/* (clear the search box) */
.mobile-auxiliary .header-search + nav.utility {
	clear: left;
}

.header-search button[type="submit"] {
    float:right;
    position:absolute;
    z-index: 1;
    top:12px;
    right:2px;
    border:none;
    background:none;
}

.header-search button[type="submit"] .btn-search-label {
    height:1px;
    width:1px;
    overflow:hidden;
    position:absolute;
    top:-10px;
}
.header-search button[type="submit"]:focus {
    border:dotted 1px #999999;
}

/* @end header search
------------------------------------- */

.utility-group {}

.utility-group + .utility-group {}

nav.utility {}

/*.mobile-auxiliary nav.utility {
	float: left;
	width: 50%;
}*/

nav.utility ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

nav.utility ul li {
	display: inline-block;
	font-size: 13px;
	
}

nav.utility ul li + li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #e4e4e4;
}

nav.utility ul li a {
	display: block;
	line-height: 1em;
	color: #777;
}

nav.utility ul li:hover > a {

}

.mobile-auxiliary nav.utility ul li a {
	color: #fff;
}

nav.utility ul li .dropdown {
	display: none;
}

/* @end header auxiliary
------------------------------------- */

/* @group header primary
===================================== */

/* (clearfixes) */

.header-primary {
	clear: both;
	margin-top: -1px;
	border-top: 1px solid #e4e4e4;
}

.header-primary::before,
.header-primary::after {
	content: "";
	display: table;
}

.header-primary::after {
	clear: both;
}

/* @end header primary
------------------------------------- */


/* @group logo
===================================== */

.header-primary h1 {
	width: 213px;
	height: 42px;
	
	margin: 15px 0;
	
	float: left;
}

.header-primary h1 a {
	height: inherit;
	width: inherit;
	
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	
	background-image: url('../img/logo.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 213px 42px;
}

/* @end logo
------------------------------------- */


/* @group site navigation
===================================== */

/* (toggle button for .site-navigation) */
.mobile-nav-toggle-list {
	display: block;	
	float: right;
	border: 0;
	background: none;
	margin-top: 20px;
	font-size: 20px;
	color: #999;
	list-style-type: none;
}

.mobile-nav-toggle-list button{
	margin-top: 0;
}

.mobile-nav-toggle-list li{
	float: left;
	margin-left: 5px;
}

.mobile-nav-toggle-list li.my a {
  display: block;
  width: 28px;
  height: 27px;
  background-image: url('../img/my-icon.png');
  text-indent: -999em;
  padding: 0;
  margin-top: 0px;
  border: 1px solid #999;
}



/*.mobile-nav-toggle span {*/
/*  height: 1px;*/
/*  width: 1px;*/
/*  position: absolute;*/
/*  overflow: hidden;*/
/*  top: -10px;*/
/*}*/

/*START: Add hamburger menu toggle: 1/25/2018 by MH */
.mobile-nav-toggle{
	padding: 0 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.mobile-nav-toggle span {
	height: unset;
	width: unset;
	position: unset;
	overflow: hidden;
	top: 0;
	display: block;
    width: 18px;
    height: 2px;
    border-radius: 1px;
}
.mobile-nav-toggle .icon-bar {
    background-color: #888;
}
.mobile-nav-toggle .icon-bar+.icon-bar{
	margin-top:4px;
}
/*END: Add hamburger menu toggle: 1/25/2018 by MH */

/* (hide, gets displayed when toggled on) */
nav.site-navigation {
	display: none;
	
	clear: left;
	margin-left: -100%;
	padding-left: 100%;
	margin-right: -100%;
	padding-right: 100%;
	
	background: #00573C;
}

/* (list style adjustments) */
nav.site-navigation .primary-site-navigation {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

nav.site-navigation .primary-site-navigation .dropdown {
	display: none;
}

nav.site-navigation .primary-site-navigation li {}

/* (top border for smaller breakpoints) */
nav.site-navigation .primary-site-navigation li + li {
	border-top: 1px solid rgba(255,255,255,0.1);
}

nav.site-navigation .primary-site-navigation li a {
	display: block;
	padding: 5px;
	font-weight: 700;
	color: #fff;
}

nav.site-navigation .primary-site-navigation li a {
	display: block;
	padding: 5px;
	font-weight: 700;
	color: #cbb677;
}



/* (faculty & staff dropdown) */
#includedContent {
	background: #f7f7f7;
	display: block;
	width: 100%;
	padding-left: 40px;
	
}

.dividerMenu{
	 width:100%;   
	 max-width: 1200px;
     margin: auto; 
	 display: none;
	 
}

#facStaffButton {
	cursor: pointer;
}


/* @end site navigation
------------------------------------- */

/* @end header
-------------------------------------------------------------------------- */



/* @group footer
=============================================================================================================== */

footer {
	background: #043927;
	color: #fff;
	padding: 20px 0 0 0 ;
}

footer .logo {
	width: 216px;
	height: 42px;
	margin: 0 0 1em;
}

footer address {
	color: #fff;
}

/* @group social icons / footer variation
===================================== */

/* (smaller, alternate colors) */

footer .social-icon {
	color: #00573d;
	height: 26px;
	width: 26px;
	line-height: 26px;
	font-size: 12px;
}

footer .social-icon:hover {
	background: #002E20;
	color: #fff;
}

footer #facebookIcon:hover {
	background: #3B5998;
	color: #fff;
}

footer #twitterIcon:hover {
	background: #4099ff;
	color: #fff;
}

footer #flickrIcon:hover {
	background: #f059a4;
	color: #fff;
}

footer #youTubeIcon:hover {
	background: #e03c33;
	color: #fff;
}

footer #instagramIcon:hover {
	background: #ab8166;
	color: #fff;
    background: -webkit-linear-gradient(left, red, orange, yellow, green, #479aff, #9d654f6, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, red, orange, yellow, green, #479aff, #9d654f, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, red, orange, yellow, green, #479aff, #9d654f, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, red, orange, yellow, green, #479aff, #9d654f, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166, #ab8166); /* Standard syntax */
}

/* @end social icons / footer variation
------------------------------------- */

/* @group nav-links / footer variation
===================================== */

.footer-links {
	margin-top: 1.5em;
}

footer .nav-links {
	margin-top: 0;
	margin-bottom: 1.5em;
}

footer .nav-links + .nav-links {}

footer .nav-links li {
	font-size: 13px;
}

footer .nav-links li a {
	color: #a3bdb4;
	text-decoration: none;
}

/* @end nav links / footer variation
------------------------------------- */

/* @postFooter
=============================================================================================================== */

#postFooter {
    background: rgba(0,0,0,0.1);
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 20px 0 0 0;
}

#postFooter li {
	list-style: none;
	float: left;
	padding: 5px 10px;
	color: #3a6e5c;
}


#postFooter li a {
	font-size: 12px;
	color: #c9e4db;
}

#postFooter ul {
	padding-right: 12px;
}

/* @end footer
-------------------------------------------------------------------------- */





@media only screen and (min-width : 1200px) {

/* @group header
=============================================================================================================== */

.header-primary h1 {
	height: 51px;
	width: 258px;
	
	margin: 20px 0 21px;
}

.header-primary h1 a {
	height: inherit;
	width: inherit;
	
	background-size: 258px 51px;
}

/* @group site navigation
===================================== */

nav.site-navigation {
	width: 852px;	
	margin-left: 30px;
	padding-left: 20px;
	
}

nav.site-navigation .primary-site-navigation > li + li {
	margin-left: 35px;
}

nav.site-navigation .primary-site-navigation > li > a {
	padding: 5px 15px;
}

nav.site-navigation .primary-site-navigation > li:hover .dropdown.has-columns {
	width: 600px;
}

nav.site-navigation .primary-site-navigation > li:hover .dropdown > ul {
	float: left;
}

nav.site-navigation .primary-site-navigation > li:hover .dropdown.has-columns > ul {
	width: 260px;
}

nav.site-navigation .primary-site-navigation > li:hover .dropdown > ul + ul {
	margin-left: 20px;
}


/* @end site navigation
------------------------------------- */

/* @end header
-------------------------------------------------------------------------- */

}



@media only screen and (min-width : 999px) {


/* @group header
=============================================================================================================== */

.header-primary h1 {
	height: 46px;
	width: 233px;
	
	float: left;
	
	margin: 25px 0 21px;
}

.header-primary h1 a {
	height: inherit;
	width: inherit;
	
	background-size: 233px 46px;
}

.mobile-nav-toggle, .mobile-nav-toggle-list li.my a{
	display: none;
}


/* @group header auxiliary
===================================== */

.header-auxiliary {
	background: #ffffff;
	border-bottom: 1px solid #e4e4e4;
	display: block;
}

.utility-group {
	float: left;
}

.utility-group + .utility-group {
	float: right;
}

nav.utility {
	float: left;
}

nav.utility ul {
	float: left;
	
	padding: 9px 0;
	margin: 0;
	margin-top: 3px;
	
	list-style: none;
}

nav.utility ul::before {
	content: "";
	display: table;
}

nav.utility ul::after {
	clear: both;
}

nav.utility ul li {
	float: left;
	font-size: 13px;
}

nav.utility ul li + li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #e4e4e4;
}

nav.utility ul li a {
	display: block;
	line-height: 1em;
	color: #686868;
}

.header-search {
	float: right;
	width: 203px;
}

nav.utility + .header-search {
	margin-left: 20px;
}

.header-search input[type="search"] {}

.header-search .form-control-feedback {}

.mobile-auxiliary {
	display: none;
}

nav.utility ul li .dropdown{
	display: none;
	position: absolute;
	left: auto;
	padding-top: 15px;
	margin-left: -15px;
	z-index: 999999;
}

nav.utility ul li .dropdown ul {
	float: none;
	display: block;
	text-align: left;
	margin: 0;
	padding: 0 10px;
	background: #01573c;
	position: relative;
}

nav.utility ul li .dropdown ul::before {
	content: '';
	position: absolute;
	
	bottom: 100%;
	left: 10px;
	
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 8px solid #01573c;
}

nav.utility ul li .dropdown ul li {
	float: none;
	display: block;
}

nav.utility ul li .dropdown ul li a {
	padding: 10px 5px;
	color: #fff;
}

nav.utility ul li .dropdown ul li + li {
	margin: 0;
	border: 0;
	padding: 0;
	border-top: 1px solid #237359;
}

/* @end header auxiliary
------------------------------------- */


/* @group site navigation
===================================== */

nav.site-navigation {
	float: right;
	display: block !important;
	clear: none;
	width: 700px;	
	margin: 30px 0 0 5px;
	padding: 0 0 0 20px;	
	border-left: none;	
	background: none;
}

nav.site-navigation .primary-site-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

nav.site-navigation .primary-site-navigation > li {
	float: left;
	font-size: 15px;
	position: relative;
}

nav.site-navigation .primary-site-navigation > li + li {
	border: none;
	margin-left: 15px;
}

nav.site-navigation .primary-site-navigation > li > a {
	display: inline-block;
	padding: 5px 10px;
	color: #555;
	font-weight: 400;
}

nav.site-navigation .primary-site-navigation > li ul {
	margin: 0 15px 0 10px;
	padding: 0;
	list-style: none;
	text-align: left;
}

nav.site-navigation .primary-site-navigation > li .dropdown {
	left: -100%;
	position: absolute;
	background: #fff url(../img/flame_green_dropdown.png) bottom no-repeat;
	background-size: cover;
	border-bottom: 1px solid #e4e4e4;
	text-align: left;
	padding: 20px 10px 15px;
	z-index: 5;
}

nav.site-navigation .primary-site-navigation > li .dropdown::before,
nav.site-navigation .primary-site-navigation > li .dropdown::after {
	content: "";
	display: table;
}

nav.site-navigation .primary-site-navigation > li .dropdown::after {
	clear: both;
}

nav.site-navigation .primary-site-navigation > li:hover .dropdown {
	left: auto;
	width: 300px;
	display: block;
}

nav.site-navigation .primary-site-navigation > li.fly-right:hover .dropdown {
	right: 0;
}

nav.site-navigation .primary-site-navigation > li:hover .dropdown.has-columns {}

nav.site-navigation .primary-site-navigation > li:hover .dropdown > ul {}

nav.site-navigation .primary-site-navigation > li:hover .dropdown.has-columns > ul {}

nav.site-navigation .primary-site-navigation > li:hover .dropdown > ul + ul {}

nav.site-navigation .primary-site-navigation > li:hover > a {
	background: none;
	color: #bf6516;
	text-decoration: none;
}

nav.site-navigation .primary-site-navigation .dropdown > ul li {}

nav.site-navigation .primary-site-navigation .dropdown > ul li a {
	margin: 5px 0;
	display: block;
	font-weight: 400;
	color: #555;
}

nav.site-navigation .primary-site-navigation .dropdown > ul li a:hover {
	color: #bf6516;
}

nav.site-navigation .primary-site-navigation .dropdown > ul li + li {
	border: 0;
}


nav.site-navigation .primary-site-navigation .dropdown > ul li a.btn {
	margin: 10px 0;
	padding: 10px;
	color: #fff;
	font-weight: 700;
}

/* @end site navigation
------------------------------------- */


/* @end header
-------------------------------------------------------------------------- */


/* @group footer
=============================================================================================================== */

footer {
	padding: 55px 0;
}


.footer-links {
	margin-top: 0;
}

footer .nav-links {
	margin-top: 0;
	margin-bottom: 0;
}

/* @end footer
-------------------------------------------------------------------------- */

}



@media only screen and (min-width : 768px) {



/* @group footer
=============================================================================================================== */

.footer-links {
	display: table;
	max-width: 100%;
	table-layout: fixed;
}

.footer-links nav {
	display: table-row;
}

.footer-links nav ul {
	display: table-cell;
}

footer .nav-links + .nav-links {
	padding-left: 60px;
}

/* @end footer
-------------------------------------------------------------------------- */


}



@media only screen and (max-width : 767px) {



/* @group header
=============================================================================================================== */

.mobile-auxiliary nav.utility {
	float: left;
	clear: both;
	width: 100%;
}

.mobile-auxiliary nav.utility + nav.utility {
	margin-top: 1em;
}

/* @end header
-------------------------------------------------------------------------- */


/* @group footer
=============================================================================================================== */

/* @end footer
-------------------------------------------------------------------------- */


}

/* csus styles */

/* @group typography
=============================================================================================================== */

/* lato */
* {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

* > * {
	font-weight: inherit;
}

a {
	color: #004E39;
	    text-decoration: none;
}

a.call-to-action {
	color: #ADA079;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

p {
	font-size: 15px;
	line-height: 1.5em;
	margin: 0 0 1em;
	color: #555;
}

p.intro {
	font-size: 17px;
	line-height: 1.75em;
	margin: 0 0 1.5em;
}

ol li,
ul li {
	font-size: 15px;
	line-height: 1.5em;
}

strong {
	font-weight: 700;
}

address {
	color: #777;
}

.happening{
  font-size: 43px;
}

.hero a{
	color:#cbb677;
}

.img-thumbnail{
	padding:5px;
}

/* @added by Phillip
===================================== */
.greenSection {
	background: #012d20;
	border-radius: 6px;
}

.greenSection h3, .greenSection p {
	color: #fff;
}

.greenSection .nav-links a {
	color: #c2b077;	
}

@media (max-width: 990px) {
	.greenSection {
	padding: 20px;
	text-align: center;
	}
}



/* @group headings
===================================== */

/* (h1 - logo, page lead-in) */
h1 {

}

/* (h2 - hero, section feature) */
h2 {
	font-size: 36px;
	line-height: 1em;
	
	margin-bottom: .5em;
	
	color: #024831;
	margin-top: 0;
}

/* (h3 - quick-links, jumbotron, list heading) */
h3 {
	font-size: 24px;
	line-height: 24px;
}

/* (h4 - teaser, news-item) */
h4 {
	font-size: 20px;
	color: #000;
}

/* (h5 - events) */
h5 {
	font-size: 13px;
	line-height: 15px;
}

/* @end headings
------------------------------------- */

/* @end typography
-------------------------------------------------------------------------- */



/* @group buttons
=============================================================================================================== */

/* @group button colors
===================================== */

.btn-gold {				background: #C2B174; color: #333;}
.btn-green {			background: #00573C; }
.btn-green-darker {		background: #15523C; }
.btn-gray {				background: #5C5B56; }

/* (remove bootstrap border, set font weight and color) */
.btn-gold,
.btn-green,
.btn-green-darker,
.btn-gray {
	border: 0;
	font-weight: 700;
	 color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

.btn-gold{
    color:#333;
}

/* (buttons in layout-primary are wider) */
.layout-primary .btn-gold,
.layout-primary .btn-green,
.layout-primary .btn-green-darker,
.layout-primary .btn-gray {
	padding-left: 20px;
	padding-right: 20px;
}

/*

.btn-gold:focus,
.btn-green:focus,
.btn-green-darker:focus,
.btn-gray:focus {
	color: #fff;
}
*/
.btn-variation-dark {
	color: #333;
}

.btn-variation-dark:hover,
.btn-variation-dark:focus {
	color: #333;
}

a.btn-variation-blend {
	position: relative;
}

a.btn-variation-blend::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 -10px 20px -5px rgba(0,0,0,.25);
	border-radius: 4px;
}

/* @end button colors
------------------------------------- */

/* @group icon treatment
===================================== */

.btn.has-icon {
	box-shadow: inset 0 5px 10px -5px rgba(255,255,255,.2);
	padding-top: 8px;
	color:white;
	padding-bottom: 8px;
}

.btn.has-icon::before {
	content: '';
	position: relative;
	
	height: 16px;
	width: 10px;
	background-image: url('../img/csus-button-icon.png');
	background-repeat: no-repeat;
	background-size: 10px 16px;
	
	display: inline-block;
	vertical-align: middle;
	
	margin-right: 6px;
	
	margin-top: -2px;
}
.btn-green-darker a:hover
{
    color:#f0e1b0;
    
}

/* @end icon treatment
------------------------------------- */

.button-group {}

/* .button-group = theme specific button groups, 
	not to be confused with .btn-group from bootstrap */


.button-group.layout-horizontal {}

/* (used on lead-in to make button-group background snug with buttons) */
.button-group.inline-block {
	display: inline-block;
}

/* (center align button treatment) */
.button-group.layout-horizontal.layout-centered {
	text-align: center;
}

/* (extra spacing between layout-horizontal buttons in layout-primary) */
.layout-primary .button-group.layout-horizontal .btn + .btn {
	margin-left: 20px;
}

/* (force center alignment on vertical layout buttons) */
.button-group.layout-vertical {
	text-align: center;
}

/* (space out stacked buttons) */
.button-group.layout-vertical .btn {
	margin-bottom: 1.25em;
}

/* (reduce font size) */
.button-group p {
	font-size: 13px;
}

/* (remove bottom margin of button group note) */
.button-group p:last-child {
	margin-bottom: 0;
}

/* (align center inline-block content / button groups) */
.align-center-child-content {
	text-align: center;
}

/* (align right inline-block content / button groups) */
.align-right-child-content {
	text-align: right;
}

/* @end buttons
-------------------------------------------------------------------------- */



/* @group MISC One-offs
=============================================================================================================== */

/* @group helpers
===================================== */

.v-offset-half {
	margin-top: 15px;
}

.v-offset {
	margin-top: 30px;
}

.v-offset-double { 
	margin-top: 60px;
}

/* @end helpers
------------------------------------- */

/* @group social icons
===================================== */

/* (social icon circle style) */
.social-icon {
	display: block;
	background: #CBB677;
	color: #fff;
	border-radius: 50%;
	height: 46px;
	width: 46px;
	line-height: 46px;
	font-size: 20px;
	text-align: center;
}

/* (social icon circle style - hover) */
.social-icon:hover {
	background: #DBCC9C;
	color: #fff;
}

.social-icon span {
}

/* @end social icons
------------------------------------- */

/* @group nav links
===================================== */

/* (styled list of links) */
.nav-links {
	list-style: none;
	padding: 0;
	margin: 1em 0 3em;
}

.nav-links li {
	margin: 0 0 .5em;
}

.nav-links li a {
	text-decoration: underline;
	display: inline-block;
}

/* @end nav links
------------------------------------- */

/* @group divided list
===================================== */

/* (styled list of horizontal links with divider - used below events) */
.list-divided li {
	color: #696660;
	line-height: 1em;
}

.list-divided li + li {
	border-left: 1px solid #979797;
	padding-left: 7px;
}

.list-divided li a {
	text-transform: uppercase;
	font-size: 12px;
	color: inherit;
}

/* @end divided list
------------------------------------- */

/* @group map
===================================== */

.map {
	margin: 0 0 2em;
}

.map img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* @end map
------------------------------------- */

/* @group coloring
===================================== */

.gold-text {
	color: #C2B174;
}

/* @end coloring
------------------------------------- */

/* @group stacked images
===================================== */

.stacked-images {
	position: relative;
	padding-top: 10%;
	padding-right: 10%;
}

.stacked-images .stacked-foreground {
	position: relative;
	z-index: 2;
}

.stacked-images .stacked-background {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	padding-left: 10%;
}

/* @end stacked images
------------------------------------- */

/* @group juicer
===================================== */

.juicer-wrapper {
	margin-left: -7px;
	margin-top: 2em;
}

.juicer-feed {
	padding-left: 0;
}

.juicer-feed h1 {
	font-size: 12px;
	text-align: left;
}

.juicer-feed .feed-item.juicer {
	/* display: none !important; */
}

.juicer-feed .feed-item{
	border:2px solid #fff;
}

.juicer-feed .feed-item a {
	display: block;
	position: relative;
}

.juicer-feed .feed-item::after {
	font-family: 'FontAwesome';
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 18px;
	color: #fff;
	height: 18px;
	width: 18px;
	text-align: right;
}

.juicer-feed .feed-item:hover {
	cursor: pointer;
}

.juicer-feed .feed-item.facebook::after {
	content: '\f082';
}

.juicer-feed .feed-item.facebook:hover{
	color:#fff !important;
	opacity: 1 !important;

}

.juicer-feed .feed-item.facebook:hover *{
	color:#fff !important;

}

.juicer-feed .feed-item.instagram:hover{
	color:#fff !important;
	opacity: 1 !important;

}

.juicer-feed .feed-item.instagram:hover *{
	color:#fff !important;

}

.juicer-feed .feed-item.youtube:hover{
	color:#fff !important;
	opacity: 1 !important;

}

.juicer-feed .feed-item.youtube:hover *{
	color:#fff !important;

}

.juicer-feed .feed-item.instagram::after {
	content: '\f16d';
}

.juicer-feed .feed-item {
	padding: 0;
	background: none;
}

.juicer-feed .feed-item + .feed-item {
	display: none;
}

.juicer-feed.image-grid .text {
	
}

/* @end juicer
------------------------------------- */

/* @end MISC One-offs
-------------------------------------------------------------------------- */



/* @group page
=============================================================================================================== */

/* (hide overflowing margin / full width treatment ) */
.page {
	overflow: hidden;
}

.page-layout {
  /*  padding:30px 0; */
}

/* @group layout primary
===================================== */

/* (primary - white background) */

.layout-primary {
	padding: 30px 0;;
	
	max-width: 1440px;
	margin: 0 auto;
}

/* (accent globals) */

.layout-primary.has-accent {
	background-image: url('../img/background-accent.png');
	background-size: 643px 960px;
	background-position: right bottom;
	background-repeat: no-repeat
}

/* (accent position) */

.layout-primary.accent-left { background-position: left bottom; }
.layout-primary.accent-right { background-position: right bottom; }

/* @end layout primary
------------------------------------- */

/* @group layout callout
===================================== */

/* (callout - gold background) */

.layout-callout {
	padding: 30px 0;
	background: #E6E2D1;
	overflow: hidden;
	position: relative;
}

.layout-callout section.feature {
	padding: 0;
}

/* (z-index above background treatment) */
.layout-callout .callout-content {
	position: relative;
	z-index: 3;
}

/* (background globals) */
.layout-callout .callout-background {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	margin: 0 auto;
	background-position: center top;
}

/* (background blend) */
.layout-callout .callout-background::before {
	content: '';
	background-image: url('../img/blend-gold.png');
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* @group callout anchored image
===================================== */


/* (set max width) */
.layout-callout .callout-background .image-wrapper {
	margin: 0 auto;
	width: 1440px;
}

.layout-callout .callout-background .image-wrapper img {
	max-width: 1440px;
	margin: 0 auto;
	display: block;
}

.layout-callout .callout-anchored-image {
	position: absolute;
	z-index: 2;
	
	top: 0;
	bottom: 0;
	
	left: 50%;
	right: 50%;
}

.layout-callout .anchored-image-holder {
	position: relative;
	
	height: 100%;
	margin: 0 0 0 auto;
}

.layout-callout .anchor-foreground {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
}

.layout-callout .anchor-foreground img {
	margin-left: 10%;
}

.layout-callout .anchor-background {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	
	opacity: 0.2;
}

.layout-callout .anchor-background img {
	margin-bottom: -15%;
}

/* @end callout anchored image
------------------------------------- */

/* @end layout callout
------------------------------------- */

/* @end page
-------------------------------------------------------------------------- */



/* @group home hero
=============================================================================================================== */

/* (hero holds flexslider) */

.hero {
	clear: both;
	background: #002e21;
	padding: 0;
	position: relative;
	overflow: hidden;
}

/* @group flexslider
===================================== */

.flexslider-holder {
	position: relative;
	
	padding-bottom: 50px;
}

/* (set max width) */
.flexslider {
	opacity: 0;
	margin: 0 auto;
	max-width: 1440px;
}

/* (fade in when loaded) */
.flexslider.loaded {
	opacity: 1;
	
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.flexslider .flex-viewport {}

/* (position controls over slide) */
.flexslider .flex-controls {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;

	text-align: center;
	
	z-index: 4;
}

/* (remove list styles, treat as indicators) */
.flexslider .flex-controls .flex-control-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	
	display: inline-block;
}

/* (indicator spacing, align with pause) */
.flexslider .flex-controls .flex-control-nav li {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	margin: 0 6px;
}

/* (default indicator) */
.flexslider .flex-controls .flex-control-nav a {
	height: 8px;
	width: 8px;
	margin: 2px;
	background: #fff;
	opacity: .5;
	display: block;
	border-radius: 50%;
	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
	line-height: 1em;
}

.flexslider .flex-controls .flex-control-nav a:hover {
	cursor: pointer;
	opacity: 1;
}

/* (active indicator) */
.flexslider .flex-controls .flex-control-nav a.flex-active {
	height: 12px;
	width: 12px;
	
	margin: 0;
	
	opacity: 1;
}

/* (container for pause/play) */
.flexslider .flex-controls .flex-pauseplay {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

/* (pause/play button) */
.flexslider .flex-controls .flex-pauseplay a {
	color: #fff;
	height: 12px;
	width: 12px;
	
	position: relative;
	display: block;
	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
	line-height: 1em;
	
	opacity: .5;
}

/* (change opacity on hover) */
.flexslider .flex-controls .flex-pauseplay a:hover {
	opacity: 1;
}

/* (globals for pause/play button) */
.flexslider .flex-controls .flex-pauseplay a::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	
	height: 12px;
	width: 12px;
	
	text-indent: 0;
	-webkit-font-smoothing: antialiased;
}

/* (font awesome - pause) */
.flexslider .flex-controls .flex-pauseplay a.flex-pause::before {
	content: '\f04c';
	font-family: 'FontAwesome';
}

/* (font awesome - play) */
.flexslider .flex-controls .flex-pauseplay a.flex-play::before {
	content: '\f04b';
	font-family: 'FontAwesome';
}

/* (cascade the height for positioning) */
.flexslider .slides {
	list-style: none;
	margin: 0;
	padding: 0;
	height: inherit;
}

.flexslider .slides > li {
	margin: 0;
	padding: 0;
	position: relative;
}

/* (slide contents set to width of breakpoint) */
.flexslider .slides li .container {
	position: relative;
	height: inherit;
}

/* (styles for CURRENT slide) */
.flexslider .slides li.current {}


/* (image for the slide - treated like a background) */
.flexslider .slides li .slide-visual {	
	height: inherit;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	
	height: 200px;
}

/* (image for the slide - treated like a background) */
.flexslider.loaded .slides li .slide-visual {}

.flexslider .slides li .slide-visual::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


/* (copy portion of the slide) */
.flexslider .slide-copy {
	padding-top: 220px;
	z-index: 2;
}

/* (slide category) */
.flexslider .tag {
	background: #CBB677;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 0 1em;
	
	font-size: 10px;
	line-height: 1em;
}

/* (slide headline) */
.flexslider h2 {
	color: #fff;
	font-size: 26px;
	line-height: 1em;
	font-weight: 700;
	/* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px rgba(0,0,0,0.2); 
  text-shadow:
    3px 3px 0 rgba(0,0,0,0.2),
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 rgba(0,0,0,0.2),  
    1px -1px 0 rgba(0,0,0,0.2),
   -1px  1px 0 rgba(0,0,0,0.2),
    1px  1px 0 rgba(0,0,0,0.2);
}

/* (slide text) */
.flexslider p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
}


/* @end flexslider
------------------------------------- */

/* @end home hero
-------------------------------------------------------------------------- */



/* @group quick links
=============================================================================================================== */

/* (content below hero, quicklinks) */
.hero-additional {
	position: relative;
}

/* (wrapper for .well, used to style background) */
.quick-links {
	position: relative;
	background: #01573c;
	padding: 5px 20px;
	border-radius: 2px;
	margin-bottom: 20px;
	box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.3),
				0 2px 10px 0 rgba(0,0,0,.05);
}

.quick-links nav {
	position: relative;
	overflow: hidden;
}

.quick-links nav i {
	color: rgba(176, 213, 182, 0.47);
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 12px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
	background: rgba(176, 213, 182, 0.14);
}

/* (undo boostrap .well defaults) */
.quick-links .well {
	background: none;
	filter: none;
	border: 0;
	
	margin: 0;
	padding: 0;
	
	box-shadow: none;
}

/* (link set header) */
.quick-links h3 {
	font-size: 18px;
	line-height: 1em;
	
	margin-top: 0;
	padding-right: 26px;
}

/* (set header and link color) */
.quick-links h3,
.quick-links h3 a {
	color: #cbb677;
}

/* (header link styles) */
.quick-links h3 a {
	position: relative;
	
	padding-top: 5px;
	padding-bottom: 5px;
}

/* (font-awesome header link pointer) */
.quick-links h3 a::after {
	content: '\f105';
	position: absolute;
	font-family: 'FontAwesome';
	
	-webkit-font-smoothing: antialiased;
	
	font-size: 20px;
	right: 0;
	top: 50%;
	margin-top: -9px;
}

/* (hide sub sections) */
.quick-links ul {
	display: none;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.quick-links ul li {
	font-size: 13px;
	margin-bottom: .25em;
}

.quick-links ul li a {
	color: #AEC4BD;
}

/* @end quick links
-------------------------------------------------------------------------- */



/* @group lead in
=============================================================================================================== */

/* (page lead in - green bar) */
.lead-in {
	position: relative;
	/*background: #002e21;*/
	padding: 40px 0;
}

/* (set title color) */
.lead-in h1 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

/* (set lead in text color) */
.lead-in p {
	color: #cbb677;
}

.lead-in h1 + p {
	margin-bottom: 0;
	margin-top: 10px;
}

/* (set globals for background image treatment) */
.lead-in .lead-in-background {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
	
	max-width: 768px;
	
	margin-left: -384px;
	margin-right: -384px;
	
	background-size: cover;
	background-position: center center;
}

/* (background image overlay) */
.lead-in .lead-in-background::before {
	content: '';
	background-image: url('../img/blend-lead-in.png');
	background-repeat: repeat-y;
	background-position: left top;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* (background image overlay) */
.lead-in-content {
	position: relative;
	z-index: 2;
}

/* (lead-in specific styles - add background) */
.lead-in .button-group {
	background: #002E20;
	padding: 20px;
}

/* (lead-in specific styles) */
.lead-in .button-group p {
	color: #fff;
}

/* (lead-in specific styles) */
.lead-in .layout-horizontal {
	padding-left: 18px;
	padding-right: 18px;
}

/* (lead-in specific styles) */
.lead-in .layout-horizontal .btn {
	margin: 0 2px;
}

/* (lead-in specific styles) */
.lead-in-video {
	height: 600px;
}

/* @end lead in
-------------------------------------------------------------------------- */



/* @group feature sections
=============================================================================================================== */

/* (landing page sections - padding) */
section.feature {
	padding: 0 0 40px;
	position: relative;
}

/* (landing page sections - padding and top border on consecutive sections) */
section.feature + section.feature {
	border-top: 1px solid #e2e2e2;
	padding-top: 40px;
}

/* (z-index the copy above accent, extra right padding) */
section.feature .feature-copy {
	padding-right: 10px;
	position: relative;
	z-index: 3;
}

/* (extra left padding) */
section.feature .feature-visual {
	margin-bottom: 1.5em;
}

/* (center image in the visual area) */
section.feature .feature-visual img {}

section.feature h2 {}


/* (link color) */
section.feature ul li a {
	color: #004d39;
}

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 49.25% !important;
  padding-top: 20px !important;
}

/* @group feature set
===================================== */


/* @end feature set
------------------------------------- */


/* @group point of interest
===================================== */

/* (grid item - in feature) */
.point-of-interest {
	margin-bottom: 2.5em;
}

.point-of-interest h4 {
	color: #004E39;
}

.point-of-interest a {
	color: #ADA079;
}

/* @end point of interest
------------------------------------- */

/* @end feature sections
-------------------------------------------------------------------------- */



/* @group jumbotron
=============================================================================================================== */

/* (custom jumbotron) */
.jumbotron.jumbotron-with-visual {
	padding: 0;
	border-radius: 0;
	
	position: relative;
}

.jumbotron-with-visual .jumbotron-content {
	background: #064731;
	padding: 20px;
}

.jumbotron-with-visual .jumbotron-content h3 {
	color: #cbb677;
	font-size: 24px;
	margin-top: 0;
}

.jumbotron-with-visual .jumbotron-content p {
	color: #b0d5b6;
	font-size: 15px;
}

.jumbotron-with-visual .jumbotron-content p:last-child {
	margin-bottom: 0;
}

.jumbotron-with-visual .jumbotron-content a {
	color: #fff;
	text-decoration: underline;
}

/* @end jumbotron
-------------------------------------------------------------------------- */

/* @group event listings
=============================================================================================================== */

.events {
	margin: 0 0 2em;
}

.events > h3 {
	margin-top: 0;
}

/* (event list) */
.events-list {}

.events-list .list-divided li a {
	font-weight: 700;
}

.events-list .event {
	overflow: hidden;
}

.event .dl-horizontal {}

.event h5 {
	color: #004E38;
	text-transform: uppercase;
	font-weight: 700;
}

.event .dl-horizontal dt {
	font-size: 12px;
	color: #686868;
	width: auto;
	text-align: left;
	overflow: visible;
}

.event .dl-horizontal dd {
	color: #777;
	margin-left:0;
}

.event .dl-horizontal dd + dt {
	margin-top: 1em;
}

.event .dl-horizontal dd + dd {
	margin-top: 1em;
}

.event dl {
	padding-top: 10px;
}

.event h5 + dl {
	border-top: 2px solid #e8e2d2;
}

.event dl + dl {
	border-top: 1px solid #ddd;
}

/* @end event listings
-------------------------------------------------------------------------- */



/* @group spotlight
=============================================================================================================== */

section#spotlight {
	background: #E6E2D1;
	padding: 20px 0 10px;
}

section#spotlight h2 {
	font-size: 36px;
}

section#spotlight .container {
	position: relative;
	z-index: 2;
}


/* @group teaser
===================================== */

.teaser {
	background: #064731;
}

.featureSecond.teaser h4{
	margin-top: 0;
}


.teaser h4 a {
	margin-top: 0;
	color: #cbb677;	
	font-size: 20px;
	line-height: 21px;
}

.teaser p {
	color: #b0d5b6;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}

.teaser .details {
	padding: 10px 20px;
}

/* @end teaser
------------------------------------- */


/* @group news item
===================================== */

.news-item {
	background: #fff;
	border-radius: 2px;
	margin: 0 0 2em;
}


/* (category label) */
.news-item .tag {
	background: #014631;
	color: #fff;
	display: block;
	float: left;
	margin-left: 20px;
	font-size: 10px;
	padding: 10px;
	line-height: 1em;
	text-transform: uppercase;
	line-height: 1em;
}

/* (clear the tag) */
.news-item .details {
	clear: left;
	padding: 20px;
}

.news-item .details h4 {
	margin-top: 0;
}

.news-item .details h4 a {
	color: inherit;
	text-decoration: none;
}

.news-item .details p {
	line-height: 1.375;
}

.news-item a {
	text-decoration: underline;
}

.news-item .details p:last-child {
	font-size: 12px;
	margin-bottom: 0;
}

.featureMain{
	height:362px;
	overflow: hidden;
}

.featureSecond{
	height:362px;
	overflow: hidden;
}

.featureSub{
	height: 240px;
	overflow: hidden;
}


/* @end news item
------------------------------------- */

/* @end spotlight
--------------------------------------------------------------------------  */


.greenCallout h3{
    color: #c4b581;
    font-size: 18px;
}
.greenCallout p{
    color: white;
   margin-left: 25px;
}
.goldCallout h3 {
    color: #043927;
    font-size: 18px;
}
.goldCallout a{
   color: #043927; 
}
.greenCallout a{
        color: #c4b581;
}
.mainContentArea{
    padding-top: 25px;
}
.mainContentArea h2,.mainContentArea h2, .mainContentArea h3, .mainContentArea h4, .mainContentArea h2, .mainContentArea strong{
    color: #043927;
}
.leftColumnABA p{
    margin: 0px;
}
.bottomColumn ul {
    list-style-type: none;
}
.slideshow {
    /* opacity: 0; */
    margin: 0 auto;
    max-width: 1440px;
}   

.flex-next{
    padding-left: 100px; 
}
.flex-direction-nav{
 display:none;
}
.flex-controls {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 4;
}
.flex-pauseplay {
        margin-left: 90px;
    margin-bottom: -25px;
}
.flexslider .flex-controls .flex-pauseplay a {
    color: #fff;
    height: 12px;
    width: 12px;
    position: relative;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1em;
    opacity: .5;
}

.flexslider .flex-controls .flex-pauseplay a.flex-play::before {
    content: '\f04b';
    font-family: 'FontAwesome';
}
iframe{
 max-width: 100%
}
.float-left {
	position:relative;
	 display:inline;
	 float:left;
	margin:1em;
	padding:1em;
}
 .float-right {
	position:relative;
	 display:inline;
	 float:right;
	margin:1em;
	padding:1em;
}
 .float-center {
	position:relative;
	 display:block;
	 margin:1em;
	 margin-left:auto;
	margin-right:auto;
	 padding:1em;
}
 figure{
	 float: right;
	 margin-left: 10px;
	 background: #f5f4f4;
	 border: 1px solid #CBB677;
	 box-shadow: 1px 1px 0px #f5f8fa;
}
 figcaption{
	 position:relative;
	 display:block;
	 text-align: center;
	 padding:1em;
}
hr {
    margin: 0 0 10px 0;
    border-top: 2px solid grey;
}

.feature a{
    text-decoration: underline;
}