/********************
*  Base Setup
*********************/

/* Banner Backgrounds */

#pageBackgrond { background:url(../images/bg-page.png) repeat-x #BDB76B; width:100%; height:100%; display:table; z-index:-1; }

#navbar { background:#5c8014; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#5c8014; border-color: #5c8014; }

.node.node-department-informational-page.clearfix div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden div.field-items div.field-item p { clear: both; }

#block-views-taxonomy-menu-block-4, #block-block-21, #block-block-22, #block-block-23, #block-block-24 { margin-top:20px; margin-bottom: 20px; padding-top:20px; padding-left: 20px; padding-bottom:10px; border: 3px solid #265415; border-radius:25px; background: #e1e1e1; }

.navbar { border-radius: 0px; }

.navbar.container { margin-top: 0px; }

#header_top { background:url(../images/bg-header-top.png);}
#header_top .top_graphic {}
#header_top .btm_graphic {}

#header { max-height:455px; max-width:1102px; width:100%; }
#header .top_graphic {}
#header .btm_graphic {}

#content-container { padding:0 30px;}
#content-container .section { background:url(../images/bg-content.png) repeat-x #FFF8DC; margin:-40px 0 0; padding:30px 0;}
#content-container .top_graphic {}
#content-container .btm_graphic {}

#sidebar-l { padding:0;}
.region-sidebar-first {  background:url(../images/bg-sidebar.png) repeat-x #FFDD80; margin-top: -15px; padding:35px 25px; }

#sidebar-r { padding:0;}
.region-sidebar-second { padding:35px 25px;}

div#bottomnavwrapper div.container div.row section#bottomnav.col-sm-9 { width: 100%; }

ul.tabs--primary.nav.nav-tabs li a { color: black; }

.node.node-event.node-teaser h2 a { color: black; font-size: 28px; text-decoration: none; }
.node.node-event.node-teaser h2 a:hover { text-decoration: underline; }


#footer_top { }
#footer_top .top_graphic {}
#footer_top .btm_graphic {}

#footer_btm {  }
#footer_btm .top_graphic {}
#footer_btm .btm_graphic {}

#footerwrapper { background: #265415; padding-bottom: 20px; }

/* Global Styling */
body { font-size:18px; font-family: "franklin-gothic-urw-cond",sans-serif;}

a { color:#265415; text-decoration:underline;}
a:hover { text-decoration:underline;}
a:hover, a:focus { color: #071907; }

img { max-width:100% !important; height:auto !important;}

h1, h2, h3, h4, h5, h6 { font-family: "franklin-gothic-urw-cond",sans-serif;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

#headerwrapper { background: #265415;}

.navbarwrapper { background: #5c8014; }

.flexslider { border: none; box-shadow: none; margin: 0px; background: transparent; }

.slideshowwrapper { background: rgb(252,252,252);
    background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(252,252,252,1) 12%, rgba(171,174,188,1) 94%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(12%,rgba(252,252,252,1)), color-stop(94%,rgba(171,174,188,1)));
    background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 12%,rgba(171,174,188,1) 94%);
    background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 12%,rgba(171,174,188,1) 94%);
    background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 12%,rgba(171,174,188,1) 94%);
    background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 12%,rgba(171,174,188,1) 94%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#abaebc',GradientType=0 );
 }
 
 div.views-field.views-field-field-thumbnail div.field-content img { float: left; margin-right: 30px; }
 
 section#block-views-activity-classes-block div.view.view-activity-classes.view-id-activity_classes div.view-content div.views-row, div.region.region-drop-in section#block-views-activity-classes-block-2.block.block-views.contextual-links-region div.view.view-activity-classes.view-id-activity_classes.view-display-id-block_2 div.view-content div.views-row { clear: both; margin-bottom: 40px;  }
 
section#block-views-activity-classes-block div.view.view-activity-classes.view-id-activity_classes div.view-content div.views-row div.views-field.views-field-title span.field-content a, section#testimonial.col-sm-12 div.section div.region.region-drop-in section#block-views-activity-classes-block-2 div.view.view-activity-classes div.view-content div.views-row div.views-field.views-field-title span.field-content a { color: black; text-decoration: none; font-size: 20px; }

section#block-views-activity-classes-block div.view.view-activity-classes.view-id-activity_classes div.view-content div.views-row div.views-field.views-field-title span.field-content a:hover, section#testimonial.col-sm-12 div.section div.region.region-drop-in section#block-views-activity-classes-block-2 div.view.view-activity-classes div.view-content div.views-row div.views-field.views-field-title span.field-content a:hover { text-decoration: underline;}
 
 #testimonial { padding-left: 80px; }
 
 #dropinwrapper { padding-top: 20px; padding-bottom: 20px; }
 
 .block-title { color: #5b5b5b; font-size: 36px;}
 
section#block-system-main.block.block-system.clearfix div.view.view-taxonomy-term div.view-content div.views-row div.views-field.views-field-title span.field-content a { font-size: 20px; color: black; text-decoration: none; }
 
section#block-system-main.block.block-system.clearfix div.view.view-taxonomy-term.view-id-taxonomy_term div.view-content div.views-row { clear: both; margin-top: 40px; }

section#block-system-main.block.block-system.clearfix div.view.view-taxonomy-term.view-id-taxonomy_term div.view-content div.views-row div.views-field.views-field-field-event-date-to-display div.field-content { font-size: 20px; color: #265415; }
 
div#mainwrapper div.main-container.container div.row section.col-sm-12 ul.tabs--primary.nav.nav-tabs li a { color: black; }
 
div.view.view-activity-classes.view-id-activity_classes div.view-content div.views-row div.views-field.views-field-field-event-date-to-display { color: #265415; font-size: 18px; font-weight: bold;}
 
 #bottomnavwrapper { background: #5c8014; border-bottom: 1px solid #50813d; }
 
.nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }

.nav > li > a { text-decoration: none; color: white; font-size: 16px; }

section#block-superfish-1.block.block-superfish.clearfix h2.block-title { display: none; }

.nav > li { float: left; padding-right: 10px; }

div#bottomnavwrapper div.container div.row section#bottomnav.col-sm-12 div.section div.region.region-bottomnav { margin-left: auto; margin-right: auto; width: 90%; }
 
 #eventswrapper { background: #e1e1e1; padding-top: 20px; padding-bottom: 20px;}

div#flexslider-1 ul.slides li div.views-field.views-field-field-slideshow-caption div.field-content {
    text-align: center;
    background: rgb(255,255,255);
    background: rgba(255, 255, 255, 0.7);
    position: relative;
    z-index: 2;
    margin-top: -55px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.node.node-event div.content div.field.field-name-field-event-date-to-display.field-type-text.field-label-hidden div.field-items div.field-item { font-size: 24px; color: #265415; }

.node.node-event.clearfix div.content div.field.field-name-field-event-registration-deadlin.field-type-text.field-label-above div.field-label { float: left; margin-right: 5px; }

.flex-control-paging { display: none; }

.flex-direction-nav a::before { font-size: 36px; }

.page-header { color: #265415; }

div#mainwrapper div.main-container.container { padding-bottom: 20px; }


.flexslider .slides img { width: auto; margin-left: auto; margin-right: auto; position: relative; z-index: 1}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: transparent; }


/********************
* Bootstrap Overwrites
*********************/
.jumbotron { background:none;}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}
#block-system-main .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.page-header {
    border-bottom: none;
    margin: 20px 0 20px;
    padding-bottom: 9px;
}

/********************
*  MAIN STYLING
*********************/

#page { width:100%; max-width:1400px; padding:0; }
#content-container {}
#main-content { padding:0 25px;}

/* Nav Bar */
#navbar { border:none; z-index:101; margin-bottom:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:none;}

#navbar .logo { margin:20px 10px 20px 0px;}

#navbar .navbar-nav {  padding-top:25px; float:right; margin-bottom:25px;}
#navbar .navbar-nav li { height:30px; padding-right:30px;}
#navbar .navbar-nav li.last { padding-right:0;}
#navbar .navbar-nav li a { color: white; padding:5px; text-decoration:none; text-transform:uppercase; font-size:16px; font-weight:400;}
#navbar .navbar-nav li a.active { color:white; font-weight:bold;}
#navbar .navbar-nav li a:hover { text-decoration:underline; }

/* Header */

#header_top { padding:0; margin-bottom:0; position:relative; z-index:1000;}
#header_top a { color:#F2F2F2; }

#header {}
#header a { color:#F2F2F2; }

#header .container { padding:0;}
#header .region-header { position:relative; }

#header #block-block-1 { position:absolute; z-index:5; margin-left:56%; width:28%; bottom:15%; }
#header #block-block-2 { position:relative; z-index:2; }

/* Main Content */
#content-container { color:#666666; font-size:20px; line-height:24px;}
#content-container .row { margin:0; } 


/* Footer */
footer.footer { border-top: medium none; margin: 0; max-width: 100%; padding: 0; width: 100% !important; }
#footer_top { margin-top:0; padding:0; overflow:hidden;}
#footer_top .top_graphic { height:26px; width:100%; margin-bottom:0px;}
#footer_top .btm_graphic { height:26px; width:100%; margin-top:20px;}

#footer_top { color:#F2F2F2; font-weight:400; }
#footer_top a { color:#4BA3D5; font-weight:500; text-transform:uppercase; text-decoration:underline; font-size:14px;}
#footer_top a:hover {}
#footer_top .views-field-field-image { padding-bottom:5px; }

#footer_top h2 { color:#cccccc; font-size:22px;}
#footer_top h2.block-title { border-bottom:1px solid #666666; font-weight:bold; padding:15px 80px; margin:0 -80px 25px -80px; text-transform:uppercase;}

#footer { margin-top:0; color:#F2F2F2; padding-bottom:5px; padding-top:10px; overflow:hidden;}
#footer .panel-pane { text-transform:uppercase; font-size:12px; line-height:14px;}
#footer a { color:#FFF; text-decoration:none;}
#footer a:hover { color:#333;}

#footer .pane-system-main-menu {}
#footer .pane-system-main-menu li { padding:0;}
#footer .pane-system-main-menu a { color:#FFF; text-decoration:none; padding:0; text-transform:uppercase;}
#footer .pane-system-main-menu a:hover { color:#333;}
div#headerwrapper div.container div#top-header a.ext { display: none; }

section#block-superfish-1.block.block-superfish.contextual-links-region.clearfix h2.block-title { display: none; }

#bottomnavwrapper { padding-top: 20px; padding-bottom: 20px; }

div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li { background: transparent; border: none; padding-right: 10px; }
div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li a { color: white; text-decoration: none; border: none;  padding: 10px 15px; font-size: 16px;}
div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li a:hover { text-decoration: underline;}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; }

