/*   
Theme Name: House of Friendship 2018
Theme URI: http://houseoffriendship.org
Description: A custom theme template.
Author: QT Web Designs
Author URI: http://qtweb.ca
Version: 3.0
*/



body,td,th {}
body {margin: 0;padding: 0;font-size: 14px; font-family: 'Roboto', sans-serif;
padding-top: 180px;
	  -moz-transition: padding-top 0.5s ease;
  -o-transition: padding-top 0.5s ease;
  -webkit-transition: padding-top 0.5s ease;
  transition: padding-top 0.5s ease;
}
.wrapper {clear:both; width: 1000px; margin: 0 auto; }

#wprmenu_bar {z-index: 20000000;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a {color: #91004B; text-decoration: none;}
a:hover {color: #666; text-decoration: none;}
a:link img {border: none; }
ul,ol {margin: 0 0 10px 20px; padding: 0;}
li {}
ev
#wprmenu_bar .menu_title a {
    color: #fff;
}

#report-images img {width: 100%; height: auto}

/*TRANSISTIONS*/
h6 a, #news-features h6 a  {transition: ease 1s; -moz-transition: ease 1s; -webkit-transition: ease 1s;}
nav li a, #logo, #locations a, .donate li a {        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;}
/*CLEAR*/
#content .wrapper:after, .grid2:after, .float-panel:after, #nav-bar:after,header:after, #sub-banner:after, #people:after {clear:both;content:""; display:table;}
#clear {clear: both;}

/*FULL HEADER*/ 
.header {width: 100%; z-index: 9999; background-color: #fff; position: relative; margin-bottom: 0px;position: fixed;
	top: 0;
	
	  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;}

#header-sroll {position:fixed;height: 140px; background:#fff; left:0; top:0; float:left; width:100%;
    -ms-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}



#logo {width: 35%; float:left; padding: 5px 0 10px;}
#logo img {width: 100%; height: auto;}
#logo:hover {opacity: 0.7;}

#header-right {width: 60%; padding-top: 0px;float: right; text-align: right;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
#hr-top {float: right; display: block; width: 100%; margin-top: 10px; margin-bottom: 10px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}

#hr-top ul {float: right; }
#hr-top ul li {list-style: none; display: inline-block;}
#hr-top ul li a {margin-top: 10px; padding: 12px 25px 2px; color:#666; font-weight: 600; font-size: 14px;}

#hr-top ul li a:hover {}
#hr-top svg {font-size: 20px; padding-left: 10px; color: #666;display: inline-block; }
#hr-top #icons {float: right; text-align: left;}

#locations {clear:both;display: inline-block;font-weight: bold; margin-right: 20px; font-size: 18px;}
#locations i {font-size: 20px;}
#locations a {color: #333;padding: 10px}
#locations a:hover {opacity: 0.7}
#donate {display: inline-block;}

