/*
Theme Name: Richmond Neighborhood Housing Services
Theme URI: https://richmondnhs.org
Author: richmondnhs.org
Author URI:https://richmondnhs.org
Description: Richmond Neighborhood Housing Services
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i');

/*************************** Custom Fonts & Colors ********************************/



html, body {font-size:16px;font-family: 'Raleway', sans-serif;}



a {color:#4fa2a9;}

a:hover, a:focus {color:#e35e19;}



h1 {font-size:32px; color:#2e2e2e;border-bottom:6px double #e35e19;}

h2 {font-size:24px; color:#2e2e2e;border-bottom:2px solid #e35e19;text-align:center;}

h3 {font-size:20px;}

h4{font-size:18px;text-align:center;line-height:24px;font-weight:700;}

.stay-info-page h2 {border-bottom:2px solid #e35e19 !important;}
.stay-info-page h2 a {color:#4fa2a9 !important;}
.stay-info-page h2 a:hover, .stay-info-page h2 a:focus {color:#e35e19 !important; text-decoration: none;}


.btn {background:#2e2e2e;color:#fff;}

.btn:hover, .btn:focus {color:#fff;background:#e35e19;}



#c2a {background:#2e2e2e;border-top:8px solid #e35e19; color:#ccc;}

#c2a a {color:#ffffff;}

#c2a a:hover, #c2a a:focus {color:#e35e19;}

#c2a .fa{padding:0 10px;}

 .donate .btn {background: #e35e19;}

 .donate .btn:hover {background: #ffffff; color: #e35e19;}

 .tenant-login .btn {background: #50a8b1;}

 .tenant-login .btn:hover {background: #ffffff; color: #e35e19;}



#primary-header {background:#ccc;border-top:6px double #2e2e2e;border-bottom:8px solid #2e2e2e;}



#primary-header .container{width:85%;}



nav a:hover img{opacity:.8;}



.navbar-default {background:transparent;}

.navbar-default .navbar-nav > li > a {color:#000; border-bottom:4px solid transparent;}

.navbar-default .navbar-nav > li > a:hover {color:#e35e19;border-bottom:4px solid #2e2e2e;background:transparent;}

.nav li.active>a {color:#000;border-bottom:4px solid #2e2e2e;background:#ccc;background: #50a8b1;

    padding: 10px 7px;}

.dropdown-menu {background:transparent;}

.caret{display:none;}

.dropdown-menu>li>a{color:#000;background:#ccc;background: #50a8b1;

    padding: 7px 10px;
	font-weight: bold;}

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





.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#e35e19;border-bottom:4px solid #2e2e2e;background:#ccc;}

.navbar-default .navbar-nav>li>a:focus {color:#e35e19;border-bottom:4px solid #2e2e2e;background:transparent;}



.navbar-default .navbar-toggle {background-color:#fff;}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#2e2e2e;}

.navbar-default .navbar-toggle .icon-bar {background:#e35e19;}



#feature {background:#4fa2a9;border-top:5px solid #2e2e2e;border-bottom:5px solid #2e2e2e;}

#feature h2 {font-size:32px;color:#ccc;}



main {color: #000;}

main img {/*border:6px double #e35e19;*/}



aside.right {padding-left:0px;padding-right:0px;}

aside.right img {width:100%;}

aside.right p  {margin:0 !important;}



hr.divider {border-top: 3px solid #333;}



#contactform label {color: #333;}



#contactform .alert-danger {color:#a94442;}

.contactform-bg { background:#ccc;border: 3px solid transparent;}

.contactform-bg input, .contactform-bg textarea {background: #ffffff;}

#contactform .form-control {color:#999999;}

#contactform label.contactpage-label { color: #333; }



.input-group-addon {color: #000;background-color: #e5e5e5;}

.jumbotron-sm {background:#ccc; border: 3px solid transparent;}

.jumbotron-sm h2 { color: #333; background: none;}

.jumbotron-sm h2 small {font-size: 18px;color: #333;}

.location-container {background:#ccc; border: 3px solid transparent;}

span.company-heading {font-size: 24px;color: #333; }

span.company-address {font-size: 18px; color: #333; }

span.company-address a {font-size: 18px; color: #333;}

span.company-address a:hover {color:#333; }

legend {font-size: 26px; color: #333; border-bottom: 1px solid transparent; }

#home-page-map{background: #2e2e2e url(images/map-bg.png) no-repeat center center;}



.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { border: 3px solid #333;}



#bottom-feature {border-top:5px solid #2e2e2e;}



#contact-info {background:#4b4b4d; color:#fff;}



.spacer {color:#2e2e2e;font-family: sans-serif;}

#contact-info a {color:#fff;}

#contact-info a:hover, #contact-info a:focus {color:#e35e19;}



#primary-footer { background:#2e2e2e;border-top:5px solid #e35e19;}



footer a {color:#ccc; font-size:12px;}

footer a:hover, footer a:focus {color:#e35e19;}



.services {background:#eee;}



.swiper-pagination-bullet-active {background:#4fa2a9;}    



.map {border:5px solid #4fa2a9;}



.back-to-top { background:#4fa2a9;color:#fff;}

.back-to-top:hover, .back-to-top:focus {color:#fff;background:#4b4b4d;}



ul.sitemap-page li a { color: #4fa2a9; font-size: 22px;}

ul.sitemap-page li a:hover {color: #e35e19; text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}



ul.list-items li {color: #000;  }

ul.list-items li  a {color: #000; }

ul.list-items li a:hover {color: #000; }



#gform_1 textarea, #gform_1 input{ color: #999999; font-size: 14px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; }



#gform_1 input#gform_submit_button_1{ background: #2e2e2e; color: #fff; }

#gform_1 input#gform_submit_button_1:active, #gform_1 input#gform_submit_button_1:hover{    color: #fff;   background: #4fa2a9;}





.panel-default>.panel-heading{background:#ccc;}

.panel-group .panel{border-radius:0;}

.multicolumn{column-count: 2;list-style-position: inside;}

.multicolumn .multicolumn li{margin-left:10px; list-style-position: outside;}

.panel-group{margin:0 20px 20px 20px;}

.date{font-weight:700;font-size:14px;}

.single-spacer{padding:0 20px;margin-bottom:10px;}





/* Events Page */

.service-content {}

h2.services-page {font-size:30px;color:#fff;background: #d75056;margin:0px;}

.nav-tabs {background:#fff !important;border-bottom: 1px solid transparent !important;}

.tab-content h3 {border-bottom:5px double #d75056;}

.tabs-left>li>a {text-transform: uppercase; color:#000; font-size: 14px;}

.tabs-left>li a:hover {background:#d75056;color:#fff;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent;}

.tabs-left>li.active>a,.tabs-left>li.active>a:focus,.tabs-left>li.active>a:hover{background:#d75056;border:2px solid #d75056; color:#fff;border-bottom:2px solid #d75056 !important; padding:10px 15px;}

.tabs-left>li>a{border:2px solid #d75056;}

.service-menu .nav-tabs>li {float:none;}

.no-show {display:none;}

.rnhs-event h4 {text-align: left;}

.video-container{max-width:700px;margin:20px auto;width:100%;}



h2.message {font-size: 50px;  text-align: center;  padding-top: 100px;  padding-bottom: 100px;}





/* Read More buttons */

.readMore {display:none;}

.readMore .btn {}

.page-id-75 .panel-group, .page-id-75 .panel-group .panel-title, .page-id-75 .panel-group p {margin-left:0; margin-right: 0;}

.gform_wrapper {margin: 16px 20px !important;}

.no-line a {border-bottom:none !important; color:#000 !important;}



.blog-page h2 {text-align: left;margin-top: 50px;}

.blog-page .btn {margin: 0 20px; display: inline-block;}

.blog-page .date {display:block; margin: 20px;}

.entry-title-blog {text-align: left;}

.blog-sidebar h3, .page-id-603 .widget h3 {font-size: 25px;color: #e35d19;font-weight: bold;}


 .widget ul {list-style-type: none !important;}
 
 .main-inner .widget ul {list-style-position:inside !important; padding-left: 20px; }
.main-inner .widget ul li{ margin: 15px 0px; }
/* Projects */

.header-widget h1 p {margin:0 0 -10px;}


.page-id-76 article h2 {border-bottom: none;}
.page-id-76 article h2 a {font-size: 25px;
color: #e35d19;
font-weight: bold;}


.vert-flex {display: flex; align-items: center;}


/************************* DO NOT ADJUST BELOW STYLES *****************************/



html, body {margin:0;}



a {text-decoration:none;font-weight:bold;}

a:hover, a:focus {text-decoration:underline;}



p {margin:20px;line-height:1.75em;}



h1 { margin:20px;font-weight:bold;}

h2 { margin:20px; font-weight:bold;}

h3 { margin:20px;}



.container {margin:0 auto;}



.btn { font-weight:bold;}



#c2a { text-align:center;padding:10px 0;}

#c2a span {margin:0 30px;}

#c2a a:hover, #c2a a:focus {text-decoration:none; }



.brand-logo {display:inline;position:relative;z-index:9999;}

.mobile-logo {margin:20px auto 0;}



#primary-header {padding:10px 0;}

nav {text-align:center;}

.brand-logo{margin: 0 auto;}

.navbar-default {border-radius:0px;border:0;text-align:center;margin-bottom:0;}

.navbar-default .navbar-nav > li > a {padding:20px 8px;margin:0px 15px;}



.dropdown-menu {margin-top:-2px; box-shadow:none;border:none;border-radius:0px;padding:0px;}

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



.navbar .navbar-nav {margin-bottom:-5px;margin-top:40px;}

.navbar .navbar-collapse {text-align: center;padding: 0 25px;}



.banner-inner img {width:100%;}

#banner p{margin:0 !important;}

.carousel-inner {border:none;box-shadow:none;}

.carousel.fade {opacity: 1;}

.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}

.carousel.fade .item:first-child {top:auto;position:relative;}

.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}



#feature { text-align:center;}

#feature h2 { font-style:italic;border:0;font-weight:normal;}



main { color: #000;}



img.pull-left {margin:10px 20px 20px 20px;}

img.pull-right {margin:10px 20px 20px 20px;}



/* = ASIDE = */

aside {text-align:left;}

aside.right {}



hr.divider { margin: 0;}

#contact-form {margin-bottom:20px;}

#contactform label {cursor:pointer; }

#contactform button {width:100%;}

#contactform .alert {padding: 7px 25px;width:100%;margin-bottom:0px;}

#contactform input.alert {padding:0;}



.contactform-bg {min-height: 20px;padding: 19px;margin-bottom: 20px; border-radius: 0;}



#contactform label.contactpage-label {cursor:pointer; font-weight: bold;}



.input-group-addon { border-radius: 0;}

.jumbotron-sm { padding: 24px 0; border-radius: 0 !important; font-weight: bold; margin: 0 0 4% 0;}

.jumbotron-sm h2 {font-weight: bold; }

.jumbotron-sm h2 small { font-weight: bold;}

.location-container { padding: 1em; margin: 1em auto; font-weight: bold; }

span.company-heading { text-align:center; display:block; width: 100%;}

span.company-address { text-align:center; display:block; width: 100%;}

span.company-address a { text-align:center; display:block; }

span.company-address a:hover {text-decoration: none;}

legend { text-align:center; display:block; font-weight: bold; width: 100%; margin-bottom: 0;}



.googlemap-container { position: relative; padding-top: 68.5%; max-width: none; margin: 0 auto; }

.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; }



#bottom-feature {padding:30px 0;}

#bottom-feature h2{border:none;text-align:center;font-size:40px;}



#contact-info {padding:10px 0px;text-align:center;padding:30px 0; font-weight:bold;}

.contact-info {display:inline-block;}

.spacer {margin:0px 5px; }

#contact-info a:hover, #contact-info a:focus {text-decoration:none; }



#primary-footer {text-align:center; text-transform: uppercase;padding:10px 0;}

.sitemap .list-inline {margin-bottom:5px;}



footer a { font-weight:normal;}

footer a:hover, footer a:focus {text-decoration:none;}



.services {margin:30px 20px; padding:20px;}

.services p {margin:20px 0;}

.services h2 {margin:0;}



.gallery {margin-bottom:20px;}

.gallery img {border:0;width:100%;}

.swiper-container {padding-bottom:50px;}



.menu-button {text-align:center;margin:20px auto;}

.menu-image {margin:20px auto;}



.contact-page-info {text-align:center;}

.map {width:100%; }



#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}

#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}

.back-to-top {border-radius:0; border:0;}



ul.sitemap-page {padding:0;}

ul.sitemap-page li { list-style: none;}

ul.sitemap-page li a { font-weight: bold; text-decoration: none; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; line-height: 55px; display: block;}

ul.sitemap-page li a:hover { text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}



ul.list-items {margin: 10px 0 10px 60px;}

ul.list-items li { font-weight: bold; }

ul.list-items li  a { font-weight: bold; }

ul.list-items li a:hover { text-decoration: none;}



.gform_wrapper ul.gform_fields li.gfield{ padding-right: 0px!important; }

#gform_1 textarea, #gform_1 input{ display: block; width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#gform_1 textarea{ height: 75px; }



#gform_1 input#gform_submit_button_1{ font-weight: bold;}

.entry-summary p{margin:0;}

.entry-summary{margin-bottom:20px;padding:0 5px;}

.entry-summary img{margin-bottom:10px;}





.filbert-container {background: #fff;}

#eventCalendar{ width: 100%; height: auto; margin: 40px 0px; float:left; }

.slick-slide img{ width: 250px; height: 150px;}

.featurebox {text-align: center;padding: 45px 15px;border-top: 5px solid #e35d19;border-bottom: 5px solid #e35d19;margin: 25px 0px;background: #4b4b4d;color: white;}

.featurebox .fa{font-size: 40px;}

.featurebox h3{font-weight: bold; font-size: 25px;}

main#map {background-color:#888888;}

.home main {background-image: url(images/world-map.png);background-repeat: no-repeat;background-size: cover;}



.home-header{text-align: center;}

section.col-xs-12 h3 {font-size: 25px;color: #e35d19;font-weight: bold;}

.board-image img{ margin-top: 25px; }

img.sm{ width: 40%; height: 40%; margin-top: 25px;  }

.rnhs-event h3 {margin-top: 10px;margin-left: 0px;}

.header-color-change{color:black;}

.ai1ec-read-more {display: none!important;}



.projects-contact {display:block;float:left;}

.projects-contact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {width:100%;}

.projects-contact input[type=submit] {width:100% !important; background: #2e2e2e;color: #fff;font-weight:bold;margin:0 auto !important;float:none;}


#opp-richmond img {margin-bottom:30px;}

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

span.tel{ display:block; width: 100%; font-size: 14px; margin: 0; }
/* = MEDIA QUERIES= */

@media screen and ( max-width: 1860px ) {#primary-header .container{width:90%;}}

@media screen and ( max-width: 1760px ) {.navbar-default .navbar-nav > li > a{font-size:14px;}}

@media screen and ( max-width: 1740px ) {#primary-header .container{width:95%;}}

@media screen and ( max-width: 1650px ) {#primary-header .container{width:100%;}}

@media screen and ( max-width: 1565px ) {.navbar-default .navbar-nav > li > a{padding:20px 5px;}}

@media screen and ( max-width: 1410px ) {.navbar-default .navbar-nav > li > a{padding:20px 0;margin:0 10px;}}

@media screen and ( max-width: 1366px ) {}

@media screen and ( max-width: 1245px ) {.navbar-default .navbar-nav > li > a{padding:20px 0;margin:0 5px;}}

@media screen and ( max-width: 1115px ) {.navbar-default .navbar-nav > li > a{padding:20px 0;margin:0 5px;font-size:12px;}}

@media screen and ( max-width: 1040px ) {.brand-logo{width:40%;}#c2a{font-size:14px;}.navbar-default .navbar-nav > li > a {font-size:10px;}}

@media screen and ( max-width: 1030px ) {#contact-info{font-size:14px;}}

@media screen and ( max-width: 991px ) { #c2a span{ margin: 5px 0px; }.add-flex{ display:block; }ul.multicolumn .multicolumn{column-count:1;}.navbar-default .navbar-nav > li > a {margin:0 15px;font-size:12px;}.navbar .navbar-nav {margin-top:0;}.services img {margin:20px auto;}.contact-info {display:block;}.spacer {display:none;}.readMore {display:block;width:100px;margin:0 auto;}.moreContent {display:none;}}

@media screen and ( max-width: 975px ) {.navbar-default .navbar-nav > li > a {margin:0 10px;}}



@media screen and ( max-width: 895px ) {}

@media screen and ( max-width: 815px ) {}

@media screen and ( max-width: 775px ) {#c2a span {display:block;margin:0 auto;}.featurebox h3{font-size: 20px;}}

@media screen and ( max-width: 767px ) { img.sm{ width: 80%; height: 80%; }.multicolumn{column-count: 1;}.dropdown-menu{display:block;position:relative;float:none;text-align:center;}.navbar .navbar-nav {display:block;margin-bottom:0px;}.logo img{margin:20px auto;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;}.c2a {text-align:center;}.swiper-slide{width:300px;height:250px;}.list-inline>li {display:block;padding:10px;}.navbar-default .navbar-nav > li > a {font-size:14px;}}

@media screen and ( max-width: 741px ) {}

@media screen and ( max-width: 600px ) {}

@media screen and ( max-width: 414px ) {}

@media screen and ( max-width: 320px ) {#c2a{font-size:12px;}}



/* Formatting for Printing the web page */

@media print {.carousel-caption {display:none;}}


.pagination span.dots{ display:none;}
.pagination a.page-numbers{   background: #e35e19;   color: #fff;   display: block;   width: auto;   float: left;   margin: 4px 4px 4px 0;   padding: 15px 18px 14px 18px;   text-decoration: none;}
.pagination a.page-numbers:hover{   background: #50a8b1;   color: #fff;   text-decoration: none;}
.pagination span.current { float: left;    display: block;    width: auto;    margin: 4px 4px 4px 0px;  background: #50a8b1;   color: #fff;   padding: 15px 18px 14px 18px;}