/* Development */
.dev-query { clear:both;}

.dropdown-menu { background-color: #5c8014; }

.dropdown-menu > li > a { color: white; text-decoration: none; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; color: white; text-decoration: underline; }

.nav > li > a:hover { text-decoration: underline; }

.nav .caret, .nav .caret:hover, .nav .caret:focus, .nav a:hover .caret, .nav a:focus .caret, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-bottom-color: white; border-top-color: white; }

.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-bottom-color: white; border-top-color: white; }

div#node-7 div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden div.field-items div.field-item p { clear: both; }

.flex-direction-nav a  { height: 74px; width: 50px; background: url("../images/directionnav.png"); }

#block-views-related-activities-block { float: right; padding-bottom:10px; padding-top: 20px; padding-right:20px; padding-left: 20px; background: #e1e1e1 none repeat scroll 0 0; border: 3px solid #265415; border-radius: 25px; margin-left: 20px; margin-bottom: 20px; }
div.view.view-related-activities.view-id-related_activities div.view-content div.views-row div.views-field.views-field-field-event-day-and-time { padding-bottom: 10px; }
div.view.view-activity-classes.view-id-activity_classes.view-display-id-block_2 div.view-content div.views-row { clear: both; margin-top: 20px; }

/********************
*  State Specific
*********************/

