@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
.test {
	font-family: 'Open Sans', sans-serif;
	/*
	Normal 		400
	Semi-Bold 	600
	Bold 		700
	*/

	font-family: 'Open Sans Condensed', sans-serif;
}

.container-fluid { max-width: 1110px;}

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.25;
	color: #474747;
}

.form-control {
	color: #474747;
    border-radius: 0;
    -webkit-box-shadow: none; box-shadow: none;
    height: 45px; font-weight: normal;
    border-color: #696969;
}
.form-control:focus {
	-webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.16);
	box-shadow: 		inset 0 0 3px 0 rgba(0,0,0,.16);
}

textarea.form-control {min-height: 120px;}


::-webkit-input-placeholder {color:#a0a0a0 ;}
::-moz-placeholder          {color:#a0a0a0 ;}/* Firefox 19+ */
:-moz-placeholder           {color:#a0a0a0 ;}/* Firefox 18- */
:-ms-input-placeholder      {color:#a0a0a0 ;}

p {margin-bottom: 20px;}

a { transition: color 200ms ease-in-out 0s,  background-color 200ms ease-in-out 0s;}
a:hover, a:focus { text-decoration: none;}
a:hover { color: #006894;}



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

img.img-border {
    border-radius: 10px;
    border: 2px solid #e3881c;
    display: table-cell;
}

hr {
	margin: 40px 0 42px;
	border-top:1px solid #ebebeb;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 21px;
	color: #000102;
	line-height: 1;
}

h1, .h1 {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

h2, .h2 {
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	padding-top: 20px;
	text-transform: uppercase;
}

h3, .h3 {
	color: #00558C;
	font-size: 16px;
	font-weight: 700;
	margin-top: 20px;
}

h4, .h4 {
	font-size: 14px;
	color: #474747; font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 19px;
}

.page-title {
	font-size: 24px; font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 26px;
}

.link {
	color: #236049; text-decoration: underline;
}
.link:hover {color: #b89e51;}


.color-brown { color: #b89e51; }
.color-pink { color: #ef4170; }
.color-ltblue { color: #69B3E7; }

blockquote {
	color: #666666;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

/* 	HEADER
------------------------------------------------------------------- */
.top-line {
	padding: 15px 0;
}
.top-line .btn-link { position: relative; z-index: 2;}
.top-line .btn-link:not(:hover){ background-color: #69B3E7;}


/* 	Logo
...............................*/
.header-logo { line-height: 0; float: left; position: relative; z-index: 1;}
.navbar-header { float: none;}
a.navbar-brand {
	float: none; padding: 0; height: auto; display: inline-block;
}

form.form-search {padding-top: 22px;}
form.form-search .form-group {display: block;overflow: hidden;}
form.form-search .form-control {
	width: 100%;
	background-color: #fbfbfb;
	border-color: #e7e7e7;
	font-size: 13px; padding: 9px; height: 33px;
}
form.form-search .btn-search {
	float: left;
	color: #9da2a8; background-color: transparent;border: 0; font-size: 13px; height: 29px; padding: 6px 4px 6px; margin-right: 4px;
}



/* 	BLOCKS
-----------------------------------------------*/

.help-block {padding-top: 50px; padding-bottom: 51px; margin: 0;}

.help-block .help-volunteer {
	background: url(../_images/img-wide-help-1.jpg) 50% 0 no-repeat;
	background-size: cover;
	margin: 0px 10px;
	border: #00558C	4px solid;
}

.help-block .help-volunteer a {
	text-decoration: none;
	text-align: center;
	padding-top: 40%;
}


.help-block .help-donate {
	background: url(../_images/img-wide-help-2.jpg) 50% 0 no-repeat;
	background-size: cover;
	margin: 0px 10px;
	border: #00558C	4px solid;
}

.help-block .help-donate a {
	text-decoration: none;
	text-align: center;
	padding-top: 40%;
}

.help-block .help-calendar {
	/*background: url(../_images/img-wide-help-2.jpg) 50% 0 no-repeat;background-size: cover;*/
}

.help-block a {
	min-height: 190px;
	display: block; 
	/* padding: 135px 0 20px 73px; */
	color: #fff;
	font-size: 24px; font-weight: 700;
	text-transform: uppercase;
	background-color: rgba(0, 97, 137, 0.4);
	margin: 0 -15px;
}
.help-block a:hover { background-color: rgba(44, 44, 44, 0.53);}


/* 	SIDEBARS
-----------------------------------------------*/

.sidebar ul {
	border-right: 1px solid #00558C;
	padding-bottom: 45px;
	padding-right: 30px;
	text-align: center;
	list-style-type: none;
}

.sidebar ul li a {
	color: #00558C;
	display: block;
	padding: 10px 0;
	text-decoration: none;
}

.sidebar ul li a.active {
	color: #69B3E7;
}

.sidebar ul li a:hover {
	background-color: #C6DAE7;
/* 	color: #0091ce; */
/* 	text-decoration: underline; */
}


/*	PAGE
-----------------------------------------------*/
.content {

}

.main-content { padding: 0 30px 60px 48px;}

.main-content a {
	font-weight: 700;
	text-decoration: underline;
}

.main-content .indent {padding: 27px 50px 0 0;}

.main-content section {
	border-top: 1px solid #dddddd;
	margin-top: 30px;
	padding: 15px 0;
}

.brand {
	width: 100%;
    padding: 15px 0 45px;
}
.brand a {
    text-align: center;
}
.brand a:first-child {text-align: left; width: 1%;}
.brand a:last-child {text-align: right; width: 1%;}

.iframe-shadow {
	    box-shadow: 0 8px 35px 15px rgba(1,1,1,.32);
}


.page-content {
	padding: 10px 27px 0;
}

.page-menu {
	padding: 40px 0 50px;
}
.page-menu ul li { float: left;	position: relative;}
.page-menu ul li .set {
	content: "|";
	padding: 0 6px 0 4px;
	color: #006696;
}
.page-menu ul a { text-transform: uppercase; font-weight: 600;}
.page-menu ul a:hover {font-weight: bold;color: #474747;}

.page-menu ul a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}

/* Contact
...............................*/
form.form-contact .form-control {
    border-color: #d8d8d8;
    background-color: #fff;
}
form.form-contact .form-group {
    margin-bottom: 23px;
}
form.form-contact .form-inline label {padding-right: 14px;}

form.form-contact input[type=checkbox], form.form-contact input[type=radio] {margin-top: 4px;}


/* Map
...............................*/
.overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:350px; /* your iframe height */
   top:350px;  /* your iframe height */
   margin-top:-350px;  /* your iframe height */
}

#map {
	box-shadow: 0 3px 25px 5px rgba(1,1,1,.1);
    width: 100%;
    height: 320px; margin-bottom: 30px;
}


/* 	BUTTONS
...............................*/

a.btn-link, a.btn-send, input.btn-link {
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 12px 18px 11px;
    border: 0;
    background-color: #00558C;
    color: #fff; font-size: 12px;
    font-weight: 600; text-transform: uppercase;
    text-align: center;
    text-decoration: none;

}

a.btn-prime {
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 12px 18px 11px;
    border: 0;
    background-color: #333;
    color: #fff; font-size: 12px;
    font-weight: 600; text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

.btn-caret:after {
	content: '';
	margin-left: 6px;
	display: inline-block;
	border-left: 8px solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #fff;
}


.btn-link, .btn-send {
	transition: all 200ms ease-in-out 0s;
}

.btn-link:hover, .btn-send:hover {
	color: #fff;
	background-color: #2c2c2c;
	text-decoration: none;
}
.nav-justified {
    width: 100%;
    padding: 0;
}

button.btn-send {

}
button.btn-send:hover { }


/* 	LISTS
-----------------------------------------------*/

ol, ul {
	margin-top: 0;
	margin-bottom: 20px;
}

ul li {
	padding: 0;
}

.main-content ul li {
	padding: 2.5px 0;
}

dl dt {
	color: #00558C;
}

dl dd {
	padding: 0 0 20px 0;
}

dl dd ul {
	margin-top: 10px;
	margin-bottom: 0;
}

/* 	ACCORDIONS
-----------------------------------------------*/

#accordion h3.panel-title a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}

#accordion .panel {
    margin-bottom: 5px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#accordion .panel-heading {
	background-color: #0091ce;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#accordion .panel-body {
	background-color: rgba(0, 97, 137, 0.05);
}


/* 	SOCIAL LINKS
-----------------------------------------------*/
.socials {
	display: inline-block;
	margin-right: 5px;
	padding-top: 0;
	position: relative;
	vertical-align: middle;
	z-index: 2;
}
a.social-links {
	background-repeat: no-repeat;
/* 	vertical-align: middle; */
}
a.social-links {
    background-color: #00558C;
    border-radius: 0px;
    color: #FFF;
    font-size: 14px;
    line-height: 2.71428571428571em;
    margin: 0;
    text-align: center;
    transition: all 300ms ease-in-out 0s;
    position: relative;
	    top: -1px;
    width: 38px;
}
a.social-links:hover {
    color: #fff;
    transition: all 200ms ease-in-out 0s; background-color: #2c2c2c;
}

/* Slider
-----------------------------------------------*/
.block-slider {
	position: relative;
	padding-bottom: 52px;
}
.block-slider .item { min-height: 405px;} /* /// WAS SET TO 405 min-height   */
.carousel-fade .carousel-inner .item { transition-property: opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control { z-index: 2; font-size: 0; color: transparent;}

.block-slider a.carousel-control:before {
	content: '';
	position: absolute; top: 45%;
    width: 19px; height: 29px;
    background: url(../_images/i-slider.png) no-repeat 0 0;
}
.block-slider a.carousel-control.left:before {
	left: 50%;
}
.block-slider a.carousel-control.right:before {
	right: 50%; background-position: 100% 0px;
}
.block-slider a.carousel-control.left:hover:before {background-position: 0 100%;}
.block-slider a.carousel-control.right:hover:before {background-position: 100% 100%;}

.block-slider {
	color: #fff;
	text-align: center;
}
.block-slider .item {
	padding: 160px 35px 30px 0;
}

.block-slider .item-1 {
	background: url(../_images/slide-1.jpg) 50% 0;
	background-size: cover;
}

.block-slider .item-2 {
	background: url(../_images/SEXUAL-ASSAULT-AWARENESS-MONTH-1.jpg) 50% 0;
	background-size: cover;
	padding: 275px 35px 30px 0;
}

.block-slider .item-3 {
	background: url(../_images/banner-bocce.jpg) 50% 0;
	background-size: cover;
	padding: 275px 35px 30px 0;
}

.block-slider .item-4 {
	background: url(../_images/slide-2.jpg) 50% 0;
	background-size: cover;
	padding: 275px 35px 30px 0;
}




/*.block-slider .item:nth-child(2) { background: #000;}
.block-slider .item:nth-child(3) { background: #888;}*/


.block-slider p.text-1 {
	color: #fff;
    font-size: 25px; font-weight: 600;
    margin-bottom: 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.59);
}
.block-slider p.text-title {
	color: #0091ce;
    font-size: 38px; font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.block-slider p.text-2 {
	color: #fff;
    font-size: 15px; font-weight: 600;
    margin-bottom: 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.59);
}

.block-slider-links ul {margin: 0;}


.block-slider-links a.block1, a.block2, a.block3, a.block4, a.block5 {
	display: block;
	min-height: 80px;
	padding: 30px 10px 30px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-shadow:  0 1px 2px rgba(0, 0, 0, 0.59);
}

.block-slider-links a.block1 {
	background-color: #00558C;
	/*background-color: #69B3E7; */
}

.block-slider-links a.block2 {
	background-color: #00558C;
	/*background-color: #C6DAE7; */
}

.block-slider-links a.block3 {
	background-color: #00558C;
	/*background-color: #00558C; */
}

.block-slider-links a.block4 {
	background-color: #00558C;
	/*background-color: #A7A8AA; */
}

.block-slider-links a.block5 {
	background-color: #00558C;
	/*background-color: #69B3E7; */
}

/*.block-slider-links li:nth-child(even) a:not(:hover) {
	background-color: #547AA3;
	background-color: #2c2c2c; */

.block-slider-links a.block1:hover,a.block2:hover,a.block3:hover,a.block4:hover,a.block5:hover { background-color: #2c2c2c;}


/* Footer
-----------------------------------------------*/

.footer-area {
    padding: 0px 0 24px;
}

.footer-list ul {
	list-style: none;
	padding: 0;
}

.footer-list ul li {padding-bottom: 2px;}
.footer-list ul a {font-size: 12px; line-height: 1.2;text-transform: uppercase; font-weight: 600;}
.footer-list ul a:not(:hover) { color: #474747;}

.footer-list-indent {padding-left: 40px; }

.footer {
	clear: both;
}
.footer .inner {
	padding: 20px 20px 40px;
}


.copyright {
	font-size: 12px;
}

.f-logo {margin-top: -4px;  display: inline-block;}


/* Custom
-----------------------------------------------*/
.img-opacity-animation img { transition:  opacity 200ms ease-in-out 0s;}
.img-opacity-animation:hover img {opacity: .7;}




/* @ MEDIA
-----------------------------------------------*/
@media only screen and (min-width: 768px){
	.main-content {
		float: left;
		width: 100%;
	}
	.brand a {
		display: table-cell;
	    width: 2%;
	}
}
@media only screen and (min-width: 480px){
	.header {
		margin-top: -45px;
	}
}
@media only screen and (max-width: 767px) {
	.top-line .col-sm-6,
	footer {text-align: center;}
	.main-content {padding-left: 15px; padding-right: 15px;}
	.main-content .indent {padding: 0 0 25px;}
	.page-menu ul li {float: none;text-align: center; padding: 6px 0;}
	.page-menu ul li .set {font-size: 0;border-top: 1px solid #006696;display: block; max-width: 40%;margin: 0 auto;}

	.footer-area {text-align: center;}
	.copyright {padding-bottom: 20px;}
	.f-logo {display: inline-block;}
}
@media only screen and (max-width: 479px) {
	h1, h2, h3, h4, h5, h6 {word-wrap: break-word;}
}


/* Navigations
-------------------------------------------------------------------------------------------------------*/
.nav-wrap {
   padding: 30px 0 30px; clear: both;
}
.navbar-collapse {
    -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0;
}

.navbar { clear: both; margin: 0; min-height: inherit; border-radius: 0; border: 0;}
.navbar-nav { padding: 0; margin: 0;}
.navbar-nav a {
    position: relative;

}

.navbar-nav > li > a {
    color: #00558C;
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    padding: 0;
}

.navbar-nav > li > a::after {
    color:transparent;
    content:attr(title);
    display:block;
    font-weight:bold;
    height:1px;
    margin-bottom:-1px;
    overflow:hidden;
    visibility:hidden;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav .open > a, .navbar-nav .open > a:focus, .navbar-nav .open > a:hover,
.navbar-nav > li.active > a {
    color: #69B3E7;
    background-color: transparent;
}
.open > .sub-nav { display: block;}

.navbar-collapse.in {overflow: inherit;}

a.navbar-toggle {
    position: absolute;
    right: 15px;
    top: 73px;
    width: 39px;
    margin: 0;
    z-index: 1;
    overflow: hidden;
        padding: 0;
        border-radius: 0;
        cursor: pointer;
}
a.navbar-toggle span {
    background-color: #000;
    transition: background-color 200ms ease-in-out 0s;
    border: 0;
    height: 5px;
    display: block;
}
a.navbar-toggle:hover span, a.navbar-toggle:focus span { background-color: #006894;}
a.navbar-toggle span + span {  margin-top: 7px;}
.navbar-toggle span:first-child { border-top-width: 0;}
.navbar-toggle span:last-child { border-bottom-width: 0;}

/* HOVER DROPDOWNS */

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.nav-justified {
    width: 100%;
    padding: 0;
}

/* ZEEKEE CHANGES
-----------------------------------------------*/
label {
	margin-top: 2rem;
}
input[type="radio"] {
	margin: 1.5rem 0px 0px;
}
textarea {
	margin-bottom: 2rem;
}


/* @ MEDIA
-----------------------------------------------*/
@media only screen and (min-width: 768px) {
    .navbar-nav > li > a {
            padding: 10px 0;
            white-space: nowrap;
    }
    .navbar-nav > li:not(:last-child) { padding-right: 45px;}

    .caret {
        position: absolute;
        margin: 10px 0 0 10px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1110px) {
	.block-slider-links a.block1, a.block2, a.block3, a.block4, a.block5 {
		font-size: 9px;
	}
}


@media only screen and (max-width: 767px) {
    a.navbar-toggle {display: inline-block;}

    .nav-container {text-align: center;}

    .navbar-nav > li > a {
        height: auto;
        padding: 16px 23px;
        margin: 0 0 -1px;
    }

    .dropdown-menu {text-align: center;}
}

@media only screen and (max-width: 479px) {
    a.navbar-toggle {top: 96px;}

    .top-line .btn-link {
	    font-size: .6em;
    }

    a.social-links {
	    background-color: #006894;
	    border-radius: 0px;
	    color: #FFF;
	    font-size: 12px;
	    line-height: 2.79166666666667em;
	    margin: 0;
	    text-align: center;
	    transition: all 300ms ease-in-out 0s;
	    position: relative;
		    top: 0;
	    width: 38px;
	}

}