.donate {display: block; text-transform: uppercase; margin: 0; padding: 0; z-index: 1;position: relative;}
.donate li {display: inline-block; list-style: none;}
.donate .button-dropdown {position: relative;}
.donate li a {display: block; color: #fff !important; background-color: #43B02A; padding: 20px 45px; font-size: 20px; font-weight: 600; text-decoration: none; border-radius: 10px;z-index:2;position: relative;}
.donate li a:hover, .donate li a.dropdown-toggle.active {background-color: #910048;color: #333;}

.campaign {}
.campaign .video-container {width: 66%; margin-left: 18%; padding-bottom: 35%}
.campaign-gallery {width: 66%; margin-left: 18%;}

@keyframes slide-down {
    0% {opacity: 0; transform: translateY(-100%); } 
    100% {opacity: 0.9; transform: translateY(0); } 
}

#searchform {position: relative; margin-left: 0px;padding: 8px 5px 6px; margin-top: 0px; float: right; background: #701B36; color: #fff; height: 30px; width: 200px;}
#searchform input[type=text] {  font-style: italic; padding: 5px; font-size: 16px; color: #fff; background: none; border:none; width: 200px;}
#searchform input[type=text]:focus {font-style: normal; color: #fff; font-size: 12px; }
#searchform button {position: absolute; top: 25%; right: 0; margin-top: 0px; background: none; border: none; color: #fff; font-size: 20px; vertical-align: middle; }
.search-label {position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;} 

#banner { z-index: 37; position:relative; margin-top: 30px;}

#banner .wrapper {width: 1080px; position: relative; z-index: 237;}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: none !important;
    color: #FFF;
}
#left-caption {width: 70%; float:left;}

.rsCaption {position: absolute; bottom: 10px; left: 10px; background: Rgba(145,0,75,0.95); width: 44%; text-align: left; padding: 0 2% 0px; border-radius: 10px;}
.rsCaption h3 {font-size: 22px; font-weight: 300; color: #fff; margin: 10px 0 5px; padding: 0; line-height: 24px; text-transform: inherit;}
.rsCaption h3 a, .rsCaption p a {color: #fff;}
.rsCaption p {font-size: 14px; font-weight: 400; color: #fff; text-transform: inherit; line-height: 18px; margin: 5px 0 15px; padding: 0;}
.rsContentSlider p, .rsContentSlider p {   width: 100%; margin-left: 0%;}
.rsCaption h6 {margin: 10px 0; float: right; margin-top: 40px;}
.rsCaption h6 a {padding: 6px 15px; color: #333; background: #fff; font-size: 12px; text-transform: uppercase;}
.rsContentSlider img {border-radius: 20px;}
.rsUni .rsBullets {    z-index: 35;    padding-top: 4px;    width: 100%;    height: auto;    margin: 0 auto;    text-align: center;    line-height: 5px;    overflow: hidden;}

.rsUni .rsBullet {width: 32px; height: 12px; display: inline-block; padding: 5px; }

.rsUni .rsBullet span {display: block;    width: 32px;    height: 12px;    border-radius: 10px;    background: #91004B;	border: 2px solid #91004B;}

.rsUni .rsBullet.rsNavSelected span {    background-color: #fff;  }

.rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background: #fff;}
.rsDefaultInv {margin-bottom: 40px;}
.rsContentSlider p, .rsContentSlider p {
    width: 100%;
    margin-left: 0%;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
	color: #000;
}

#sub-banner {margin-top: -50px; padding: 30px 0;  margin-bottom: 10px; width: 1000px; margin : 0 auto;}

/* Main Menu  */
#nav-bar {background: #91004B; clear:both; z-index: 1000}
#nav-bar.wrapper {background: #ccc;}
nav {margin: 0px 0 0px -20px; padding: 0; float: left; width: 80%;z-index: 1000; position: relative;}
nav ul {list-style: none; text-align: left; padding: 0; margin: 0;  }
nav li {list-style: none;  display: inline-block; padding: 0px; margin: 0px;}
nav li a {color: #ffffff; display:block; font-weight: 600;	margin: 0px -4px 0px 0; line-height: 20px; font-size: 16px; padding: 12px 32px; text-decoration: none;	text-transform: none;}
nav li:first-child{display: none;}
nav li a:hover {background: #333; color: #fff; }


/* Flyout Menu  */
nav li ul{display:none; position:absolute; width:175px; height: auto; margin: 0px 0px; padding: 0px; background: #ddd; }
nav li:hover ul{display:block; } 
nav li li {display:block; float:none;}
nav li li a{color: #333; float: left;  display:block; font-size:14px; font-weight:normal; min-width: 145px;padding:5px 15px; text-align:left; margin: 0px; height: auto; line-height: 16px; text-transform: none; background-color: #ddd; border:none; width: 130px;}
nav li li:first-child, nav li li:last-child {display: inherit;}
nav li li:first-child a {padding-left: 15px;}
nav li:hover li a:hover {color: #000; background-color:#999;}


/* Standard Page Elements  */

h1 {font-size: 50px; line-height: 50px; margin: 0px 0 10px; padding: 0px 0px 0; color: #91004B; text-align: left; font-weight: 400; display: block;}
h2 { font-size: 25px; line-height: auto; margin: 10px 0 5px; padding: 10px 0 5px; }
h2 a {text-decoration:none;} 
h2 a:hover {}
h3 {text-transform: uppercase; font-size: 20px; line-height: 25px; padding: 10px 0 5px; margin: 2px 0;} 
h3 a {} 
h3 a:hover {}
h4 {color: #333; font-size: 20px; line-height: 30px; padding: 10px 0 5px; margin: 2px 0;}
h5 {font-size: 18px; padding: 10px 0 5px;}
h6 {margin: 20px 0; font-size: 12px; display: inline-block;}
h6 a {color: #fff; background: #91004B; padding: 5px 20px; font-weight: 600;  border-radius: 5px; display: block; text-align:center;}
h6 a:hover {background: #555; color: #fff;}
p {line-height: 22px; margin: 0 0 15px; padding: 0; font-size: 16px;}
li {font-size: 16px; padding-bottom: 5px;}

section {clear:both; float: left; width: 70%; margin: 0; padding: 0;}
.elementor-section {width: 100% !important; float: none;}
article {display: block; clear:both; }
#blog-thumbnail {margin-top: 20px; }

#job-box { padding-bottom: 30px;}


blockquote {font-size: 18px; margin: 10px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 20px 0;}
.meta {padding: 5px 0;}
.postmetadata {margin: 20px 0;}

.icon-camera-retro:before {content: "\f083"; font-family: fontawesome; font-style:normal; font-size: 20px; font-weight: normal;padding: 10px 10px 0 0}

/* Standard Page Formatting  */
#left-one-third {float: left; width: 30%;}
#left-two-thirds {float: left; width: 70%;}
#right-one-third {float: right; width: 30%;}
#right-two-thirds {float: right; width: 70%;}

#left-half {float: left; width: 45%;}
#right-half {float: right; width: 45%;}

#left-third, #middle-third, #right-third {width: 29%; float: left; margin-right: 6%;}
#right-third {margin-right: 0%;}
#left-third img, #middle-third img, #right-third img {width: 100%; height: auto;}
#left-third .reg-size, #middle-third  .reg-size, #right-third  .reg-size {width: inherit;}

#right-button {float: right;}

#news-features {text-align: center; width: 74.5%; float: left;}
#news-features h2 {border: none; text-transform: uppercase; text-align: left; font-size: 25px; font-weight: 500; margin: 20px 0 5px 10px; padding: 0; }
#news-features div {width: 31.3%; text-align: left; display:inline-block; vertical-align: top; margin: 5px 1% 20px;}
#news-features div:first-child, #news-features div:nth-of-type(4) {margin-left: 0;} 
#news-features div:nth-of-type(3n) {margin-right: 0;}
#news-features img {width: 100%; height: auto; border-radius: 10px;   -moz-box-shadow:    0 0 2px #999;
   -webkit-box-shadow: 0 0 2px #999;
   box-shadow:         0 0 2px #999;}
#news-features .news-title {color: #91004B; padding: 0; margin: 0; font-size: 18px; font-weight: 400; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; line-height: 22px;}
#news-features h4 {font-size: 14px; text-transform: inherit; font-weight: 500; padding: 0; color: #333;}
#news-features p {font-size: 13px; margin-bottom:5px;}
#news-features h6 {margin: 14px 0;}
#news-features h6 a {background: none; color: #91004B; text-align: left; padding: 5px 15px; border: 1px solid #91004B }
#news-features h6 a:hover {background: #ccc;}
#more-link {text-align: left; font-size: 20px; }

#stay-connected { background: #FF8200; text-align: center !important; border-radius: 10px; }

#stay-connected:hover {background: #910048; }
#stay-connected a {color: #fff;}
#stay-connected a h2 {font-size: 28px; font-weight: 600; text-transform: inherit; text-align: center; line-height: 32px; padding: 30px 0px; }
#stay-connected a h2 {color: #fff; }
#stay-connected a h4 {color: #fff; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 24px; border-bottom: 2px solid #fff; margin: 40px 40px 60px; }
#stay-connected svg {font-size: 30px;  color: #FF8200;  }
#stay-connected #mail {background: #fff;border-radius: 50%;padding: 30px 18px 16px; margin: 20px; }

#video-grid {width: 29%; float: left; margin: 10px 2%; text-align: center;}

/* Feature - 3 Column  */
.features { text-align: center;}
.features div {width: 29%; display: inline-block; vertical-align:top; background: #ccc; padding: 0px 1.3%; margin-right: 2%; margin-bottom: 10px;}
.features div:nth-of-type(3n) {margin-right: 0;}
.features div:nth-of-type(3n+1) {clear:both;}
.features img {width: 100%; height: auto;}

.features4 {}
.features4 div {width: 21.5%; float: left; background: #ccc; padding: 10px 1%; margin-right: 2%; margin-bottom: 10px;}
.features4 div:nth-of-type(4n) {margin-right: 0;}
.features4 div:nth-of-type(4n+1) {clear:both;}
.features4 img {width: 100%; height: auto;}

#map {clear:both; border-top: 1px solid #ccc; padding-top: 15px;}
#map-text {width: 48%; float: left; padding-bottom: 20px;}
#map iframe {width: 50%; float: right; height: 200px;padding-bottom: 20px;}
.locations-title {clear: both;}

#book {clear:both; padding: 30px 0; border-top: 1px solid #ddd;}
#book img {float: left; margin-right: 20px;width: inherit; height: auto;}
#book h4 {padding: 0; margin: 0; font-size: 22px;}
#book .text {float:right; width: 70%; margin-top: -20px;display: block;}

#content-left {width: 73%; float: left;}
#content-left img {width: 100%; height: auto;}
#content-left-left, #content-left-right {width: 47%; float: left; margin-right: 2%;}
#content-right {width: 24%; float: right;}
#content-right #donate {float: none; margin: 0 auto; width: auto; text-align:center;margin-top: 20px;}
#box1 {text-align:center; margin-bottom: 30px;}
#box1 h3 {font-size: 25px; border-bottom: 1px solid #811342}
#box2 {text-align:center;background: #ddd; padding: 8px 15px; border-radius: 10px; margin-bottom: 45px;}
#box2 h5 {font-size: 18px;}
#box2 h4 {font-size: 16px;}
#box2 h3 {text-transform: inherit; font-size: 22px; font-weight: normal;border:none;}
#box2:hover {background: #ccc;}
#box2 a {color: #333;}
#box3 {background: #ddd;padding: 8px 15px; text-align:left; border-radius: 10px;margin-bottom: 30px;}
#box3 p {font-weight: 600;}
#box3 h2 {border-bottom: 1px solid #333;}
#content-right h2 {font-size: 18px; padding: 0; margin: 4px 0 10px;}
#content-right h3 {font-size: 18px;padding: 0; margin: 0;}#content-right h3:after {display: none;}
#content-right h4 {padding: 0; margin: 0;}

#affiliates {width: 28%; float: left; margin-right: 4%;}
#affiliates img {width: 100%; height: auto;}
#affiliates img:hover {opacity: 0.8; }
#affiliates:nth-of-type(3n+1) {clear:both;}


#people {}
#people div{float: left; width: 40%; margin-right: 3%; text-align:center; padding: 0 2% 20px;}
#people div:nth-of-type(2n+1) {clear:both;}
#people div img {width: 50%; height: auto; border-radius: 200px;}
#people h2 {clear:both;}
#people div h4 {padding: 5px 0; text-align: center;}
#people div h5 {font-size: 18px; border-bottom: 1px solid #811342; font-weight: normal; padding: 5px 0;}
#people p {padding: 0; margin: 0; font-size: 13px;}

#events div {float: left; width: 26%; margin-right: 3%; text-align:center; padding: 10px 2% 5px; margin-bottom: 10px;}
#events div:hover {opacity: 0.8;}
#events div:nth-of-type(3n+1) {clear:both;}
#events div img {border-radius: 300px; width: 100%; height: auto; border: 2px solid #ccc;}
#events div h2 {font-size: 18px; line-height: 20px; margin: 10px 0 0; padding: 0;}
#events div h2 a {color: #811342}
#events h5 {font-size: 14px; font-style:italic}


.grid2 div {float: left; width: 40%; margin-right: 3%; text-align:center; padding: 10px 2% 5px; margin-bottom: 10px;}
.grid2 div:hover {opacity: 0.8;}
.grid2 div:nth-of-type(2n+1) {clear:both;}
.grid2 div img {border-radius: 300px; width: 100%; height: auto; border: 2px solid #ccc;}
.grid2 div h2 {font-size: 18px; line-height: 20px; margin: 10px 0 0; padding: 0; }
.grid2 div h2 a {color: #811342}

#programs {margin-top: 0px;}
#programs h2 {margin-bottom: 30px;}
#programs h3 {float: right; width: 80%; text-align: left; font-size: 30px; padding-top: 25px; text-transform: inherit; font-size: 21px; border:none;  margin: 20px auto;}
#programs div h4 {float: right; width: 75%; text-align: left; font-size: 16px; line-height: 20px; padding-top: 0px; padding-right: 5%; padding-bottom: 20px; font-weight: normal;}
#programs h3:after {display:none;}
#programs h5 {font-size: 22px; border-bottom: 1px solid #333; padding: 5px 0; margin-bottom: 5px; }
#programs div {margin-left: 40px; background: #EEE;margin-bottom: 60px; padding-bottom: 20px; border-radius: 20px;}
#programs div .collapseomatic_content  {margin-left: 0px; padding-left: 5%; }
#programs div:nth-of-type(1) {margin-top: 40px;}
#programs img {width: 150px; height: 150px;border-radius: 10px; margin-left: -60px;margin-top: -30px;border: 1px solid #ddd;}


#circle-gallery {text-align: center;}
#circle-gallery img{width: 25%; height: auto; margin: 0 3%}

#programs .no-circle {width: auto; height: auto;border-radius: 0px; margin-left: 0px;margin-top: 0px;border: 0px;}
.circle-img {border-radius: 50%; } .circle-img img{border-radius: 50%; }

#programs div .collapseomatic {border: none;}
#programs div .collapseomatic {clear: both; background-image: url(images/chevron-down.png);padding: 0px 20px 0px 29px;  font-weight: normal; color: #333; cursor: pointer; font-size: 16px;margin: -90px 0 5px 20%; color: #811342; font-weight: bold; text-transform:uppercase;}
#programs div .collapseomatic_excerpt, #programs div .collapseomatic_content {padding: 0 7% 0px 13%;border: none;}
#programs .collapseomatic_content img{width: inherit; height: inherit; border-radius: 0; border: none; margin-left: 0px;margin-top: 0px;}

/* Wordpress gallery Thumbnail and Medium sized images, 2, 3, 4 column layouts */
#sb-container {z-index: 99999;}

.gallery-columns-2.gallery-size-thumbnail .gallery-item, .gallery-columns-2.gallery-size-medium .gallery-item {width: 40%; display: inline-block;margin: 10px 5%;  vertical-align: top;}
.gallery-columns-3.gallery-size-thumbnail .gallery-item, .gallery-columns-3.gallery-size-medium .gallery-item {width: 29%; display: inline-block;margin: 10px 2%;  vertical-align: top;}
.gallery-columns-4.gallery-size-thumbnail .gallery-item, .gallery-columns-4.gallery-size-medium .gallery-item {width: 20%; display: inline-block;margin: 10px 2%;  vertical-align: top;}

.gallery-size-thumbnail img, .gallery-size-medium img, .gallery-size-large img {width: 100%; height: auto; border: 1px solid #ccc;}	

.gallery-caption {text-align: center;}	
dd {display: block; -webkit-margin-start: 0px;}

/* Sidebar Elements  */
aside {float: right; width: 25%; margin: 0px;}
aside h2 {font-size: 20px;}
aside ul {}
aside p {}
.aside-main {
    margin-top: 47px;
    width: 23%;
}

aside #stay-connected {padding-bottom: 2px; margin-bottom: 20px;}

.sidebar-blog {clear:both; padding: 15px 0; }
.sidebar-blog:hover {opacity: 0.7}
.sidebar-blog img {width: 37%; height: auto; float: left; border-radius: 5px;}
.sidebar-blog #prev-text {width: 60%; float: right;}
.sidebar-blog a {color: #333; font-weight: bold;}

#donate-sidebar {color: #fff; background: #43B02A; padding: 5px 25px 4px; border-radius: 10px; margin-bottom: 20px;}
#donate-sidebar:hover {background: #910048; }
#donate-sidebar p {}
#donate-sidebar p a {color: #fff;font-size: 26px; font-weight: 600; text-transform: uppercase; padding-bottom: 40px !important;}
#donate-sidebar a:hover {color: #ccc;}
#donate-sidebar h4 {text-align:center; margin: 10px 0 20px;}
#donate-sidebar h4 a {padding: 10px 0; border: 1px solid #fff; color: #fff; border-radius: 5px;display:block; width: 100%;}
#donate-sidebar h4 a:hover {background: #910048; color: #fff}

#blog-thumbnail {width: 30%; float: right;}
#blog-thumbnail img {width: 100%; height: auto; border-radius: 10px;   -moz-box-shadow:    0 0 2px #999;
   -webkit-box-shadow: 0 0 2px #999;
   box-shadow:         0 0 2px #999;}
#blog-excerpt {width: 60%; float: left;}
.navigation {clear:both;}

#blog-meta ul {margin: 0; padding: 0;}
#blog-meta li {list-style:none;}

/* Footer Elements  */
#social-footer {margin-top: 20px; min-height: 140px; border-top: 1px solid #999; padding-top: 20px;}
#social-footer h3 {text-transform: inherit; font-weight: 600; color: #91004B; }
#facebook {width: 48%; float: left;}
.rfbp-image-wrap {display:none;}
.rfbp-page-link-wrap {clear:both;}
.rfbp-page-link-wrap a {background: none; color: #91004B; text-align: left; font-size: 12px; padding: 5px 15px; border: 1px solid #91004B !important; border-radius: 5px;}
.rfbp-text {margin-top: 15px}
.rfbp-text p {font-size: 14px;}

#twitter {width: 44%; float: right;}
#social-footer svg {font-size: 35px; padding-right: 13px;}
.twitter-handle {float: right;}
.rfbp-heading {display:none;}
.fetched_tweets li:nth-of-type(3), .fetched_tweets li:nth-of-type(4) {display:none;}
.rfbp-post {
    border-bottom: 0px solid #E9E9E9;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-top: 0;
	width: 46%; 
	float: right;
	margin-right: 4%;
}
.rfbp-link-wrap {display:none;}



.fetched_tweets > li {box-shadow: none; border-bottom: 1px solid #333;}
li.tweets_avatar {
    padding: 12px 5px !important;
    border-radius: 0px;
}
.wdtf-user-card {display:none;}

.tweet_data {
    float: left;
    font: 14px "Roboto", sans-serif;
    line-height: 20px;
}
footer {clear:both; background: #505759; color: #fff; font-size: 13px; padding: 30px 0;}
footer ul {margin: 0; padding: 0; list-style:none; text-align: center;}
footer li {vertical-align: top;display: inline-block}
footer li:nth-of-type(1) {text-align: left; width: 33%;}
footer li:nth-of-type(3) {width: 33%; text-align: right;}
footer li:nth-of-type(2) {width: 33%;}
#footer-logo {width: 20%; float: left; padding-bottom: 20px;}
#footer-logo img {width: 100%; height: auto;}
#footer-icons {float: right; width: 40%; text-align: right;margin-top: 20px;}
#footer-icons svg {font-size: 28px; margin-left: 14px; color: #fff;}
#footer-icons img {width: 25px;
    height: auto;
    margin: 1px 0 -2px 10px;}
#footer-bottom {clear:both; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 20px 0; padding: 10px 0 0; }
#uw-logo {width: 20%; margin: 0 auto;}
#uw-logo img {width: 100%; height: auto;}
footer h2 {}
footer h3 {}
footer p {}
footer a {color: #fff;}
footer a:hover {}

/* Gravity Forms */
form { }
input[type=email], input[type=text] {padding: 10px 3%; width: 94%; margin-bottom: 0px;-webkit-appearance: none; border: 1px solid #ccc;}
textarea {margin: 0; }
select {padding: 4px 2%;  margin-bottom: 5px;}
input[type=text]:focus {}
input[type=submit] {margin: 0px 0px; background: #555; padding:10px 5%; border:0; border-radius: 0; font-weight: bold; text-transform: uppercase; color:#fff; font-size: 19px; cursor:pointer; -webkit-appearance: none;}
input[type=submit]:hover {background: #ccc;padding:10px 5%;}


/* Gravity Forms */
.gform_wrapper {margin: 16px 0; max-width: 100%;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit; font-family: inherit; padding: 15px 14px; letter-spacing: normal; width: 100%; }
	.gform_wrapper textarea {padding: 15px 14px;line-height: 1.5;resize: vertical;}
.gform_wrapper .gform_footer {padding: 6px 0 10px; margin: 6px 0 0; clear: both; width: 100%;}
.gform_wrapper input[type=submit] {background: #91004B; border-radius: 5px;}

/* Responsive Video - needs a div around the video (see functions.php) */
.video-container,   #programs .video-container , #programs div .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Collapseomatic Styles */
.collapseomatic {background-image: none !important ; background-repeat: no-repeat; padding: 5px 10px; font-size: 13px; text-transform: uppercase; cursor: pointer; font-weight: 600; margin-bottom: 30px; display: inline-block; border: 1px solid #ddd;}
.collapseomatic:hover {text-decoration: none; background: #eee;}
.collapseomatic:before {content: "+"; font-style:normal; font-size: 1.2em; font-weight: 900;padding: 12px 5px 0 0}
.collapseomatic_excerpt, .collapseomatic_content {margin-top: 0px; margin-left: 16px; padding: 0px;}
.colomat-close:before {content: "-"; font-family:"Font Awesome 5 Free";  font-style:normal; font-size: 1.2em; font-weight: 900;padding: 12px 5px 0 0}
.colomat-close {}

#small-collapse .collapseomatic_content  {margin-left: 0px; padding-left: 0%; }
#small-collapse img {width: 75px; height: 75px;border-radius: 155px; margin-left: -40px;margin-top: -30px;border: 1px solid #ddd;}
#small-collapse div {margin-left: 40px; background: #EEE;margin-bottom: 60px; padding-bottom: 20px; border-radius: 20px;}
#small-collapse h2 {margin-bottom: 30px;}
#small-collapse h3 {float: right; width: 94%; text-align: left; font-size: 40px; color: #333; padding-top: 5px; text-transform: inherit; font-size: 21px; border:none;  margin: 20px auto 10px;}
#small-collapse div h4 {float: right; width: 75%; text-align: left; font-size: 14px; padding-top: 0px; padding-right: 5%; padding-bottom: 20px; font-weight: normal;}
#small-collapse h3:after {display:none;}
#small-collapse h5 {font-size: 22px; border-bottom: 1px solid #333; padding: 5px 0; margin-bottom: 5px; }
#small-collapse div .collapseomatic {border: none;}
#small-collapse div:nth-of-type(1) {margin-top: 40px;}
#small-collapse .collapseomatic {clear: both; background-image: url(images/chevron-down.png);padding: 0px 20px 0px 29px;  font-weight: normal; color: #333; cursor: pointer; font-size: 16px;margin: -110px 0 5px 45px; color: #811342; font-weight: bold; text-transform:uppercase;}
#small-collapse .collapseomatic_excerpt, #small-collapse .collapseomatic_content {padding: 0 7% 0px 7%;border: none; margin-top: -20px;}
#small-collapse .collapseomatic_content img{width: inherit; height: inherit; border-radius: 0; border: none; margin-left: 0px;margin-top: 0px;}
#small-collapse .colomat-hover {text-decoration: underline;}
#small-collapse .colomat-close {background-image: url(images/chevron-up.png);}
#small-collapse .colomat-close {height: 10px;}

/*Responsive menu pro */
#responsive-menu-pro-button {top: 25px !important; right: 3% !important;}
#responsive-menu-pro-button .responsive-menu-pro-button-lines {width: 33px !important; height: 27px !important; margin: auto !important;}
.alignleft  {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1150px or less */
@media screen and (max-width: 1150px) {

.wrapper {width: 96%; }
	#sub-banner {margin-top: 0px; padding: 20px 0;  margin-bottom: 10px; width: 96%;}
#logo {width: 30%;}
	#searchform {display: none;}
	nav {width: 90%;}


.reg-size {width: inherit !important; height: auto;}
#banner .wrapper{width: 100%;}
#banner img {width: 100%; height: auto;}
.rsContentSlider img {border-radius: 0px;}
.fixed #logo {width: 200px;}
	

	#people div img {width: 60% !important;}
	
	#wprmenu_menu ul li a:hover{
	
	            color:#fff !important;
			 
	      }
		.alignleft {width: 50%; height: auto;}
.alignright {width: 50%; height: auto;}

}

/* for 900px or less */
@media screen and (max-width: 900px) {
	h1 {padding-top: 70px; font-size: 40px; line-height: 40px;}
	body {padding-top: 0px;}
	#facebook, #twitter {float: none; width: 60%; margin-left: 20%;}
	footer li:nth-of-type(1), footer li:nth-of-type(3), footer li:nth-of-type(2) {width: 100% !important; text-align: center;}
	#nav-bar {height: 2px;}
.rsCaption h6 {margin-top: 30px;}
	#left-caption {width: 80%}
	nav {display:none;}
	#banner {margin-top: -50px;}
		#sub-banner {margin-top: -50px; padding: 0px 0;  margin-bottom: 10px; width: 96%;}
	.fixed {border-bottom: 3px solid #91004B;}
	.float-panel {border-bottom: 3px solid #91004B;}
	#logo {margin: 20px 0 0 ; padding: 0; width: 240px;}
	.rsCaption {position: absolute; bottom: 0; left: 0; width: 90%; text-align: left; padding: 0 5% 13px; border-radius: 0px; visibility: visible; z-index: 10000;}
.rsContentSlider img {border-radius: 0px;}
	#map-text {width: 100%; padding: 0; margin: 10px 0;}
	#map iframe {width: 100%; float: none; height: 200px;}
	#top-header {display:none;}
		.floatWrapper {float:none!important;}       
.float-panel {position:static!important;}
	.header {width: 100%; z-index: 9999; background-color: #fff; position: relative !important; margin-bottom: 0px;
	top: 0;
	
	  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;}
	#news-features div {
    width: 30.3%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 5px 1% 20px;
}
	h6 a {font-size: 15px;}
	.campaign .video-container {width: 100%; margin-left: 0%; padding-bottom: 53%}
.campaign-gallery {width: 100%; margin-left: 0%;}
}

/* for 768px or less for phone in landcape mode*/
@media screen and (max-width: 768px) {

section {width: 100%; float: none; margin: 0 auto;}

#news-features {text-align: center; width: 100%; float: none;}
	aside {width: 50%; float: none; margin-left: 25%;}
#left-one-third, #left-two-thirds, #right-one-third, #right-two-thirds{float: none; width: 100%;}
#locations {display:none;}
#header-right {width: 42% !important; margin-top: 10px;}
	#hr-top {}
#logo {width: 320px }
#left-half {float: none; width: 100%;}
#right-half {float: none; width: 100%;}
#video-grid {width: 100%; margin: 10px 0; text-align: center;}
#content-left {width: 100%; float: none;}
#content-right {width: 50%; float: none; margin-left: 25%;}
	#stay-connected {padding-bottom: 2px;}

	.rsContentSlider img {
		width: 130% !important; margin-left: -15%;}
	
	.aside-main {
    margin-top: 47px;
    width: 80%; margin-left: 10%;
}
#news-features div, #news-features div:nth-of-type(4), #news-features div:nth-of-type(3n) {width: 40%; text-align: none; display:inline-block; vertical-align: top; margin: 5px 2% 20px 2%;}
	#news-features h2 {text-align: center;}
	#video-container {width: 100%; float: none;}
#footer-logo {width: 30%; float: left; padding-bottom: 20px;}
#footer-icons {float: right; width: 40%; text-align: right;margin-top: 20px;}
#footer-icons svg {font-size: 28px; margin-left: 14px;}
#uw-logo {width: 25%;}
	.alignleft {width: 100%; height: auto;}
.alignright {width: 100%; height: auto;}
	.alignnone, .aligncenter {width: 100%; height: auto;}
	.rfbp-post {
    width: 100%;

    margin-right: 0%;
}
	
	
}

/* for 600px or less for phone in portrait mode*/
@media screen and (max-width: 600px) {



	#book img {float: none; margin-right: 20px;width: inherit; height: auto; display: block;}
#book .text {float:none; width: 100%; padding-top: 10px;}
	
#left-caption {width: 100%}

	.rsCaption p, 	.rsCaption h6 {display:none;}
.grid2 div {float: none; width: 90%; margin-right: 3%; text-align:center; padding: 10px 2% 5px; margin-bottom: 10px;}
	

#news-features div, #news-features div:nth-of-type(4), #news-features div:nth-of-type(3n) {width: 80%; text-align: none; display:inline-block; vertical-align: top; margin: 5px 0% 20px 0%;}

h1 {font-size: 35px; line-height: 37px;}
	
.reg-size {}
	#left-third, #middle-third, #right-third {width: 100%; margin: 20px 0; float: none;}
#header-right {width: 100% !important; margin-top: 15px !important; text-align: center; border-top: 1px solid #eee;}
	#donate {margin-top:10px; float: right;}
.donate li a {
    display: block;
    color: #fff !important;
    background-color: #43B02A;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px;
    z-index: 2;
    position: relative;
}
	
#hr-top {
    float: left;
    display: block;
    width: 60%;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
		#hr-top #icons {
    float: left;
			margin-top: 10px;
	}
	#hr-top ul {
    float: left; margin-top: 10px;
}
	
	#people div {
    float: left;
    width: 80%;
    margin-right: 3%; margin-left: 10%;
    text-align: center;
    padding: 0 2% 20px;
}
	
.donate li a {padding: 10px 20px; }
#logo {width: 70% !important; margin-top: 20px !important; margin-left: 15%; padding: 0 !important;}
#facebook, #twitter {width: 90%; margin: 20px 5%;}
#social-footer h3 {font-size: 17px;}
#social-footer svg {font-size: 19px;}
#uw-logo {width: 35%;}
	#content-right {width: 70%; float: none; margin-left: 15%;}
#programs img {width: 0px; height: 0px;border-radius: 10px; margin-left: -60px;margin-top: -30px;border: 1px solid #ddd;}

#programs h3 {float: left; width: 80%; text-align: left; font-size: 30px; padding-top: 25px; text-transform: inherit; font-size: 21px; border:none;  margin: 20px;}
#programs div h4 {float: left; width: 75%; text-align: left; font-size: 16px; line-height: 20px; padding-top: 0px; padding-right: 5%; padding-bottom: 20px; font-weight: normal; margin: 20px;}
#programs h3:after {display:none;}
#programs h5 {font-size: 22px; border-bottom: 1px solid #333; padding: 5px 0; margin-bottom: 5px; }
	.collapseomatic {   
		margin: -90px 0 5px 20px;}
#programs div {margin-left: 0px; background: #EEE;margin-bottom: 60px; padding-bottom: 20px; border-radius: 10px;}
#hr-top ul li a {

    font-size: 16px;
}	
}

/* for 480px or less for phone in portrait mode*/
@media screen and (max-width: 480px) {
	
#footer-logo {width: 60%; float: none; padding-bottom: 20px; margin-left: 20%;}
#footer-icons {float: none; width: 100%; text-align: center;margin-top: 20px;}
#footer-icons svg {font-size: 28px; margin-left: 14px;}

	#uw-logo {width: 40%;}
#logo {width: 88% !important; margin-left: 6%; margin-top: 20px !important; padding: 0 !important;}

#hr-top ul li a {
    margin-top: 10px;
    padding: 18px 5px 0px;
    color: #666;
    font-weight: 600;
    font-size: 16px;
}	
	

	
	#content-right {width: 100%; float: none; margin-left: 0%;}
	#right-button {float: none;}
		.rsContentSlider img {
		width: 200% !important; margin-left: -50%;}
		aside {width: 80%; float: none; margin-left: 10%;}
}


/* Begin other CSS elements */

.wp-paginate {}
.wp-paginate li {}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {}
.wp-paginate .current {color:#fff; background:#333; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

.wpcf7-text {padding: 10px;}
span.wpcf7-list-item {
margin-left: 0.5em;
display: block;
}




.do-not-print { display: none; }
#comments { page-break-before: always; }
table {}
th { border-bottom: none }
td { border-bottom: none; }
th, td {padding: 4px;}
caption, .wp-caption-text { background: #fff; margin-bottom: 2em; text-align: left; font-size: 12px; font-style: italic;}
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
	
#respond {margin-top: 30px;}
#respond div {padding-bottom: 10px;}	
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }