/* CSS Document */

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/* Define Fonts */

body { 
	font-family: "Varela+Round",Arial,sans-serif; }

#api_hours_today_iid3949_lid6276 {display: none;} /* libcal hours api */

.navbar-brand, #main-navbar li > a, 
.footer-branding, .main-foot, 
.brand-search, 
.nav-drops > li > a {
	font-family: "Roboto Condensed",Arial,sans-serif; }

.footer-branding a {color: white; }
.navbar-default .navbar-nav>li>a {
    color: #026937; padding-left: 10px; padding-right: 10px;
}

.nav-drops li#home a { margin-left: -29px; }

/* default styles */

body { 
	font-size: 14.5px;

}

.contact .fa { font-size: 4em; color: #026937; margin: 10px 0 15px;}
.contact div { text-align: center; height: 115px; }
.contact a { color: #333; }
.contact div p { font-size: 0.9em; }

/* HEADER */

.navbar  > li > a {
	color: #e4dec7;  }

.nav > li > a {
  padding-bottom: 7px;
  padding-left: 7px; }
	
.nav-drops > li > a { 
	padding: 10px;
	margin: 0 4px; 
	font-size: 1.4em; 
	text-transform: uppercase; }

.nav-drops > li:first-child > a {padding: 10px 15px;}
	
/*.nav-drops li:first-child { 
	margin-left: -25px; }*/

.navbar-default {
    background-color: #f2f1eb; }
		
.navbar-inverse { 
	background-color: #026937; }

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #026937; }

.branding { 
	margin-top: 14px; }

.branding h1 img {max-height: 32px;}

.navbar-brand {
	font-size: 1em; }

.navbar-inverse .navbar-brand {
	color: #ffffff; }
	.navbar-inverse .navbar-toggle {
   	 border-color: #fff; }
	
.navbar-nav .dropdown-menu { 
	background-color: #f2f1eb;
	left: 4px; 
	border-color: #e7e7e7;

}
.navbar-nav .dropdown-menu li>a {
	/*color: #026937;*/
	text-transform: uppercase;
	font-family: "Roboto Condensed",Arial,sans-serif; 
	font-size: 1.1em;
	padding: 6px 12px;
	
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
	background-color: #026937;
padding-left: 10px;padding-right: 10px;}


#main-navbar li a {
	color: #e4dec7; 
	text-transform: uppercase;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.04em;   }
	
#main-navbar li > a:hover { 
	color: #cea052;}

#main-navbar li.active > a { 
	color: white; }

#main-navbar .dropdown span.glyphicon { float: right;}

.ul-text, 
.sca-text {
	position: absolute; 
	left: 0; 
	right: 0;
	top: 0; 
	margin-left: auto; 
	margin-right: auto; 
	text-transform: uppercase; 
	z-index: 1200; }

.ul-text {	
	width: 220px; }

.sca-text {
	width: 260px; }

.ul-text a, 
.sca-text a {
	text-decoration: none; 
	margin: 0 auto; 
	color: #FFFFFF; }

.ul-text a {
	padding-left: 30px; }

.sca-text a {
	padding-left: 15px; }

.divider {
	height: 1px;
  margin: 9px 3px;
  overflow: hidden;
  background-color: #e4dec7;
	opacity: 0.3; }

.brand-search {
	margin-top: 50px; }

.branding {padding-left: 0; }
.branding h1 { 
	/*margin-left: 3%; */
	letter-spacing: 2px; 
	margin-top: 15px; }

.brand-search .nav-pills li.nolink { 
	padding-top: 10px; font-weight: bold; }


.brand-search .nav-pills li a { 
padding: 10px; 
color: #026937;
background-color: #f2f1eb;  }

.brand-search .nav-pills li.active a {
	background-color: #026937; 
	font-weight: bold; 
	color: #FFF; }

.nav-menu .navbar-nav>li>a:hover { 
	color: #cea052;}

.nav-menu {
	min-height: 42px;}

.nav-menu .navbar-nav>.active>a, 
.nav-menu .navbar-nav>.active>a:focus, 
.nav-menu .navbar-nav>.active>a:hover {
	color: #f2f1eb;
	background-color: #026937;}
	
.brand-search .nav-pills li.active:after {
	content: "";
	width:0px;
	height:0px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid #026937;
	position:absolute;
	bottom:-8px; 
	left: 50%;
	margin-left: -8px; }
	
.banner-search { 
	margin: 10px 0 20px; 
	padding: 0; 
	font-size: 1.1em; }

.brand-search .branding {margin: 15px 5px 5px; padding: 0}
.brand-search .branding h1 {margin: 0; padding: 0}

.banner-search .nav-pills > li { 
	margin: 0 10px;}

.banner-search .tab-content { 
	padding-top: 15px; }
	
.banner-search .tab-pane .input-group .form-control { 
	border-radius: 0; 
	border: 2px solid #cea052; 
	height: 44px;
	padding: 10px 15px; 
	border-right: 0;  }
	
.banner-search .tab-pane	.input-group-btn>.btn {
	line-height: 28px; 
	background-color: #cea052; 
	border-width: 2px;  
	border-color: #cea052; 
	border-radius: 0;}
	
.banner-search .tab-pane .input-group-btn .ask-button {background-color: #fff; border-color: #fff;}
.ask-button i {color: #026937; font-size: 1.6em;}

.head-contact .fa { font-size: 3.5em; color: #026937; margin: 35px 0 15px;}
.head-contact div {text-align: center; height: 150px; }

div.mobileAsk { width: 200px; margin: 10px auto 0;  }
div.mobileAsk a {background-color: #f2f1eb;font-size: 1.2em;}
div.mobileAsk a .fa {font-size: 1.3em; }
div.mobileAsk span { font-size: 1.2em;}

ul.ask { float: right; list-style: none; margin: 0; padding: 0;  }

ul.ask li {margin-right: 30px; /*border: 1px solid black; line-height: 35px;*/ width: 200px;margin-top: 3px;}
div.mobileAsk a, 
ul.ask li a { color: #026937; text-decoration: none; font-family: "Roboto Condensed",Arial,sans-serif; 
	text-transform: uppercase;/**/}
ul.ask li a {font-size: 1.4em;}
ul.ask li a .fa {font-size: 1.5em; padding-right: 10px;}
ul.ask li a span {top: 6px;position: absolute; }

#pageContainer .siteButton a { text-decoration: none; color: #fff; }

p.siteButton {text-align: center; margin-top: 30px;}

p.siteButton .btn-primary {
	padding: 7px 16px;
	background-color: #026937; 
	font-family: "Roboto Condensed",Arial,sans-serif;
	text-transform: uppercase; 
	font-size: 1.25em;
	border: 1px solid #77AF6F; 
}
p.siteButton .btn-primary .fa {color: #cea052; padding-left: 8px;font-size: 1.125em;}

.guides-info .row {margin-left: 0; margin-right: -10px;}

.guides-info .row div {}

p.guideButton{ margin-top: 20px; }
p.guideButton .btn-primary {font-size: 1em; }

/* END HEADER */

footer { 
	background-color: #f2f1eb; border-top: 1px solid #e4dec7; }

.footer-branding { 
	background-color: #026937; 
	color: #FFF; margin-top: 10px; }

.footer-branding .foot-copy p { 
	margin-bottom: 2px; 
	font-size: 0.9em; 
	line-height: 1.5em; 
	margin: 0; }

.footer-branding .foot-social div.col-xs-3 {
	text-align: center; }
	
.footer-branding .foot-social .fa { 
	font-size: 3em; 
	padding-top:2px; 
	margin: 18px 0; 
	color: #FFF; }
	
.main-foot { 
	margin: 0; }
	
.main-foot h2 { 
	text-transform: uppercase; 
	font-size: 1.25em;
	color: #026937; 
	margin-top: 10px; }

.main-foot p {
	padding-left: 7px; }
	
.foot-col ul li.panel { margin-bottom: 0; margin-top: 10px; background-color: #f2f1eb; border: 0; -webkit-box-shadow: none; box-shadow: none;} 
.foot-col ul li.panel a.ft-title { text-transform: uppercase; font-size: 1.25em; color: #026937;}
.foot-col ul li.panel a.ft-title:hover,.foot-col ul li.panel a.ft-title:active,.foot-col ul li.panel a.ft-title:focus  {background-color: #f2f1eb;}
.foot-col ul li.panel div.panel-body{ padding: 0; } 
.foot-col  span.glyphicon { float: right;}
.foot-col ul.navbar-nav li a { line-height: 15px; color: #333; }
.foot-col ul.navbar-nav li a:hover {background-color: #f2f1eb; color: #026937;}

#support li, #about li, #help li { display: block; float: none; }

div#menuContainer.col-md-3 { 
	padding-left: 0;
	padding-right: 0;
}

.row-eq-height { /* adjust row divs to same height */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}


.centerText {
	display: flex;
    justify-content: center;
    align-items: center;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	.lettermark {
		margin-left: 10px; }
	
	.footer-branding .foot-copy { 
		text-align: center; 
		padding-top: 0; }
	
	.footer-branding .foot-mark img { 
		margin: 16px auto 10px; 
		padding-right: 0;}
			.foot-col ul.navbar-nav { margin-left: 0;}
	

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
	.footer-branding .foot-copy  { 
		text-align: center; 
		padding-top: 0;
	}

	.foot-col ul.navbar-nav { 
		margin-left: 0;
	}
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	span.rm-remove-chr { 
		display: none; 
	}
		
	span.rm-xtr-break {
		display: block;
	}
	.navbar-header {
		max-width: 300px;
	}
	
	.footer-branding .foot-copy {  
		text-align: center; 
		padding-top: 0;
	}
				
	.footer-branding .foot-mark img { 
		border-right: 0; 
	}

	.footer-branding .foot-mark .img-align {
		display: inline-block; 
	}

	.foot-social { 
		margin-top: 37px; 
	}
	
	.navbar {
    border-radius: 0;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	.footer-branding .foot-copy {  
		text-align: left; 
		padding-top: 12px;}

	.foot-social {
		margin-top: 0;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1260px) {

	span.rm-remove-chr, 
	span.rm-xtr-break { 
		display: inline; 
	}
	
	span.xtr-break {
		display: block; 
	}
	
	span.remove-chr { 
		display: none; 
	}

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.nav-drops > li > a { 
	padding: 10px 0;
	 }

.nav-drops > li:first-child > a {padding: 10px 15px;}
	
.brand-search .branding {margin-bottom: 15px;}
	span.xtr-break, 
	span.rm-xtr-break {
		display: block; 
	}
		
	span.remove-chr, 
	span.rm-remove-chr { 
		display: none; 
	}
		
	.footer-branding { 
		padding-bottom: 15px; 
	}

}
@media only screen and (width : 768px) {
	.banner-search .tab-content { 
		padding: 15px 0 0; 
	}
	
	.col-md-8 .carousel { display: none; }
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	
	.banner-search .tab-content { 
		padding: 0; 
	}
	
	.banner-search { 
	margin-bottom: 0; 
	
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.banner-search .tab-content { 
		padding: 0; 
	}
	.foot-col ul.navbar-nav { 
		margin-left: 0;
	}
	.main-foot .container {padding: 0; }
	.contact {padding: 0; }
	
	.contact div {margin-bottom: 7px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	.navbar-inverse .navbar-toggle {
   	margin-right: 25px; border-color: #fff; 
	}
		
	.lettermark {
		margin-left: 10px; 
	}
		
	.ul-text a {
		padding-left: 30px;
	}
	
	.sca-text a {
		padding-left: 15px;
	}

	.footer-branding .foot-copy { 
		text-align: center; 
	}
		
	.footer-branding .foot-mark img { 
		padding: 10px; 
	} 

	.foot-col ul.navbar-nav { 
		margin-left: 0;
	}

}