/* ----------- Ryan Styles ------------ */
.top-banner-container{
background: none repeat scroll 0 0 #1570a6;
margin: 0 auto;
position: relative;
width: 100%;
font-family: SourceSansPro-Black;
}
.banner-title{
font-size:60px;
font-weight:900 !important;
color:white !important;
text-transform:uppercase;
line-height: 100%;
padding:20px 0px 10px 0px;
}
.banner-text{
color:white !important;
line-height: 150%;
padding:10px 15% 20px 15%;
}
.about-container{
margin-top:20px;
}
.tab-container{
margin: 20px 0px;
}
.who-we-are{
margin-top:20px;
margin-bottom:20px;
border-top: 1px solid #ddd;
}
.carousel-control.right {
right: -8% !important;
}
.carousel-control.left {
left: -10% !important;
}
.whoweare-title{
padding:20px 0px;
}
.collapse-container{
margin-top:60px;
margin-bottom:20px;
}
.thumbnail{
background-color: #f5f5f5 !important;
margin-bottom:30px;
}
.thumbnail h3{
font-size: 22px;
text-align: center;
font-weight: 500 !important;
padding-bottom: 30px;
}
.thumbnail .caption {
text-align: center;
}
.who-title{
display:block;
}
.tab-pane{
padding: 20px 0px;
}
.bottom-box h5{
font-weight:500 !important;
}
.bottom-box p{
border-bottom: 1px solid #ddd;
padding-bottom:10px;
}
.bottom-padding{
padding-bottom:40px;
}
.feature-btn{
margin-top:10px;
}
.donate-btn{
font-size:22px !important;
}
.f-block p{
color:white;
}
.fc-event-inner span{
color:white !important;
}
.job-field{
width:30%;
float:left;
}
.location-field{
width:30%;
float:left;
}
.type-field{
width: 20%;
}
.form-group-opportunity{
width:100%
}
.result-type{
width:15%;
}
.result-title{
width:48%;
}
.result-location{
width:15%;
}
.result-date{
width:15%;
}
.result-row{
width:100%;
background-color:#fafafa;
padding:20px 0px 20px 15px;
}
.result-row span{
display: inline-block;
vertical-align: top;
padding-right: 15px;
}
.result-check{
margin-bottom: 20px !important;
}
.modal-body{
padding: 0px 40px 40px 40px;
}
.modal-body h2 {
text-transform: uppercase;
color: #1b6eb2;
font-size: 2.5rem;
font-weight: 500 !important;
}
.modal-dialog {
width:50% !important;
max-width:900px !important;
}
.label-op{
font-weight: bold;
width: 25%;
color: #1b6eb2;
}
.op-body table tbody tr td{
padding:10px 10px 10px 0px;
text-align: left;
vertical-align: top;
}
.events .accordion-heading h5 span {
color: white;
}
.event-thumb{
width: 200px;
float:left;
margin: 10px;
}
.event-content{
width: 78%;
float:left;
margin: 10px;
}
.btn-dropdown{
color: black;
background-color: #f8f8f8;
border: 1px solid;
border-color: #e7e7e7;
padding: 10px;
}
.event-dropdown{
margin:44px 0px 0px 10px;
}
.dropdown-menu li{
padding:5px 5px !important;
cursor:pointer;
}
.btn-dropdown:focus{
background-color: #e7e7e7;
}
.dropdown-menu li:hover{
background-color: #e7e7e7;
}
.form-group-portfolio{
width: 68%;
}
.port-title {
font-size: 23px;
}
.port-row span{
vertical-align:middle !important;
height:70px;
display: table-cell !important;
padding-right: 15px;
}
.port-row {
margin-bottom:20px;
}
.form-group-portfolio{
min-width:352px;
}
.entry a{
	color: #006699;
}
.entry a.btn {
	color: #FFF;
}
.get-social{
font-size: 16px;
font-weight: 500;
}
.rinfo #portfolio .pcap {
width: 180px !important;
}
.rinfo #portfolio img {
width: 180px !important;
max-width: 180px !important;
height: 180px !important;
}
.rinfo #portfolio .element {
margin: 20px 16px 10px 0px !important;
}
.clear-search{
position: relative;
bottom: 20px;
}
.post-foot{
margin-top:20px;
}
.campaign-share .social {
margin-top: 0px !important;
}
i.envelope, i.print {
background: #e1e1e1;
}
.print-title{
font-size:44px !important;
line-height:45px !important;
color:#000 !important;
}
.single-sidebar{
margin-top:60px;
}