/* REALLY Large Desktop */
@media (min-width: 1500px) {
        .container { width: 1510px; }
    div#headerwrapper div.container { padding-left: 0px; padding-right: 0px;}
    .navbar.container { max-width: 1509px; }
    #navbar { width: 1320px; }
    #navbar .navbar-nav { width: 1300px; margin-left: auto; margin-right: auto; }
    #bottomnav { padding-left: 120px; }
   .nav > li > a { padding: 10px 25px; }
   #mobile-arrow, #mobile-hsu, #mobile-header, #mobile-bot-hsu { display: none; }
   #node-469 { display: block; margin-left: auto; margin-right: auto; width: 600px; }
   .node.node-event.clearfix div.content div.field { float: left; width: 70%; }
   .node.node-event.clearfix div.content div.field.field-name-field-event-date-to-display.field-type-text.field-label-hidden { float: none; width: 100%; }
   .node.node-event.clearfix div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden { float: none; width: 100%; }
}

/* Large Desktop */
@media (min-width: 1200px) and (max-width: 1499px) {
    
    #top-header { width: 70%; }
    #top-hsu { width: 30%; }
 
    .navbar.container { max-width: 1200px; }
    .nav > li > a { padding: 10px; }
    .nav > li { padding-right: 8px; }
    div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li a { padding: 10px; }
    div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li { padding-right: 7px; }
    .navbar-collapse.collapse { margin-left: 40px; }
   #mobile-arrow, #mobile-hsu, #mobile-header, #mobile-bot-hsu { display: none; }
   .container { width: 1210px; }
   #node-469 { display: block; margin-left: auto; margin-right: auto; width: 600px; }
   .block-title { font-size: 34px; }
   .node-type-page div#mainwrapper div.main-container.container div.row section.col-sm-9 { width: 70%; }
   .node-type-page div#mainwrapper div.main-container.container div.row aside.col-sm-3 { width: 30%; }
   .node-type-department div#mainwrapper div.main-container.container div.row aside.col-sm-3 { width: 30%; }
   .node-type-department.toolbar.toolbar-drawer div#mainwrapper div.main-container.container div.row section.col-sm-9 { width: 70%; }
   .node.node-event.clearfix div.content div.field { float: left; width: 60%; }
    .node.node-event.clearfix div.content div.field.field-name-field-event-date-to-display.field-type-text.field-label-hidden { float: none; width: 100%; }
   .node.node-event.clearfix div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden { float: none; width: 100%; }


}

/* Most Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	    #top-header { width: 60%; margin-left:-50px; margin-right: 50px; }
    #top-hsu { width: 40%; }
    .navbar.container { max-width: 1200px; padding: 0; }
     .nav > li > a { padding: 10px 10px; }
    nav div.region.region-navigation section#block-system-main-menu.block.block-system ul.menu.nav li a { font-size: 14px; }
    .navbar-collapse.collapse { margin-left: 5px; }
    #bot-center { width: 60% !important; }
    #bot-hsu { width: 40% !important; }
   #mobile-arrow, #mobile-hsu, #mobile-header, #mobile-bot-hsu { display: none; }
   div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li  { padding-right: 0px; }
   div.region.region-bottomnav section#block-superfish-1 ul#superfish-1 li a { padding: 10px; font-size: 14px; }
   #node-469 { display: block; margin-left: auto; margin-right: auto; width: 600px; }
   	 div#mainwrapper div.main-container.container div.row aside.col-sm-3 { width: 37% !important; }
    .region-sidebar-second { padding: 0px; }
    .node-type-page div#mainwrapper div.main-container.container div.row section.col-sm-9 { width: 100%; }
    .node-type-department div#mainwrapper div.main-container.container div.row section.col-sm-9 { width: 100%; }
    .node.node-event.clearfix div.content div.field { float: left; width: 60%; }
    .node.node-event.clearfix div.content div.field.field-name-field-event-date-to-display.field-type-text.field-label-hidden { float: none; width: 100%; }
   .node.node-event.clearfix div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden { float: none; width: 100%; }
    
}

/* tablet */
@media (min-width: 768px) and (max-width: 991px) {
	    #top-header { width: 60%; }
    #top-hsu { width: 40%; }
	#navbar .container { padding-left:40px; padding-right:40px;}
	#navbar .logo { margin: 20px 0; }

	#header_top { padding-top:50px;}
    .navbar.container { max-width: 1200px; padding: 0; }
     .nav > li > a { padding: 10px 10px; }
    nav div.region.region-navigation section#block-system-main-menu.block.block-system ul.menu.nav li a { font-size: 15px; }
        #bot-center { width: 60% !important; }
    #bot-hsu { width: 40% !important; }
    #mobile-hsu, #mobile-header, #mobile-bot-hsu { display: none; }
    #superfish-1-select { display: none; }
    #testimonial { padding: 0px; }
     #mobile-arrow { display: block; margin-left: auto; margin-right: auto; border: 1px solid #f4f3a2; border-radius: 5px; }
    #mobile-arrow:hover { background-color: #d9d897; }
    #superfish-1 { display: none !important; }
    #node-469 { display: block; margin-left: auto; margin-right: auto; width: 600px; }
	 div#mainwrapper div.main-container.container div.row aside.col-sm-3 { width: 50% !important; }
    .region-sidebar-second { padding: 0px; }
    .node-type-page div#mainwrapper div.main-container.container div.row section.col-sm-9 { width: 100%; }
    .node-type-department div#mainwrapper div.main-container.container div.row section.col-sm-9 { width: 100%; }
}