/* --- Pagination Styles ----*/
.wp-pagenavi{
width: 100%;
clear: both;
padding: 6px 0;
line-height: 17px;
font-size: 13px;
}
.wp-pagenavi .current {
background: #11608f;
}
.wp-pagenavi .current {
padding: 5px 8px; 
color: #fff;
}
.wp-pagenavi span, .wp-pagenavi a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 5px 8px;
text-decoration: none;
width: auto;
color: #666;
background: #fff;
border: 1px solid #ddd;
font-weight: normal;
}
.wp-pagenavi a:hover {
background: #1570a6;
color:white;
}
.caret {
border-top: 4px solid white !important;
}
.login-dropdown{
position: absolute;
top: 39px  !important;
left: 67%  !important;
z-index: 1000;
float: left;
min-width: 160px;
padding: 20px;
margin: 2px 0 0;
font-size: 15px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
background-clip: padding-box;
max-width: 350px;
}
form#login{
padding-top:0px !important;
}
input#dob {
width: 94%;
float: left;
}
#dpYears .add-on{
float: left;
display: block;
position: relative;
top: 8px;
left: 6px;
}
#dpYears .add-on i{
font-size: 27px;
}
.open .dropdown-toggle.btn-default,.btn-default:focus{
background-color: #f6f6f6 !important;
border-color: #f6f6f6 !important;
color:black !important;
}
.custom-select .btn-group .btn .caret {
border-top: 4px solid black !important;
}
.alert-success {
color: #468847 !important;
background-color: #dff0d8 !important;
border-color: #d6e9c6 !important;
}
.alert-info {
color: #3a87ad !important;
background-color: #d9edf7 !important;
border-color: #bce8f1 !important;
}
.res-list{
list-style-type:square !important;
list-style-position:inside !important;
line-height: 10px;
}
.res-note {
font-size: 13px;
font-style: italic;
}
.alert-danger {
background-color: #f2dede !important;
border-color: #ebccd1 !important;
color: #a94442 !important;
}
.text-center {
text-align: center;
}
.text-center h2, .text-center h1, .text-center p, .text-center p a{
color:white !important;
}
h1.font-lg {
font-size: 100px;
font-weight: 600 !important;
}
.con404{
padding: 60px 0px;
margin-bottom:40px;
}
.social-links{
margin-top:30px !important;
}
#register-form{
padding-top: 0px !important;
}
.login-dropdown{
color:white;
}
.reg-error{
font-size:14px;
color:brown;
text-transform: none;
}
.loading{
float: left;
padding-left: 15px;
}
#register-form input.btn, #login input.btn{
float:left;
}
.reg-success{
color: bisque;
}
#no-display ul{
padding-left: 0px !important;
}
#no-display {
margin-bottom: 20px;
}
.container .jumbotron {
text-align: center;
}
.jumbotron {
background-color: #f5f5f5 !important;
}
.blog .main-image img {
margin: 0px;
max-width: 100%;
min-width: 180px;
}

@-moz-document url-prefix() {  
    .blog .main-image img{
        width: 100%;
        max-width: 100%;
    }
}
.blog img{
max-width: 100%;
height:auto;
padding:20px 0px;
}
.blog .main-image{
margin-bottom:30px;
}
.panel-info {
border-color: #E4F2F9 !important;
}
.panel-info>.panel-heading {
color: #31708f !important;
background-color: #F4FAFD !important;
border-color: #E4F2F9 !important;
}
.text-right{
text-align:right;
}
.cam{
top: 16px;
}
.cam .btn .caret{
border-top: 4px solid black !important;
}
.related-title{
margin-bottom: 10px !important;
}
.branch-location{
padding-top:10px;
padding-bottom:10px;
}
.fg-btn{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
opacity: 0;
text-align: center;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-webkit-transition: -webkit-transform .4s,opacity .1s .3s;
-moz-transition: -moz-transform .4s,opacity .1s .3s;
-o-transition: -o-transform .4s,opacity .1s .3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.fgbackground{
height:100%; 
padding:0 15px; 
width:100%; 
position:absolute; 
left:0; 
top:auto; 
bottom:0; 
opacity:0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
-o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
background: #59b2e5;
}
.figure:hover .fgbackground{
opacity:0.8;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-o-transition: -o-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.fg-btn a{
position: relative;
top: 50%;
margin-top: -30px;
}
.fg-btn a:hover{
color:black !important;
}
.figure {
position: relative;
overflow: hidden;
}
.figure img {
height:auto !important;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; 
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; 
-o-transition: -o-transform 0.4s, opacity 0.1s 0.3s; 
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.figure:hover .fg-btn{
opacity:1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-o-transition: -o-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.staff-row{
padding: 20px 0px;
}
.left-width {
width: 44%;
min-width:120px;
}
.reg-contact{
padding:0px !important;
background:none !important;
border: 0px !important;
}
/* ----------- Media query------------ */
@media (max-width: 1200px){
	.event-dropdown{
	font-size:11px !important;
	}
}
@media (max-width: 1000px){
	#mainmenu ul li {
	padding: 0px !important;
	}
}
@media (max-width: 992px){
	.banner-title{
		font-size:40px;
	}
	.event-dropdown{
	font-size:10px !important;
	}

}
@media only screen and (max-width: 800px) {
    #mainmenu{display:none;}
}
@media only screen and (min-width: 801px) {
    #no-display{display:none;}
}
@media (max-width: 768px){
	.banner-title{
		font-size:20px;
	}
	.event-dropdown{
	font-size:10px !important;
	}
	.left-width {
	width: 100%;
	}
}
@media (max-width: 475px){
	#topbar {
	margin-top: 20px;
	}
}

.social i{
height:25px;
width:25px;
display:inline-block;
line-height:25px;
margin:0px 5px 0px 0px;
color:#fff;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
text-align:center;
padding: 5px;
}