/* Mobile */
@media (min-width: 644px) and (max-width: 767px) {
	
	#navbar .navbar-nav { padding-top:0;}
	#header_top { padding-top:50px;}
	
	.container { padding-left:15px; padding-right:15px;}
	.jumbotron { padding:5px;}
	.jumbotron h2 { font-size:20px}
    #top-hsu, #bot-hsu, #top-header { display: none; }
    .navbar-default .navbar-toggle { border-color: #f4f3a2; }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
    }
    .navbar-toggle { float: none; margin-left: auto; margin-right: auto; display: block; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #d9d897; }
    .nav > li { float: none; }
    .dropdown-menu { border: none; box-shadow: none; float: none; position: relative; }
    .navbar-collapse { max-height: 800px; }
    .dropdown-menu > li > a { padding: 10px 40px; }
    #mobile-arrow { display: block; margin-left: auto; margin-right: auto; border: 1px solid #f4f3a2; border-radius: 5px; }
    #mobile-arrow:hover { background-color: #d9d897; }
    #superfish-1-select { display: none; }
    #superfish-1 { display: none; }
    #testimonial { padding: 30px; }
    ul.slides li div.views-field.views-field-field-slideshow-caption { display: none; }

}

/* Small Mobile */
@media (max-width: 643px) {
	
	#navbar .navbar-nav { padding-top:0;}
	#navbar .navbar-nav li { padding:20px;}
	
	.container { padding-left:15px; padding-right:15px;}
	.jumbotron { padding:5px;}
	.jumbotron h2 { font-size:20px}
    #top-hsu, #bot-hsu, #top-header { display: none; }
        .navbar-default .navbar-toggle { border-color: #f4f3a2; }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
    }
    .navbar-toggle { float: none; margin-left: auto; margin-right: auto; display: block; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #d9d897; }
    .nav > li { float: none; }
    .dropdown-menu { border: none; box-shadow: none; float: none; position: relative; }
    .navbar-collapse { max-height: 800px; }
    .dropdown-menu > li > a { padding: 10px 40px; }
    #mobile-arrow { display: block; margin-left: auto; margin-right: auto; border: 1px solid #f4f3a2; border-radius: 5px; }
    #mobile-arrow:hover { background-color: #d9d897; }
    #superfish-1-select { display: none; }
    #testimonial { padding: 30px; }
    ul.slides li div.views-field.views-field-field-slideshow-caption { display: none; }
    #block-views-related-activities-block  { margin-left: 0px; }
 
}