:root {
  --main-bg-light: #eef8f9;
  --main-color-blue: #155b76;
  --main-color-blue-light: #1f94b8;
  --main-color-orange: #f26522;
  --main-color-green: #339933;
  --main-color-grey: #4d4e53;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  transition: all .3s ease-in-out;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none !important;
}

a:focus,
button:focus {
  border: 0;
  outline: 0;
}

img {
  max-width: 100%;
}


/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #F58329 !important;
  outline: 0 none;
}

.has-orange-vailplace-color,
.has-orange-vailplace-color strong,
.ctct-form-description .has-orange-vailplace-color strong {
  color: var(--main-color-orange);
}

.has-orange-vailplace-background-color {
  background: var(--main-color-orange);
}

.has-blue-vailplace-color,
.has-blue-vailplace-color strong {
  color: var(--main-color-blue);
}

.has-blue-light-vailplace-color,
.has-blue-light-vailplace-color strong {
  color: var(--main-color-blue-light);
}

.wp-block-button__link {
  background: transparent !important;
  padding: 4px;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

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

a {
  transition: all ease-in-out 0.3s;
  color: var(--main-color-blue);
}

a:hover {
  color: #1f94b8;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 0px 0;
  font-weight: 400;
  color: #4d4e53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0 0 0px 0;
  padding: 0;
}

.h2,
h2 {
  font-size: 1.75rem;
}

.h3,
h3 {
  font-size: 1.5rem;
}

.h4,
h4 {
  font-size: 1.25rem;
}

.h5,
h5 {
  font-size: 1.25rem;
}

.h6,
h6 {
  font-size: 1rem;
}

.tx500,
#intro_page .tx500,
.tx500 p {
  font-weight: 500;
}

.lh1,
#intro_page .lh1 {
  line-height: 1.2;
}

.color-blue {
  color: var(--main-color-blue);
}


.color-blue-light {
  color: var(--main-color-blue-light);
}


.color-green,
h1.color-green,
.about-intro h1.color-green {
  color: var(--main-color-green);
}

.color-blue-light-bg {
  background: var(--main-bg-light);
}

.pb-40 {
  padding-bottom: 40px;
}

.pd80{
  padding:80px 0;
}

.hvr-box{
  transition: all .3s ease-in-out;
}
.hvr-box:hover{
  transform: translateY(-16px);
}

blockquote {
  padding: 16px 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--main-color-grey);
}

blockquote cite {
  font-size: 1.125rem;
  font-weight: 500;
  display: block;
  width: 100%;
  margin: 16px 0;
  font-style: normal;
}

.quote-text {
  padding-left: 40px;
}

.quote-text-blue{
  color: var(--main-color-blue);
}

.quote-box img {
  max-width: 64px;
}

.fz3 {
  font-size: 3.5rem;
}

.thumb-video {
  border: 8px solid var(--main-color-blue);
}

#intro_page {
  min-height: 280px;
  margin-bottom: 24px;
  padding: 40px 0 48px;
  background-image: url('../images/abt_bghelp.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

#intro_page h2 {
  font-size: 4rem;
  line-height: 1.2;
  color: var(--main-color-blue);
  font-weight: 700;
}

.intro-page {
  max-width: 860px;
  margin: 0 auto;
}

.page-id-518 .intro-page{
  max-width: 820px; 
}

.intro-page p {
  font-size: 1.25rem;
  color: #4d4e53;
  font-weight: 500;
  margin-bottom: 80px;
  line-height: 1.8;
}

.intro-page h4,
.subtitle-arrow {
  font-size: 2rem;
  font-weight: 700;
  color: #339933;
}

.boxes {
  background-color: var(--main-color-blue-light);
  color: #fff;
  transition: all .3s ease-in-out;
}

.boxes:hover{
    box-shadow: 6px 3px 20px rgb(2 31 123 / 40%);
}

.boxes .info {
  padding: 16px 16px;
}

.boxes h3 {
  padding: 0px 0 5px;
  font-size: 1.5rem;
  font-weight: 600;
}

.boxes p {
  margin-bottom: 16px;
  padding: 0px 0 5px 0;
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: 500;
  color: #fff;
}

.btn-box-blue span {
  color: #63e0f2;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.title-open-section .title-section {
  color: #155b76;
  padding: 0px 0 20px;
  font-size: 65px;
  font-weight: 500;
}

.title-open-section p {
  font-size: 1.25rem;
}

.img-wide {
  margin: 40px 0;
}

.img-border {
  border-top: 8px solid var(--main-color-blue);
  border-bottom: 8px solid var(--main-color-blue);
}

.img-border-all {
  border: 8px solid var(--main-color-blue);
}

.btn-more {
  font-size: 1.125rem;
  color: var(--main-color-blue-light) !important;
}

.btn-more--mt16 {
  margin-top: 16px;
}

.btn-more span {
  padding-top: 4px;
}

.btn-more::after,
.btn-green-arrow::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 6px 0 0 8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid var(--main-color-green);
}

.btn-amore {
  background: var(--main-color-blue-light);
  display: inline-block;
  border: 0px;
  color: #fff;
  font-size: 1.125rem;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 6px 32px;
  margin: 40px auto;
}

.btn-amore:hover,
  {
  color: #fff;
}

.btn.btn-green-arrow,
.btn.btn-green-arrow::after {
  transition: all .3s ease-in-out;
}

.btn.btn-green-arrow:hover,
.more-events a.btn-more:hover {
  background: none;
  color: var(--main-color-orange);
}

.more-events a {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--main-color-green);
}

.btn.btn-green-arrow:hover::after {
  border-left: 12px solid var(--main-color-orange);
}

.bg-light {
  background: var(--main-bg-light);
}

.post-navigation .post-link,
.tribe-events-nav-next a,
.tribe-events-nav-previous a,
.page-numbers {
  color: #4d4e53;
  font-weight: bold;
  line-height: 2.5;
}

.post-prev .post-link .btn-blue,
.tribe-events-nav-previous .btn-blue {
  transform: rotate(180deg);
  margin-right: 8px;
}

.post-next .post-link .btn-blue,
.tribe-events-nav-next .btn-blue {
  margin-left: 8px;
}

.nav-links{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 80px 0 16px 0;
}

.nav-links a{
  margin-right: 8px;

}

.nav-links .next{

}

.page-numbers.current{
  color: #fff;
  background: var(--main-color-blue-light);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 8px;
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  margin-right: 8px;
}

.bg-arrow-down,
.comments-blog.bg-arrow-down {
  margin-bottom: 24px;
  padding: 80px 0 48px;
  background: url(../images/bg-Light-Blue-Large-Triangle-down.jpg) var(--main-bg-light);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.comments-blog.bg-arrow-down {
  padding: 40px 0 80px 0;
}

.comments-blog.comments-events {
  padding: 80px 0 240px 0;
}

.quote-icon {
  display: block;
  max-width: 64px;
  width: 64px;
}

.title-open {
  color: var(--main-color-blue);
  font-size: 3.5rem;
  font-weight: 600;
  margin: 56px 0 80px;
}

.instagram-box {
  padding: 80px 0;
  color: #fff;
  background: #fec240;
}

.instagram-box h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.instagram-box a {
  display: block;
  background: #fff;
  max-width: 300px;
  margin: 0 auto;
  padding: 8px 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--main-color-blue-light);
}

.bluebox {
  background-color: #4c8297;
  clip-path: polygon(82% 0, 100% 51%, 82% 100%, 0% 100%, 0 53%, 0% 0%);
  padding: 40px 72px 40px 24px;
  transform: rotate(-12deg);
  position: relative;
  left: -20%;
  transition: all ease-in-out .5s;
}

.bluebox:hover {
  transform: translateY(-8px);
}

.bluebox.bluebox-sponsor,
.bluebox.bluebox-sponsor:hover {
  transform: translateY(0);
  left: 0;
  background: #006eac;
  color: #fff;
}

.container-sm {
  max-width: 960px;
  margin: 0 auto;
}

.mb-40 {
  margin-bottom: 40px;
}

.subtitle-intro {
  font-size: 2rem;
  font-weight: bold;
}

.title-intro-arrow .icofont-caret-down {
  color: var(--main-color-green);
  font-size: 4rem;
}

#events .bluebox h3 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

#events .bluebox h5 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}

#events .bluebox h5 i {
  color: #f26522;
  font-size: 40px;
}

.text-bottom-cta {
  padding: 48px;
  margin-top: 40px;
}

.text-bottom-cta.text-bottom-cta-who-we-are {
  padding-bottom: 0;
}

/* 404 */
.error-404 {
  margin: 140px 0;
  color: var(--main-color-blue);
}

.error-404 h1 {
  font-size: 1.5rem;
}

.error-404 h2 {
  font-size: 2.5rem;
  color: var(--main-color-blue);
}

.error-404 .btn-back {
  padding: 16px;
  background-color: var(--main-color-blue-light);
  margin: 24px 0;
  display: inline-block;
  color: #fff;
  border-radius: 8px;
}

/* Back to top button */

.back-to-top {
  position: fixed;
  border: 1px solid #fff;
  display: none;
  background: #155b76;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 30px;
}

.back-to-top i:hover {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 30px;
}


.images :hover {
  transform: translateY(-8px);
  transition: 0.3s;
}

.clear {
  clear: both;
}


.dots-divider {
  width: 100%;
  padding: 80px 0 56px 0;
}

#vail-place-housing-programs .dots-divider {
  padding: 0 0 56px 0;
}

.dots-divider.pt0 {
  padding-top: 0;
}

.divider-pt0 .dots-divider {
  padding: 0 0 56px 0;
}




/* GENERAL */
.modal-header {
  border-bottom: none;
}

.modal-header .close {
  background: var(--main-color-blue-light);

}

.close span {
  color: #fff;
}

.modal-body {
  padding: 1rem 2rem;
}

.modal-body p{
  margin-bottom: 16px;
}

.modal-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--main-color-blue);
}


.vbox-content {
  max-width: 1140px;
  margin: 0 auto;
}

.orange,
.orange-cta,
.orange-title {
  color: #fff;
  background: #f26522;
  padding: 8px 16px 8px 64px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -.5px;
  clip-path: polygon(100% 0%, 100% 100%, 75% 100%, 0% 100%, 6% 50%, 0% 0%);
}

.orange.orange-inverse{
  clip-path: polygon(0% 0%, 75% 0%, 80% 50%, 75% 100%, 0% 100%);
}

#intro_page h2.orange-cta {
  font-size: 1.5rem;
  color: #fff;
}

.orange-title {
  font-weight: 400;
  text-align: center;
}

#intro img {
  border-bottom: 12px solid var(--main-color-blue);
}


.btm_row {
  margin: 80px 0;
}

.orange::after,
.btn-blog-arrow a::after,
.btn-blue,
.orange-cta::after,
.visit-box h4::after {
  content: url('../images/arrow-icon.svg');
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* background: rgb(48, 211, 238);
  background: linear-gradient(120deg, rgba(48, 211, 238, 1) 0%, rgba(27, 177, 219, 1) 24%, rgba(3, 136, 197, 1) 100%); */
}

.orange.orange-no-icon::after {
  content: '';
  background: none;
}

.orange span,
.orange-cta span {
  display: block;
  line-height: 1.2;
  padding-right: 16px;
}

.orange a {
  color: #fff;
}

.cta-text {
  color: var(--main-color-blue);
  font-size: 2.5rem;
  font-weight: 300;
}

.cta-button {
  position: relative;
}


@media (min-width: 992px) {
  .orange {
    width: 592px;
    left: -40px;
    position: absolute;

  }

  .orange.orange-blog-home {
    left: -24px;
  }

  .orange.orange-inverse{
    width: 920px;
    left: -388px;
    padding-right: 190px;
    justify-content: end;
  }

  .orage-cta {
    display: flex;
    justify-content: end;
    align-items: center;
  }

  .orange span,
  .orange-cta span {
    line-height: 1.8;
  }

  .cta-button {
    position: relative;
    min-width: 580px;
    min-height: 60px;
  }

  #about-cta .cta-button {
    min-width: 692px;
  }
}


@media (min-width: 1200px) {
  .orange {
    width: 592px;
    left: -40px;
    position: absolute;
  }

  .orange-cta {
    width: 800px;
    position: absolute;
    right: -226px;
  }

  .orange-cta.orange-cta-about {
    width: 916px;
  }

  .title-archive-newsletter  .orange{
    width: 713px;
  }

  .orange.orange-blog-home {
    left: -24px;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


#header {
  height: 250px;
  transition: all 0.5s;
  z-index: 100;
  transition: all 0.5s;
  padding: 0px;
  background-image: url("../images/header_bg.png");

}

#header.header-scrolled,
#header.header-pages {
  padding: 0px 0;
  background-image: url("../images/header_bg.png");
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
  height: 160px;
  /* opacity: .9; */
}

#header.header-scrolled .strip {
  display: none !important;
}

#header.header-scrolled .toprow {
  display: none !important;
}

#header.header-scrolled .middlerow {
  display: none !important;
}

#header .logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #00366f;
  text-decoration: none;
}

#header .logo img {
  padding: 0px 0 0;
  margin: 0px 0;
  width: 80%;
  transition: all 0.5s;
}

.main-pages {
  margin-top: 60px;
}

.mp0 {
  margin: 0px !important;
  padding: 0px !important;
}


.mbdisplay {
  display: none;
}

.desktopdisplay {
  display: block;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.topheader {
  background-color: transparent;
  min-height: 60px;
  border-radius: 0px;
  margin-top: 48px;
  padding: 0px 10px 10px;
  transition: all .2s ease-in-out;
}

/* search */
.search-box {
  display: block;
}

.search-field {
  padding-left: 24px;
  width: 400px;
}

input[type="search"].search-field{
  padding-left: 32px;
}

.search-submit {
  display: none;
}

@media (max-width: 992px) {
  .search-box {
    display: none;
  }
}

/* Desktop Navigation */
.navbar {
  padding-left: 22px;
  transition: all 0.5s;
}

.social {
  text-align: right;
  display: block;
}

.social a {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  margin: 0px 5px;
  border-radius: 50%;
  color: #fff;
  /* padding: 8px; */
  text-decoration: none;
  transform: translateY(0);
}

.social a.icon-facebook {
  background: #089de6;
}

.social a.icon-twitter {
  background: #03a9f4;
}

.social a.icon-instagram {
  background: #3c9ed2;
}

.social a:hover {
  /* background: #155b76; */
  transform: translateY(-4px);
}

.btn-intake{
  font-size: .9rem;
  text-align: center;
}

@media (max-width: 992px) {
  .social-top {
    display: none;
  }
}

.top-btn {
  padding: 8px 0 24px 0;
}

@media (min-width:992px) {
  .top-btn {
    text-align: right;
    padding: 15px 0 0 0;
  }
}

.btn-hvr {
  transition: all .3s ease-in-out;
}

.btn {
  padding: 8px 16px;
  text-transform: uppercase;
}

.btn a {
  color: #fff;
}

.btn:hover {
  background: var(--main-color-blue);
  color: #fff;
}

.btn-green,
.btn-orange {
  font-size: 1.125rem;
  font-weight: 600;
  border: 0;
  background: var(--main-color-green);
  color: #fff;
  margin: 16px 0;
}

.btn-blue-light {
  background: var(--main-color-blue-light);
  color: #fff;
  margin: 16px 0;
  font-size: 1.125rem;
  font-weight: 600;
  border: 0;
}

.btn-primary {
  color: #fff;
  background-color: #33cc33;
  font-size: 18px;
  font-weight: 600;
  padding: 4px 30px;
  border: 0px;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--main-color-blue);
  font-size: 18px;
  font-weight: 600;
  padding: 4px 30px;
  border: 0px;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
}

.btn-secondary {
  background-color: #f26522;
  font-size: 18px;
  font-weight: 600;
  padding: 4px 20px;
  border: 0px;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
}

.btn-secondary:hover {
  background-color: var(--main-color-blue);
  font-size: 18px;
  font-weight: 600;
  padding: 4px 20px;
  border: 0px;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
}

.form-control {
  background-color: transparent;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 200;
  font-style: italic;
  color: #4c5a66;
  border: 1px solid #155b76;
  border-radius: 0px;
}

.topheader .inner-addon,
.inner-addon {
  position: relative;
}

.topheader .inner-addon i,
.inner-addon i {
  color: #155b76;
  font-size: 18px;
  font-weight: 800;
  position: absolute;
  top: 10px;
  left: 10px;
}

.nav-bottom {
  background-color: #155b76;
  margin-top: 250px;
}

.nav-bottom p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding: 16px 0;
}

@media (min-width: 992px) {
  .nav-bottom {
    height: 56px;
  }
}

.main-nav {
  /* Drop Down */
  /* Deep Drop Down */
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 10px;
  font-size: 16px;
  font-weight: 700;
  color: #155b76;
  justify-content: space-between;

}

.navbar-nav {
  padding-top: 20px;
}

.navbar-nav ul .dropdown:last-child {
  padding-right: 0;
}

.navbar ul i {
  position: absolute;
  right: 0px;
  left: 10%;
  top: 0px;
  bottom: 0;
  color: #339933;
  font-size: 40px;
}

.navbar ul h5,
.navbar ul h5 a {
  margin: 24px 0 10px 0;
  font-weight: 700;
  color: #ff6633;
  font-size: 1rem;
}

.navbar ul h5 a{
  padding: 0;
}

.navbar ul h6 span {
  color: #155b76;

}

.navbar ul h6 {
  font-weight: 700;
  color: var(--main-color-blue-light);
  margin-bottom: 0;
  font-size: 1.125rem;
}

.navbar ul p.title-story {
  margin-bottom: 0;
}


.navbar ul h4 {
  font-weight: 700;
  color: #155b76;
  font-size: 13px;
}

.navbar ul p {
  font-weight: 600;
  color: #155b76;
  font-size: 1rem;
  margin-bottom: 16px;
}

.navbar ul .description-story p {
  margin-bottom: 0;
}

.navbar ul .description-story a {
  padding: 0;
}


.navbar .readbtn1 {
  display: inline-block;
  margin: 0 !important;
  border: 0px;
  background-color: transparent;
  color: #1f94b8;
  font-size: 16px;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer;
  padding: 0px;
}

.navbar .readbtn1:hover {
  display: inline-block;
  margin: 0 !important;
  border: 0px;
  background-color: transparent;
  color: #1f94b8;
  font-size: 16px;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer;
  padding: 0px;
}

.navbar .seeall {
  display: inline-block;
  border: 0px;
  background-color: #155b76;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 7px 20px;
  margin: 10px auto;
}

.navbar .seeall:hover {
  display: inline-block;
  border: 0px;
  background-color: #155b76;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 7px 20px;
  margin: 10px auto;
}

.navbar .blog_box {
  border-right: 3px solid #155b76;
}

.blog_box .button {
  margin: 16px 0 0 0;
}

.blog_box .event-name p {
  margin-bottom: 0;
}

.blog_box .event-name--title {
  text-transform: none;
  color: var(--main-color-blue-light);

}

.blog_box .btn-more {
  padding: 0;
}

.blog_box .btn-more::after {
  border-left: 12px solid var(--main-color-blue-light);
}

.navbar h6 a {
  padding: 0;
  color: var(--main-color-blue-light);
  font-size: 1.125rem;
}

.navbar .blog_box i {
  font-size: 25px;
  color: #1f94b8 !important;
  top: 0%;
  left: 0%;

}

.contact-menu {
  margin-top: 16px;
}

.navbar ul {
  position: absolute;
  right: 0px;
  top: 20px;
}

.navbar a:hover,
.navbar ul li:hover>a {
  color: #1f94b8;

}

.dropdown ul {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 60px;
  list-style: none;
  background-color: #fff;
  border-radius: 8px;
  padding: 0px 10px 10px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-shadow: 0 0 5px rgb(0, 0, 0, 0.15);
  transform: translateY(50px);
}

.dropdown ul li a {
  margin: 8px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #155b76;
  justify-content: space-between;
}

.dropdown {
  position: unset !important;
}

.dropdown {
  align-items: center;
  padding: 0px 20px;
}

.dropdown:hover>ul {

  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.dropdown ul li a {
  text-decoration: none;
  display: inline-block;
}

.dropdown .dropdown ul {
  left: -120px;
  top: 48%;
}

.dropdown .dropdown:hover ul {
  left: -120px;
}

.dropdown .row {
  margin: 20px 0 0 0;
}

nav .btn-primary {
  padding: 10px 20px;
}

.dropdown a i {
  color: #013289;
  font-size: 20px;
}

/* Mobile Navigation */
.mobile-nav .seeall {
  display: inline-block;
  border: 0px;
  background-color: #155b76;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 7px 20px;
  margin: 10px auto;
}

.mobile-nav .seeall:hover {
  display: inline-block;
  border: 0px;
  background-color: #155b76;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 7px 20px;
  margin: 10px auto;
}

.mobile-nav .readbtn1 {
  display: inline-block;
  margin: 0 !important;
  border: 0px;
  background-color: transparent;
  color: #1f94b8;
  font-size: 16px;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer;
  padding: 0px;
}

.mobile-nav .readbtn1:hover {
  display: inline-block;
  margin: 0 !important;
  border: 0px;
  background-color: transparent;
  color: #1f94b8;
  font-size: 16px;
  border-radius: 0px;
  font-weight: bold;
  cursor: pointer;
  padding: 0px;
}

.mobile-nav ul i {
  display: none;
}

.mobile-nav .blog_box i {
  position: absolute;
  right: 0px;
  left: 37%;
  top: 88% !important;
  bottom: 0;
  color: #1f94b8;
  font-size: 40px;
}

.mobile-nav ul h5 {
  padding: 25px 0 10px 5px;
  font-weight: 700;
  color: #ff6633;
  font-size: 15px;
}

.mobile-nav ul h6 span {
  color: #155b76;

}

.mobile-nav ul h6 {
  padding: 0px 0 15px 5px;
  font-weight: 700;
  color: #2c95b5;
  font-size: 15px;
}

.mobile-nav ul h4 {
  padding: 0px 0 15px 5px;
  font-weight: 700;
  color: #155b76;
  font-size: 13px;
}

.mobile-nav ul p {
  padding: 0px 0 15px 5px;
  font-weight: 600;
  color: #155b76;
  font-size: 14px;
}



.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: #fff;
  transition: 0.4s;
}

.mobile-nav ul {
  background: #fff !important;
  z-index: 3;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #155b76;
  padding: 15px 20px 10px;
  font-weight: 700;
  border-bottom: 0px
}

.mobile-nav a:hover,
.mobile-nav .active>a,
.mobile-nav li:hover>a {
  color: #2a3991;
  text-decoration: none;
}

.mobile-nav .drop-down>a:after {
  content: "\f078";
  font-family: FontAwesome;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down>a:after {
  content: "\f077";
}

.mobile-nav .drop-down>a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 65px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  margin: 100px 18px 0 0;
  color: #155b76
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(19, 18, 18, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

li .phone {
  border-radius: 0px;
  font-weight: 700;
  font-size: 14px;
  background-color: #fff;
  padding: 12px 8px;
  margin-top: 8px;
  color: #2a3991;
  text-transform: uppercase;
}

li .phone a:hover {
  border-radius: 0px;
  font-weight: 700;
  font-size: 11px;
  background-color: #fff;
  padding: 9px 8px;
  margin-top: 8px;
  color: #2a3991;
  text-transform: uppercase;
}

.title-archive-year {
  display: flex;
}

.title-archive-year li > a{
  margin: 22px 0 10px 8px !important;
  font-size: 1rem !important;
  color: var(--main-color-orange) !important;
  line-height: 1.3;
}


/* -------------------------------------------------
# Slider Home
---------------------------------------------------*/
/* #hero{
  float: left;
  clear: both;
} */
.hero-top {
  width: 100%;
}

#slider_home .item {
  width: 100%;
  height: 26vh;
  overflow: hidden;
  position: relative;
}

#slider_home .item img {
  object-fit: cover;
  height: 100%;
}

.owl-nav span {
  font-size: 8rem;
  color: var(--main-color-blue);
  text-shadow: 2px 3px 19px rgb(149, 149, 149);
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  left: 40px;
  top: 50%;
  display: block;
  padding: 0 .3em !important;
  font-size: 3em;
  margin: 0;
  cursor: pointer;
  color: #fff;
  transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  right: -23px;
  top: 50%;
  background-color: var(--base-color) !important;
  display: block;
  padding: 0 .3em !important;
  font-size: 3em;
  margin: 0;
  cursor: pointer;
  color: #fff;
  transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
  #slider_home .item {
    height: 88vh;
  }

}

/*--------------------------------------------------------------
# STANDART PAGE 
--------------------------------------------------------------*/

.last-section {
  padding-bottom: 40px;
}

/* .content-page {
  padding-top: 80px;
} */

.content-page a {
  color: var(--main-color-blue-light);
}

.content-page a.btn,
.content-page .btn a {
  color: #fff;
}

#post-277 #intro_page h2 {
  color: var(--main-color-blue-light);
  line-height: 1;
}

.content-page .post-277 h3 {
  margin-bottom: 24px;
}

.content-page .post-277 p {
  margin-bottom: 16px;
}

.content-page .post-277 ul {
  padding-left: 24px;
  margin-bottom: 24px;
}

.content-page .post-277 ul li::before {
  content: '';
  display: none;
}

#subsidized-housing .content-page-h2,
#supportive-housing .content-page-h2,
#asking-good-questions .content-page-h2 {
  font-weight: bold;
  margin-bottom: 24px;
}


#subsidized-housing .content-page-h2,
#asking-good-questions .content-page-h2 {
  color: var(--main-color-blue);
}

#supportive-housing .content-page-h2 {
  color: var(--main-color-orange);
}

/*--------------------------------------------------------------
# ABOUT 
--------------------------------------------------------------*/

#about {
  background: url(../images/bg-Light-Blue-Large-Triangle-Up.jpg) var(--main-bg-light);
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 990px;
  position: relative;
  padding-bottom: 16px;
}

#about .slogan {
  line-height: 40px;
  color: #155b76;
  padding: 120px 0 20px 0px;
  margin-bottom: 80px;
  font-size: 3.5em;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 1px;
}

.about-intro {
  text-align: center;
}

.about-intro h1 {
  text-transform: uppercase;
  font-weight: bold;
  color: #1f94b8;
  font-size: 2rem;
}

.icofont-caret-down {
  color: #33cc33;
}

.about-intro .icofont-caret-down {
  font-size: 4rem;
}

@media (min-width:992px) {
  #about .slogan {
    font-size: 4.75em;
  }
}

/* COMPONENT NEWS */

.news-list-archive {
  padding-bottom: 80px;
}

.box-h--subtitle {
  padding: 72px 16px 8px 16px;
  font-weight: 500;
  font-size: 1.125rem;
  color: #1f94b8;
}

.article-box {
  box-shadow: 0 2px 3px rgba(2, 31, 123, .15);
  transition: all .30s linear;
  margin: 8px 32px;
  padding: 40px 30px 30px 30px;
  background: #fff;
  position: relative;
}

.news-list-archive .article-box,
.archive-posts .article-box{
  box-shadow: 6px 3px 20px rgb(2 31 123 / 15%);
  min-height: 360px;
}

.news-list-archive .more-news.btn-left {
  position: absolute;
  bottom: 20px;
  right: 24px;
}

.archive-title{
  font-size: 1.5rem;
  color: var(--main-color-blue-light);
}

.article--date {
  color: #1f94b8;
  font-weight: 700;
  font-size: 1.125rem;
}

.article-box h2 {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--main-color-blue);
}

.news-h {
  background: rgba(255, 255, 255, .4);
  box-shadow: 0 4px 10px rgb(2 31 123 / 15%);
}

.news-h--box {
  position: relative;
}

/* .news-h--box .article-box {
	margin: 0 0 5px 0;
} */

.news-h--box .article-box {
  padding: 25px 30px;
}

.article-box--headings h5 {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.5;

}

.article-box--headings a {
  color: #6f6f6f;
}

.news-h--box .article-box p,
.news-h--box .article-box .description a {
  font-size: 90%;
  line-height: 1.5;
  display: block;
}

.article-box--headings .description p a,
.article-box--headings p a {
  line-height: 1.5;
  margin-bottom: 15px;
  word-wrap: break-word;
}

#newsl_top {
  min-height: 360px;
  margin-bottom: 24px;
  padding: 80px 0 48px;
  background-image: url(../images/abt_bghelp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

#newsl_top h2 {
  font-size: 4.2rem;
  line-height: 1.5;
  color: var(--main-color-blue);
  font-weight: 700;
}

.news-single .entry-title {
  font-weight: 500;
  font-size: 3rem;
}

.news-single .search-field {
  max-width: 350px;
  margin-bottom: 24px;
}

@media (min-width:992px) {
  .news-single .entry-content {
    padding-right: 56px;
  }
}

/* NEWSLETTER */

.page-id-38922 .newsletter-subscribe{
  padding: 0 0 80px 0;
}

.newsletter-subscribe {
  padding: 40px 0 80px 0;
}

.subscribe-content {
  max-width: 800px;
  margin: 0 auto;
}

.title-subscribe {
  color: var(--main-color-blue);
  font-size: 3.5rem;
  margin-bottom: 40px;
}

.subscribe-content .ctct-form-wrapper .ctct-form-field,
.newsletter-subscribe #ctct-form-wrapper-0 .ctct-form-description{
  margin-bottom: 16px;
}

.newsletter-subscribe #ctct-form-wrapper-0 .ctct-form-field-submit{
  margin: 40px 0;
}


.ctct-form-wrapper .ctct-form-field {
  margin: 0;
}

.ctct-form-95 .ctct-form-wrapper .ctct-form-field {
  margin-bottom: 32px;
}

.ctct-form-95 .ctct-form-wrapper .ctct-form-field {
  margin: 32px 0;
}

.ctct-form-description {
  color: #4d4e53;
  margin-bottom: 32px;
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
}

.ctct-form-description strong {
  color: var(--main-color-blue-light);
}

.ctct-label-top label {
  font-size: 1.25rem;

}

.ctct-form-field input {
  width: 100%;
}

.ctct-form-field-submit input {
  background: var(--main-color-orange);
  color: #fff;
  border: 0;
  outline: none;
  max-width: 250px;
  padding: 24px;
  font-size: 1.25rem;
  font-weight: 600;
}

/* about_btm Section
--------------------------------*/
.ptb {
  padding: 10px 0px;
}

.ptb100 {
  padding: 20px 0px 20px 0;
}

.mt {
  margin-top: 20px
}

.mp0 {
  margin: 0px;
  padding: 0px;
}

#about_btm {
  text-align: center;
  background: url('../images/bg-Light-blue-up.jpg') #fff;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 40px;
}

#about_btm h2 {
  color: #1f94b8;
  padding: 48px 12% 20px;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 700;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #about_btm h2 {
    padding: 48px 35% 20px;
  }
}

.infobox h1 {
  color: #339933;
  padding: 4px 0;
  font-size: 3rem;
  font-weight: 500;
  margin: 0px;
  text-align: center;

}

.infobox h3 {
  color: #1f94b8;
  padding: 10px 0%;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0px;
  text-align: center;
}

.infobox h1,
.infobox h3 {
  letter-spacing: 1px;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
# comuunity
--------------------------------------------------------------*/
#community {
  position: relative;
  padding: 24px 0;
  margin-bottom: 24px;
}

#community h1 {
  color: #155b76;
  padding: 10px 0%;
  font-size: 2.5rem;
  font-weight: 500;
  margin: 0px 0px 0 0px;
  text-align: center;
  letter-spacing: 4px;

}

#community h1::before {
  height: 123px;
  content: '';
  position: absolute;
  top: 64px;
  bottom: 0;
  right: 0;
  left: 58%;
  background-image: url("../images/community_after.png");
  background-repeat: no-repeat;
  z-index: -1;
}

.comuunityimg {
  background-color: #155b76;
  padding: 10px 0px;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}



#community .commu_info p {
  color: #4c5a66;
  padding: 0px;
  font-size: 21px;
  line-height: 1.8;
  font-weight: 400;
  margin: 24px 0;
}

.commu_blog {
  background-color: #eef8f9;
  border: 10px solid #094869;
  margin-top: 40px;
  padding: 20px 10px;
}

.commu_blog span {
  color: #1f94b8;
  padding: 0px;
  padding: 0px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 0px !important;
}

.commu_blog h4 {
  color: #094869;
  padding: 10px 0%;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}

.commu_blog p {
  color: #4c5a66;
  padding: 0px;
  font-size: 1.125rem;
  line-height: 1.5;
}

.morebtn i {
  font-size: 25px;
  color: #339933;

}

.morebtn a {
  color: #1f94b8;
  font-weight: 600;
}

.blue_box {
  max-width: 800px;
  margin: 32px auto 80px auto;
  padding: 32px;
  box-sizing: border-box;
  background-color: #1f94b8;
  border-radius: 40px;
  position: relative;
}

.blue_box::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 100px;
  bottom: -70px;
  left: 50%;
  background-color: #1f94b8;
  clip-path: polygon(28% 0, 0 100%, 98% 0);
}

.quote_bg i {
  font-size: 40px;
  color: #f26522;
  top: 50px;
  position: relative;
  left: -20px;
}

.blue_box p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  text-align: left !important;
  padding: 0px;
}

.blue_box span {
  color: #fff;
  font-size: 14px;
  text-align: right !important;
}

.clubhouse-community {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--main-color-blue-light);
}

.clubhouse-community p {
  margin-bottom: 24px;

}

.clubhouse-community strong {
  color: var(--main-color-blue);
}

.vail_links ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.vail_links li a {
  color: #f26522;
  padding: 0px 0 10px;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  display: block;

}

.vail_links img {
  margin-right: 20px;
}

.tour_detail h5 {
  font-size: 1.5rem;
  color: #1f94b8;
  font-weight: 600;
  line-height: 40px;
  padding: 0px 0 20px;
}

.tour_detail h5>span {
  color: #155b76;
}

.tour_detail .contact_info h5 {
  font-size: 1.25rem;
  color: #f26522;
  font-weight: 600;
  line-height: 40px;
  padding: 0;
}

.tour_detail .contact_info a {
  font-size: 1.25rem;
  color: #13a3d4;
  text-decoration: none;
}

.contact_info {
  margin: 16px 0 40px 0;
  display: block;
  padding-right: 24px;
  width: 80%;
}

.contact_img img {
  max-width: 80px;
}


@media (min-width: 992px) {
  #community h1 {
    font-size: 4.375rem;
  }

  #community .commu_info {
    padding: 16px 40px 16px 0;
  }

  .contact_info {
    width: 100%;
    max-width: 300px;
  }

  .contact_img img {
    max-width: 100%;
  }
}


/* POST */

.archive-posts{
  margin: 48px 0;
}

.archive-posts article{
  margin: 24px 0;
}

.blog-single,
.news-single {
  overflow-x: hidden;
  padding-bottom: 100px;
  background-image: url("../images/bg-light-blue-down.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.blog-single article {
  margin-bottom: 80px;
}

.entry-title {
  font-size: 2.5rem;
  color: var(--main-color-blue);
  font-weight: bold;
  margin-bottom: 8px;
}

.article-info {
  margin-bottom: 24px;
}

.article-info li {
  list-style: none;
  padding-right: 16px;
  padding-left: 0;
}

.article-info li::before{
  content: '';
}

.article-info img {
  max-width: 24px;
}

.entry-content p {
  margin-bottom: 24px;
  line-height: 1.8;
  font-weight: 500;
}

.archives_posts {
  padding-top: 80px;
}

.archives-sidebar {
  background: rgba(255, 255, 255, .4);
  box-shadow: 0 4px 10px rgb(2 31 123 / 15%);
  margin-bottom: 32px;
}

.archives_item {
  margin-bottom: 8px;
  padding: 16px;
}

.archives_posts h4 {
  font-size: 1.125rem;
  text-transform: uppercase;
  color: var(--main-color-blue);
  font-weight: bold;
}

.archives_posts .date {
  color: var(--main-color-blue-light);
  font-weight: bold;
  font-size: 1rem;
}

.archives_posts ul {
  padding: 16px;
}

.archives_posts ul li {
  list-style: none;
  color: var(--main-color-blue);
  font-size: 1.125rem;
  font-weight: 600;
}

.archives_posts ul li:first {
  font-size: 2rem;
  color: var(--main-color-blue-light);
}

.tags-footer {
  width: 100%;
  color: var(--main-color-green);
  font-weight: bold;
  padding: 4px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.tags-footer a {
  font-weight: 500;
  font-size: 1.125rem;
}

.social-post,
.entry-footer {
  width: 100%;
}

.social-post {
  margin-top: 40px;
}

#tribe-events-footer .social-post {
  margin-top: 0;
}

.social_icon a {
  margin: 0 8px;
}

.social-post img {
  width: 64px;
  height: 64px;
}


#tribe-events-footer .social-post img {
  width: 52px;
  height: 52px;
}

/* Comments */

.comments-blog {
  background: var(--main-bg-light);
  background: var(--main-bg-light);
  padding: 40px 0 80px 0;
}

.comment-form label {
  display: none;
}

.comment-form input {
  width: 100%;
}

#reply-title {
  font-size: 2.5rem;
  color: var(--main-color-blue-light);
  margin-bottom: 40px;
}

.required-field-message {
  display: none;
}

#email-notes {
  width: 100%;
  display: block;
  font-size: 1.25rem;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 24px;
}

.comment-form-author,
.comment-form-email {
  width: 50%;
}

.comment-form-author,
.comment-form-email,
.comment-form-comment {
  margin-bottom: 40px;

}

.form-submit input[type="submit"] {
  background: var(--main-color-orange);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  width: 100%;
}

@media (min-width: 1200px) {
  .comment-form-author {
    padding-right: 24px;
  }

  .comment-form-author,
  .comment-form-email {
    float: left;

  }
}

/*News Listing page*/

.intro-blog {
  max-width: 860px;
  margin: 0 auto;
}

#newsl_about {
  min-height: 280px;
  margin-bottom: 24px;
  padding: 40px 0 48px;
  background-image: url("../images/abt_bghelp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;

}

#newsl_about p {
  font-size: 1.25rem;
  color: #4d4e53;
  font-weight: 500;
  margin-bottom: 80px;
  line-height: 1.8;
}

#newsl_about h2 {
  font-size: 4.2rem;
  line-height: 1.5;
  color: var(--main-color-blue-light);
  font-weight: 700;
}

#newsl_about h4 {
  font-size: 2rem;
  font-weight: 700;
  color: #339933;
}

#newsl_listing h3 {
  font-size: 72px;
  line-height: 82px;
  color: #155b76;
  font-weight: 600;
  margin: 20px 0px 70px 0px;
}


/* OUR BLOG */

#ourblogbtm {}

#ourblogbtm h4 {
  color: var(--main-color-blue);
  padding: 0px 0 20px 0;
  font-size: 2.5rem;
  font-weight: 500;
}

#ourblogbtm .detail_box {
  padding: 20px;
  background-color: #d9ebef;
  margin-bottom: 40px;
  box-sizing: border-box;
}

#ourblogbtm .detail_box h4 {
  color: #094869;
  padding: 0px 0 15px;
  font-size: 1.5rem;
  font-weight: 600;
}

#ourblogbtm .detail_box h3 {
  color: #4d4e53;
  padding: 0px 0 8px 0;
  font-size: 1.125rem;
  font-weight: 600;
}

#ourblogbtm .detail_box p {
  margin-bottom: 8px;
}

.btn-blog-arrow {
  position: relative;
}

.btn-blog-arrow a {
  color: #339933;
  font-size: 1.25rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-blog-arrow a::after {
  margin-left: 8px;
  transition: all .3s ease-in-out;
}

.btn-blog-arrow a:hover {
  color: var(--main-color-blue-light);
}

.btn-blog-arrow a:hover::after {
  margin-left: 6px;
}


/*--------------------------------------------------------------
# Event
--------------------------------------------------------------*/


#events {
  background: url(../images/bg-Light-Blue-Large-Triangle-down.jpg) var(--main-bg-light);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 64px 0;
  overflow: hidden;
}

#events h1 {
  color: #1f94b8;
  padding: 0px 0 10px;
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
}

#events p {
  color: #4c5a66;
  padding: 0px;
  font-size: 1.125rem;
  line-height: 1.8;
  margin-bottom: 40px;

}

.event-name p {
  line-height: 1.5;
}

#events p strong {
  color: var(--main-color-blue);
}

.event-h--box {
  background: rgba(255, 255, 255, .4);
  box-shadow: 0 4px 10px rgb(2 31 123 / 15%);
}

#events p span {
  color: #339933;
  padding: 0px;
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: 500;
}

.event_leftbox {
  padding: 0 0 0 0;
}

.event_leftbox h3 {
  color: #155b76;
  padding: 20px 0 10px;
  font-size: 30px;
  font-weight: 600;
  margin: 0px !important;
  text-align: left !important;
  line-height: 50px;
}

.event_leftbox h5 {
  color: var(--main-color-blue-light);
  padding: 0px 0 10px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  margin: 16px 0 24px 0;
}

.event_leftbox span {
  color: #1f94b8;
  padding: 20px 0 10px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
}

.event_leftbox img {
  max-width: 64px;
}

.more-events a.btn-more {
  color: var(--main-color-green) !important;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  padding: 8px;

}

@media (min-width: 992px) {
  .event_leftbox {
    padding: 0 23% 0 0;
  }

  .event_leftbox h5 {
    text-align: right;

  }

}

.event-link {
  background: rgba(255, 255, 255, 1);
  display: block;
  width: 90%;
  padding: 16px;
  margin: 0 auto 24px auto;
  box-shadow: 0 2px 3px rgb(2 31 123 / 15%);
}

.article--date.date h3 .day {
  font-weight: bold;
}

.event-name--title {
  color: var(--main-color-blue);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
}

#events .event-name .heading p {
  margin-bottom: 0;
  line-height: 1.5;
}


/*--------------------------------------------------------------
# service
--------------------------------------------------------------*/
#service {
  position: relative;
  padding: 20px 0 0;
}

#service h1 {
  color: var(--main-color-blue);
  padding: 10px 0% 40px;
  font-size: 4.375rem;
  font-weight: 500;
  z-index: 2;
  letter-spacing: 4px;
}

#service h1::before {
  height: 115px;
  content: '';
  position: absolute;
  top: 64px;
  bottom: 0;
  right: 0;
  left: 36%;
  background-image: url("../images/recovery.png");
  background-repeat: no-repeat;
  z-index: -1;
}

.ser_blog {
  background-color: #eef8f9;
  border: 10px solid var(--main-color-blue);
  margin-top: 40px;
  padding: 24px 16px 8px 16px;
}

.ser_blog p {
  color: var(--main-color-blue);
  padding: 0px;
  font-size: 18px;
  font-weight: 500;
}

.ser_blog .readbtn {
  padding-top: 20px;
}

.ser_blog .readbtn a {
  color: var(--main-color-green);
  font-weight: 600;
}

.member_btm.quote-vail {
  max-width: 760px;
}

.member_btm.quote-vail .fname {
  margin-top: 8px;
}

.bgimage {
  background-image: url("../images/map_bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 900px;
}

.map-location-home {
  max-width: 90%;
  border: 8px solid var(--main-color-blue);
}

.mt120 {
  margin-top: 120px;
}

/*--------------------------------------------------------------
# top-footer
--------------------------------------------------------------*/
.top-footer {
  text-align: center;
  padding: 50px 0;
  background-color: #155b76;
}

.leftbox h2 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
}

.leftbox p {
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  padding: 8px 0;
}

.leftbox .form-control {
  text-align: left !important;
  display: block;
  /* width: 100%; */
  padding: 20px;
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  /* margin-left: 25px;
  margin-bottom: 25px; */
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#ctct-form-wrapper-0 .ctct-form-description,
#ctct-form-wrapper-1 .ctct-form-description {
  margin-bottom: 0;
}

.ctct-disclosure small {
  color: #fff;
  font-size: .75rem;
  display: block;
  line-height: 1.5;
  text-align: left;
}

.rightbox h2 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;

}

.rightbox p {
  text-align: left !important;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  padding: 10px 5% 20px;
}

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

.rightbox ul li a {

  display: block;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
}

.btn-secondary {
  font-size: 18px;
  font-weight: 600;
  padding: 4px 20px;
  border: 0px;
  text-transform: uppercase;
  border-radius: 5px;

}

.rightbox .btn-success {
  font-size: 18px;
  font-weight: 600;
  padding: 4px 40px;
  border: 0px;
  text-transform: uppercase;
  border-radius: 5px;
  margin-top: 20px;
  transition: all .3s ease-in-out;
}

.rightbox .btn-success:hover {
  background: var(--main-color-orange);
}

/*--------------------------------------------------------------
# member
--------------------------------------------------------------*/
#member {
  padding: 10px 0px 148px 0px;
  position: relative;
  background: url('../images/futuma_bg.jpg') no-repeat;
  background-position: top center;
  background-size: cover;
}

#member .dots-divider {
  margin-top: 0;
}

#member h1 {
  color: #155b76;
  padding: 10px 0% 20px;
  font-size: 70px;
  font-weight: 500;
  margin: 0px 0px 26px 0px;
  z-index: 2;
  position: relative;
  letter-spacing: 4px;

}

#member h1::before {
  height: 127px;
  content: '';
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 45%;
  background-image: url("../images/member_after.png");
  background-repeat: no-repeat;
  z-index: -1;
}

.comuunityimg {
  background-color: #155b76;
  padding: 10px 0px;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

#member .info {
  padding: 50px 5% 0 0;
}

#member .info p {
  color: #4c5a66;
  font-size: 1.25rem;
  line-height: 1.8;
  font-weight: 500;
}

.futuma_img {
  margin: -90px 0 0 0;
}

.member_btm h3 {
  color: #155b76;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
}

/* .bootom_row {
  max-height: 924px;
  background-size: cover;
  background-position: bottom;
} */

.mp0 {
  margin: 0px;
  padding: 0px;
}

.member_btm {
  max-width: 708px;
  margin: 24px auto 0 auto;
}

.member_btm h5 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
  color: #f26522;
}

.fname {
  justify-content: end;
  margin-top: -20px;
  padding-bottom: 48px;
}

.member_btm h5 span {
  color: #1f94b8;
  padding: 0px 0 0px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;

}

/*--------------------------------------------------------------
# stories
--------------------------------------------------------------*/
#stories {
  padding: 0px 0px 100px;
  position: relative;
  background-color: #eef8f9;
  background-image: url('../images/stories_bottom.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.thumbnail iframe {
  border: 8px solid #155b76;
  padding: 0px !important;
}

.content {
  padding: 20px 5px 0px;
  text-align: center;
  position: relative;
}

#stories .content h1 {
  line-height: 1.2;
  color: #1f94b8;
  padding: 0 20% 0px;
  font-size: 34px;
  font-weight: 700;
}

.content i {
  font-size: 4.5rem;
  color: #339933;
}

#stories .info {
  background-color: rgb(255, 255, 255, 0.7);
  padding: 80px 24px 24px 24px;
}

#stories .info h3 {
  color: #155b76;
  padding: 0px 0 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.detailbox ul {
  padding: 0px 0 10px;
  margin: 0px;
}

.detailbox ul li {
  list-style: none;
  color: #155b76;
  padding: 4px 0px 8px;
  margin-bottom: 16px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: left;

  list-style-position: outside;
  position: relative;

}

.detailbox ul li::before,
.detailbox .readbtn a::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 4px 0 0 0;
  padding-right: 8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid var(--main-color-blue-light);
}

.detailbox ul li::before {
  margin: 10px 0 0 0;
}

.detailbox .readbtn a::after,
.btn-green-arrow::after {
  border-left: 12px solid var(--main-color-green);
  margin: 4px 0 0 2px;
}

.detailbox .readbtn a {
  color: var(--main-color-green);
  font-weight: 600;
  padding: 0;
  font-size: 1.125rem;
}

/*---------------------------------------------------------------
# How we help
--------------------------------------------------------------*/

#why-us,
.bg-arrowdown-white,
#first_care,
#leadership,
#partners {
  margin-top: 80px;
  padding-bottom: 80px;
  background: url('../images/bg-light-blue-down.jpg') no-repeat;
  background-position: bottom;
}

.bg-arrow-blue-up {
  background: url('../images/bg-arrow-blue-up.jpg') no-repeat var(--main-bg-light);
  background-position: top;
}

.bg-arrow-white-up {
  background: url('../images/bg-arrow-white-up.jpg') no-repeat;
  background-position: top;
}


/* FAQ */

#intro_page.top-faqs {
  min-height: 300px;
}

#intro_page.top-faqs h2 {
  color: var(--main-color-blue-light);
  line-height: 3;
}

.faq-box .title-open {
  font-size: 2rem;
  margin: 80px 0 0 0;
  color: #4d4e53;
}

.faq-list {
  position: relative;
  margin: 24px 0;
}

.faq-list h2 {
  background: #6ad3e5;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  padding: 0 16px;
  position: relative;
}

.faq-list input {
  position: absolute;
  left: 0;
  top: 0;
  /* height: 100%; */
  width: 100%;
  opacity: 0;
  visibility: 0;
}

.faq-list label::before {
  content: "+";
  display: inline-block;
  transition: all .3s ease-in-out;
  font-size: 5rem;
  line-height: 1;
  margin-right: 16px;
  font-weight: normal;
  /* border: 15px solid transparent; */
  /* border-left: 20px solid white; */
}

.faq-list label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.faq-list .p {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s;
  background-color: white;
  /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); */
}

.faq-list .p {
  border: 1px solid #b7b7b7;
}

.faq-list .p p {
  padding: 16px;
}

.faq-list input:checked~h2 label::before {
  /* border-left: 15px solid transparent;
  border-top: 20px solid white; */
  /* margin-top: 12px;
  margin-right: 10px; */
  transform: rotate(45deg);
}

.faq-list input:checked~h2~div.p {
  max-height: 300px;
}

.faq-list strong {
  color: var(--main-color-orange);
}


/* Take a tour */
.page-template-page-take-tour #intro_page {
  padding: 80px 0;
}

.page-template-page-take-tour #intro_page h2 {
  line-height: 1;
}

/*--------------------------information-------------------------*/
#information {
  /* padding: 50px 0px; */
  background: url("../images/01_help/samhsa-quote.jpg") no-repeat top center;
  background-size: cover;
  border-top: 8px solid #155b76;
  border-bottom: 8px solid #155b76;
  min-height: 440px;
}

#information p {
  color: #1f94b8;
  padding: 0px 5% 10px;
  font-size: 2.25rem;
  font-weight: 500;
  margin: 40px 0;
}

#information span {
  color: #1f94b8;
  padding: 0px 5% 20px;
  font-size: 14px;
  font-weight: 500;
  margin: 0px !important;
  font-style: italic;

}

.orange_text {
  margin: 30px 0 30px;
  background-image: url("../images/quote.png");
  background-repeat: no-repeat;
  background-position: top left;
}

.orange_text h5 {
  color: #f26522;
  padding: 80px 0 10px;
  font-size: 40px;
  font-weight: 500;
  margin: 0px !important;
  text-align: left !important;
}

.orange_text span {
  color: #f26522;
  padding: 80px 0 20px;
  font-size: 30px;
  font-weight: 400;
  margin: 0px !important;

}

.bottom_title,
.page-template-page-resources #community .bottom_title {
  font-size: 2rem;
  color: var(--main-color-green);
  font-weight: 700;
  margin-bottom: 20px;
  /* padding-right: 10%; */
  line-height: 1.2;
}

.help_about.resources,
.needs,
#case-management,
.bg-light-blue-down {
  background: url(../images/bg-Light-Blue-Large-Triangle-down.jpg) var(--main-bg-light);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 32px 0;
  overflow-x: hidden;
}

.help_about.resources h2 {
  font-size: 4rem;
  color: var(--main-color-blue);
  font-weight: 500;
  padding-right: 10%;
  line-height: 1.8;
}

.help_about.resources p {
  font-size: 1.25rem;
  color: #4d4e53;
  font-weight: 500;
  margin-bottom: 32px;
  line-height: 1.8;
}


/*--------------------------------------------------------------
# Becoming A Member CSS
--------------------------------------------------------------*/
/*--------------------------bannertext-------------------------*/

.become_member p {
  text-decoration: none;
  font-size: 30px;
  line-height: 40px;
  color: #155b76;
  font-weight: 600;

}

.become_member h4 {
  text-decoration: none;
  font-size: 35px;
  color: #f26522;
  font-weight: 600;
  line-height: 45px;
}

.inspire h4 {
  margin-top: 80px;
  font-size: 2.5rem;
}

/*--------------------------service-area-------------------------*/

.twin_city .info h4 {
  color: #1f94b8;
  padding: 0px 0 5px;
  font-size: 27px;
  font-weight: 600;
  margin: 0px !important;
}

.twin_city .info p {
  color: #4d4e53;
  padding: 20px 0 20px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin: 0px !important;
}

.twin_city .country_name ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.twin_city .country_name li a {
  color: #4d4e53;
  padding: 0px 0 20px;
  font-size: 1.25rem;
  line-height: 1.8;
  font-weight: 700;
}

.twin_city .location ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.twin_city .location li {
  color: #155b76;
  padding: 0px 0 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.twin_city .location img {
  margin-right: 20px;
}

/*--------------------------map-area-------------------------*/

.map h4 {
  color: #f58b5e;
  padding: 0px 0 20px;
  font-size: 27px;
  font-weight: 600;
}

.map_img {
  background-color: #155b76;
  padding: 7px;
}



/*--------------------------needs sec-------------------------*/
#needs {
  background-color: #eef8f9;
  padding-bottom: 80px;
}

#needs h2 {
  color: #155b76;
  padding: 0px 0 20px;
  font-size: 65px;
  font-weight: 500;
}

#needs h4 {
  font-size: 40px;
  color: #339933;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 50px;
}

.need_info p {
  color: #4d4e53;
  padding: 20px 0 20px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}

.green {
  color: var(--main-color-green);
}

.blue-light {
  color: var(--main-color-blue-light);
}

.mt100 {
  margin-top: 100px;
}

.need_img {
  padding: 10px;
  margin-top: 24px;
  background-color: #155b76;
}

.recovery_sec {
  background-color: #fff;
  box-shadow: 0 0 5px rgb(0 0 0 / 15%);
  padding: 20px;
  margin: 30px 0px;
}

.recovery_sec h3 {
  font-size: 35px;
  color: #1f94b8;
  font-weight: 600;
  padding: 0;
  line-height: 50px;
}

.recovery_sec h6 {
  font-size: 18px;
  color: #4d4e53;
  font-weight: 600;
  padding: 0;
  line-height: 2;
  margin-bottom: 16px;
}

.recovery_sec .detailbox ul {
  padding: 0px 0 0;
  margin: 0px;
}

.recovery_sec .detailbox ul li::before {
  border-left: 12px solid var(--main-color-orange);
}

.recovery_sec .detailbox ul li p {
  list-style: none;
  color: #4d4e53;
  padding: 4px 0px 8px;
  margin: 0px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  text-align: left;
  list-style-position: outside !important;
}

.recovery_sec .detailbox span {
  font-style: italic;
  font-size: .85rem;
}


/*--------------------------programs sec------------------------------------*/
#programs {
  padding: 0px 0px 0px;
  position: relative;

  text-align: left;
}

#programs .detailbox ul li {
  color: #4d4e53;
  font-weight: 500;
}

#programs .detailbox ul li::before {
  border-left: 12px solid var(--main-color-orange);
}

#programs .dots-divider {
  padding: 0px 0 24px 0;
}

.help_content {
  padding: 20px 5px 0px;
  text-align: left !important;
  position: relative;
}

#programs .help_content h1 {
  line-height: 50px;
  color: #1f94b8;
  padding: 20px 20% 20px 0px !important;
  font-size: 45px;
  font-weight: 700;
  margin: 0px !important;
}

#programs .help_content p {
  color: var(--main-color-blue);
  padding: 10px 0 0px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
}

#programs .help_content p a {
  color: var(--main-color-green);
}

#programs .help_content p a:hover {
  color: var(--main-color-blue-light);
}

#programs .help_content h4 {
  color: #1f94b8;
  padding: 0px 0 20px;
  font-size: 25px;
  font-weight: 600;
  text-align: left;
  margin: 0px !important;
}

#programs .help_content h4 span {
  color: #3d9b35;
}

.help_content i {
  font-size: 90px;
  color: #339933;

}

#programs .info {
  background-color: var(--main-color-blue);
  padding: 30px 20px;
}

#programs .info p {
  color: #fff;
  padding: 0px 0 20px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  text-align: left;
  margin: 0px !important;
}

.vail_btns {
  text-align: center;
  padding: 8px;
  color: #f26522;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin: 10px 0px;
  border: 2px solid #b7b7b7;
}

.vail_btns:hover {
  color: #fff;
  background-color: #f26522;
}

.vail_btns1 {
  text-align: center;
  padding: 8px 10px;
  color: #46c8f5;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  margin: 10px 0px;
  border: 2px solid #b7b7b7;
}

.vail_btns1:hover {
  text-align: center;
  padding: 8px 10px;
  color: #fff;
  background-color: #46c8f5;
  font-size: 13px;
  font-weight: 700;
  margin: 10px 0px;
  border: 2px solid #fff;
}

.learnbtn {
  text-align: center;
  padding: 8px 20px;
  color: #fff;
  background-color: #f26522;
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 2px solid #f26522;
}

.learnbtn:hover {
  text-align: center;
  padding: 8px 20px;
  color: #f26522;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 2px solid #f26522;
}

#programs .info .detailbox .readbtn a {
  color: #339933;
  font-size: 18px;
  font-weight: 600;
}

#programs .info .detailbox ul li i {
  color: #1f94b8;
  font-size: 30px;
}

.place_members i {
  margin-left: 20px;
  background-color: #17aedc;
  padding: 7px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  display: inline-block;
}

/*--------------------------first_care sec------------------------------------*/

#first_care h2,
.title-section {
  color: var(--main-color-blue);
  padding: 20px 0;
  font-size: 3rem;
  font-weight: 500;
}

@media (min-width: 920px) {
  .title-section {
    font-size: 4rem;
  }
}

#first_care .faq_img {
  border-top: 8px solid var(--main-color-blue);
  border-bottom: 8px solid var(--main-color-blue);
}

#first_care .text {
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: 2;
}

#first_care .text h2 {
  font-size: 55px;
  color: #fff;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
}

#first_care .text p {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  padding: 0px 15%;
  text-align: center;
}

#first_care .text p span {
  color: #ffe027;
}

#first_care .text .textbtm {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  padding: 20px 26% 0 0;
  text-align: left !important;
}

#first_care .text .textbtm span {
  color: #73e947;
}

#first_care .features {
  margin: 40px auto;
  max-width: 960px;

}

.features ul {
  padding: 0px 0 10px;
  margin: 0px;
}

.features ul li {
  margin-bottom: 24px;
  list-style: none;
}

.features ul li::before {
  content: url('../images/check.svg');
  width: 15%;
  max-width: 64px;
  height: 64px;
  margin-right: 16px;
  display: block;

}

.box-check {
  width: 85%;
}

.features p {
  color: #4d4e53;
  margin: 0px;
  font-size: 22px;
  line-height: 1.8;
  font-weight: 600;
}

.features ul li h5 {
  color: #1f94b8;
  padding: 4px 0px 8px;
  margin: 0px;
  font-size: 40px;
  font-weight: 600;
}

.features ul li i {
  color: #f88b24;
  font-size: 35px;
  padding-top: 5px;
}

.features span {
  padding: 0px 20px;
  color: #4d4e53;
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
}

#first_care h4 {
  font-size: 40px;
  color: #339933;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 50px;
}

#first_care h6 {
  font-size: 40px;
  color: #155b76;
  font-weight: 700;
  padding: 20px 0 50px;
  line-height: 50px;
}


/* --------- FAQ ------------------------*/
.become_title {
  background-color: #eef8f9 !important;
}

.faq_img img {
  border-top: 10px solid var(--main-color-blue);
  border-bottom: 10px solid var(--main-color-blue);
}

.member_info {
  padding: 0px 20% 20px;
  box-sizing: border-box;
}

.member_info .orange_text {
  padding-top: 40px;
}

.member_info h6 {
  font-size: 32px;
  color: #f26522;
  font-weight: 600;
  padding: 20px 0 0;
  text-align: center;
}

.member_info span,
.quote-sign {
  font-size: 18px;
  line-height: 30px;
  color: #f26522;
  font-weight: 400;
  padding: 20px 0 0;
  text-align: right;
  display: block;
}

.quote-sign{
  text-align: left;
}

.become_faq p {
  font-size: 18px;
  line-height: 30px;
  color: #4d4e53;
  font-weight: 500;
  padding: 0px 0 20px;
  line-height: 40px;
}

.video_box{
  position: relative;
  height: 0;
  overflow: hidden;
  margin: 1em 0;
}

.ratio-16x9 {
  padding-bottom: 56.25%;
}

#become_faq .video_box iframe {
  border: 8px solid var(--main-color-blue);
}

#become_faq .video_box img {
  width: 100%;
}

#become_faq .member_name p {
  font-size: 2rem;
  line-height: 30px;
  color: #3d9b35;
  font-weight: 400;
  text-align: center;
}

#become_faq .orage-cta {
  margin: 56px 0 24px 0;
}

#become_faq .dots-divider {
  padding: 16px 0 40px 0;
}

/*--------------------------------------------------------------
# Our Programs and services
--------------------------------------------------------------*/

.page-template-page-programs-and-services #intro_page p {
  color: var(--main-color-blue-light);
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 16px;
}

.featured-p {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 40px;
  color: var(--main-color-blue);
}

.visit-box {
  margin: 16px 0 40px 0;
  transition: all .3s ease-in-out;
}

.visit-box a {
  display: inline-block;
}

.visit-box a:hover h4::after {
  /* margin-left: 24px; */
}

.visit-box h4 {
  font-size: 1.75rem;
  color: var(--main-color-orange);
  font-weight: 700;
  line-height: 1;
  margin: 16px 0;
  transition: all .3s ease-in-out;
}

.visit-box a:hover h4 {
  margin-left: 8px;
  color: var(--main-color-blue);
}

.visit-box h4::after {
  width: 32px;
  height: 32px;
  margin-left: 16px;
  transition: all .3s ease-in-out;

}

.visit-box h4 span {
  color: var(--main-color-blue-light);
  padding-right: 8px;
}

.visit-box img {
  border: 8px solid var(--main-color-blue);
}

.clubhouse-model h3 {
  font-size: 1.5rem;
  color: var(--main-color-blue-light);
  font-weight: 600;
  margin: 0 0 8px 0;
  line-height: 1.2;
}

.clubhouse-model h4 {
  font-size: 1.25rem;
  color: var(--main-color-blue-light);
  font-weight: 600;
  margin: 0 0 8px 0;
  line-height: 1.2;
}

.clubhouse-model p {
  font-size: 1.125rem;
  line-height: 1.8;
  margin: 0 0 16px 0;
}

.clubhouse-model ul,
.content-page ul,
article ul {
  list-style: none;
}

.content-page ul,
article ul {
  margin-bottom: 24px;
}

.clubhouse-model ul li,
.content-page ul li,
article ul {
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: 16px;
  color: #4b5457;
}

.content-page ul li,
article ul li {
  margin-bottom: 16px;
  padding-left: 24px;
  position: relative;
  font-size: 1rem;
}

.content-page ul li::before,
article ul li::before {
  position: absolute;
  left: 0;
  top: 0;
}

.content-page ol {
  padding: 0;
  margin-left: 1.5rem;
}

.content-page ol li {
  margin-bottom: 16px;
  padding-left: 16px;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5;
}

.content-page ol li::marker {
  font-weight: bold;
  font-size: 1.25rem;
  color: var(--main-color-blue-light);
}

.content-page ul li strong {
  padding-right: 4px;
}

.clubhouse-model ul li::before,
.content-page ul li::before,
article ul li::before {
  font-size: 2rem;
  line-height: .5;
  content: '\2022';
  color: var(--main-color-orange);
  font-weight: bold;
  display: inline;
  margin-right: 8px;
}

.clubhouse-model-aside {
  font-size: 14px;
}

.clubhouse-model-aside img {
  max-width: 80%;
}

.white-box {
  color: #fff;
  padding: 5px;
  box-sizing: border-box;
  background: #fff;
  border: 5px solid var(--main-color-blue);
  margin: 8px auto;
  max-width: 80%;
}

.attention-box {
  color: #fff;
  margin: 8px auto;
  max-width: 80%;
}

.attention-box h4 {
  color: #399dbd;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
  padding: 0px 0px 10px 0px;
  margin: 0px;

}

.attention-box p {
  font-size: 1rem;
  color: #FFF;
}

.blue-dark-box {
  padding: 8px;
  box-sizing: border-box;
  background: var(--main-color-blue);
  text-align: left;
}

.blue-dark-box>a {
  line-height: 1;
  font-size: 1rem;
  margin: 16px 0 8px 0;
}

.blue-dark-box>a span {
  color: #fff;
}

.cta-title h4 {
  font-size: 2rem;
  color: var(--main-color-orange);
  font-weight: 700;
  margin: 32px 0;
}

.coodinators h4 {
  font-size: 25px !important;
  color: #f26522 !important;
  font-weight: 600;
  margin: 0px;
  line-height: 40px;
}

.coodinators h6 {
  font-size: 25px !important;
  color: #0d0d0d !important;
  font-weight: 600;
  margin: 0px;
  line-height: 40px;
  padding-top: 10px;
}

.coodinators p {
  font-size: 15px !important;
  color: #0d0d0d !important;
  font-weight: 500;
  margin: 0px;
  padding: 0 40% 20px 0;
  line-height: 30px;
}

.coodinators p a {
  color: #17a9d7 !important;
  text-decoration: underline;
}

.helpful_btn a {
  color: #fff;
  margin-top: 20px !important;
  background-color: #17a9d7;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  padding: 12px 20px;
  border: 0px;
  border-radius: 5px;
  text-transform: uppercase;
}

.vail_hopkins .btm_row p {
  font-weight: 400;
}

#case-management .dots-divider {
  padding: 40px 0;
}

#case-management .title-open-section .title-section {
  font-size: 48px;
}

#case-management .contacts_info h6,
#vailcare .contacts_info h6,
.content-page .contacts_info h6 {
  font-size: 1.25rem;
  color: var(--main-color-orange);
  font-weight: 600;
  margin: 0px;
  line-height: 1.5;
  padding-top: 10px;
}

#case-management .contacts_info p,
.contacts_info p {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0px;
  padding: 0 0 20px 0;
  line-height: 30px;
}

#case-management .contacts_info p a,
.contacts_info p a {
  color: var(--main-color-blue-light);
  text-decoration: underline;
}

#case-management h4 {
  font-size: 40px;
  color: #339933 !important;
  font-weight: 700;
  margin: 10px 0% 20px 0px;
  line-height: 50px;
}

#vailcare .bottom_title {
  font-size: 2rem;
  padding-bottom: 24px;
}

.content-page h6 {
  font-size: 1.5rem;
  color: var(--main-color-blue-light);
  font-weight: 600;
  margin: 0px;
  padding: 32px 0px 0px 0px;
  line-height: 1.5;
}

.content-page p {
  color: #4b5457;
  font-size: 1.125rem;
  line-height: 1.8;
  margin-bottom: 24px;
}

.space-orange {
  margin: 56px 0 24px 0;
}

#assertive {
  padding-bottom: 40px;
}

.donate_img,
.footer_img {
  border-top: 8px solid var(--main-color-blue);
}


/*--------------------------------------------------------------
# Resources
--------------------------------------------------------------*/
.button {
  width: 100%;
  margin: 40px 0;
}

.button.button-facts {
  margin: 24px 0;
}

.news-box--date {
  font-size: 1.75rem;
  font-weight: 600;
}

#news-resources .boxes p {
  line-height: 1.5;
}

.housing-options-box {
  /* position: absolute;
  top: 8vh;
  padding: 5%; */
}

.options-box-item {
  margin-bottom: 8px;
  width: 100%;

}

@media (min-width: 1200px) {

  .housing-options-box,
  .options-box {
    position: absolute;
    top: 8vh;
    padding: 5%;
  }

  .options-box-item {
    max-width: 220px;
  }

  .options-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 20vh;
  }

  .container-options {
    max-width: 960px;
    margin: 0 auto;
  }

  .options-box.options-box-reports {
    top: 0;
    flex-wrap: wrap;
    max-width: 960px;
    justify-content: space-around;
  }

  .options-box.options-box-reports .options-box-item {
    margin-bottom: 16px;
  }
}

.img-wide {
  position: relative;
}

a.h-option-box {
  padding: 16px;
  background: rgba(31, 148, 184, .7);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  min-height: 120px;
  color: #fff !important;
  transition: all .3s ease-in-out;
}

a.h-option-box:hover {
  background: rgba(31, 148, 184, .9);
  transform: translateY(-8px);
}

.page-template-page-resources #community {
  margin: 0;
  padding-bottom: 80px;
}

#community h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--main-color-blue-light);
  margin-top: 24px;
}

#community p {
  margin: 16px 0;
  font-size: 1.125rem;
}

#community p,
#community p a {
  color: #4d4e53;
}

#community p a:hover {
  color: var(--main-color-blue-light);
}

.crisis-emergency {
  margin: 40px 0;
}

.crisis-emergency p {
  font-size: 1.25rem;
}

.crisis-emergency .contact {
  color: var(--main-color-orange);
  font-size: 1.5rem;
  font-weight: bold;
}

#fact-sheets .title-section {
  margin-bottom: 40px;
}

#fact-sheets .boxes h3 {
  min-height: 96px;
}


#forms-page-resources {
  background: var(--main-bg-light);
  padding-bottom: 80px;
}

#forms-page-resources .title-section {
  margin-bottom: 24px;
}

#forms-page-resources .forms-content h2,
#forms-page-resources .forms-content h3 {
  text-transform: uppercase;
  font-weight: 600;
}

#forms-page-resources .forms-content h2 {
  font-size: 2rem;
  color: var(--main-color-orange);
}

#forms-page-resources .forms-content h3 {
  font-size: 1.25rem;
  margin: 24px 0 8px 0;
}

#forms-page-resources .forms-content .col-form-left h3 {
  color: var(--main-color-blue-light);
}

#forms-page-resources .forms-content .col-form-right h3 {
  color: var(--main-color-blue);
}

#forms-page-resources .forms-content p {
  font-size: 1.125rem;
  margin: 8px 0;
}

/*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/

/*-------------inspired_sec------------------*/
#inspired_sec {
  padding: 20px 0 20px 0;
}

.inspire_text {
  margin: auto;
}

.inspire_text p {
  font-size: 40px;
  color: #155b76;
  font-weight: 300;
  margin-bottom: 80px;
  padding: 0px;
  line-height: 45px;

}

.inspire_text span {
  font-size: 70px;
  color: #c8e2ea;
  font-weight: 500;
  margin-bottom: 56px;
  padding: 20px 0 0 0;
  line-height: 70px;

}

#about-cta {
  margin: 80px 0;
}

#slider_about .boxes .info {
  min-height: 330px;
}

#slider_about .boxes p {
  line-height: 1.5;
}

.owl-dots {
  text-align: center;
  padding: 16px 0;
}

.owl-dots .owl-dot span {
  width: 24px;
  height: 24px;
  margin: 4px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: var(--main-color-green);
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  text-align: center;
}

.circle-team {
  padding: 8px;
}

.circle-team img {
  position: relative;
  border-radius: 50%;
  border: 8px solid var(--main-color-blue);
  transition: all .3s ease-in-out;

}

.circle-team a:hover img {
  border: 8px solid var(--main-color-orange);
  transform: translateY(-8px);
}

.circle-team_text {
  position: absolute;
  bottom: 45px;
  width: 100%;
  text-align: center;
  max-width: 140px;
  margin: 0 0 0 -70px;
  left: 50%;
}

.circle-team_text.circle-team_text-2 {
  max-width: 200px;
  margin: 0 0 0 -100px;
}


.circle-team_text h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  text-shadow: 2px 2px 8px #1a2732;
  text-align: center;
}

#working {
  padding: 80px 0 40px 0;
}

#our-locations {
  padding-bottom: 80px;
}


#our-locations .title-section {
  padding-top: 64px;
}


/* WHO WE ARE */

.page-id-424 #intro_page {
  min-height: 320px;
}

.page-id-424 #intro_page h2 {
  color: var(--main-color-blue-light);
  text-align: center;
}

.post-424 h3 {
  text-transform: uppercase;
  margin-bottom: 24px;
}


.content-page #post-424 ul li {
  padding-left: 64px;
  margin-bottom: 32px;
  line-height: 1.5;
}

.content-page #post-424 ul li::before {
  content: url('../images/orange-check-mark.png');
}

#post-415 .intro-page p {
  margin-bottom: 16px;
  letter-spacing: -.1px;
}

#post-415 .quote-box {
  max-width: 550px;
  margin: 0 auto;
  padding: 24px 0 40px 0;
}

#post-415 .quote-text {
  color: var(--main-color-orange);
  font-size: 1.25rem;
  padding-left: 0;

}

#post-415 .quote-text cite {
  text-align: right;
}


/* OUR TEAM */

.content-page .post-518 p,
#post-518 .content-page p {
  font-weight: 500;
}

.box-executives {
  margin-top: 80px;
}

.box-executives.staff {
  margin-top: 24px;
}

.title-secondary {
  font-size: 2rem;
  color: var(--main-color-blue-light);
  font-weight: 700;
  margin-top: 80px;
}

.person-box {
  margin-bottom: 56px;
}

.office {
  font-size: 1.125rem;
  color: #f26522;
  font-weight: 300;
  padding-top: 0px;
  line-height: 30px;
  margin-bottom: 16px;
  display: block;
}

.name-person {
  font-size: 1.5rem;
  color: var(--main-color-blue);
  font-weight: 600;
  padding-top: 10px;
  line-height: 1;
}

#staff {
  padding-bottom: 40px;
}

#intro_page .intro_page_staff {
  min-height: 320px;
}

#intro_page h2.title-page-staff {
  font-size: 3.5rem;
  max-width: 440px;
  color: var(--main-color-blue-light);
}

.staff-type .title-secondary {
  text-transform: uppercase;
  color: var(--main-color-orange);
  margin: 24px 0 40px 0;
  font-size: 1.75rem;
}

.staff-type .person-box {
  margin-bottom: 40px;
}

.staff-type .name-person,
.staff-type .office {
  font-size: 1.125rem;
}

.staff-type .name-person {
  margin-bottom: 8px;
}

.staff-type .office {
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #000;
}

.staff-type .image-person {
  max-height: 255px;
  overflow: hidden;
}

.staff-type .icon-email img {
  max-width: 32px;
}

.staff-type .icon-email a {
  background: url(../images/email-icon-svg.svg) no-repeat;
  display: block;
  width: 32px;
  height: 32px;
  background-size: contain;
  opacity: .2;
}

.staff-type .icon-email a:hover {
  background: url('../images/icon-email.jpg') no-repeat;
  background-size: contain;
  opacity: 1;
}


.executives-officers .image-person img,
.directors-officers .image-person img {

  max-width: 255px;
}


.image-person.circle-img img {
  border-radius: 50%;
  border: 8px solid var(--main-color-blue);
}

.btn-circle-blue-plus {
  width: 42px;
  height: 42px;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  background-color: #6fccdd;
  color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 0 0 2px var(--main-color-blue);
  border-radius: 50%;
  padding: 8px;
  margin-left: 8px;
  transition: all .3s ease-in-out;
}

.btn-circle-blue-plus:hover {
  background-color: var(--main-color-orange);
  box-shadow: 0 0 0 3px var(--main-color-blue);
}

.box-blue {
  background: var(--main-color-blue-light);
  padding: 0 16px 16px 16px;
  min-height: 156px;
}

.box-blue.box-orange {
  background: var(--main-color-orange);
  min-height: auto;
}

.box-blue .name-person,
.box-blue .office {
  color: #fff;
  line-height: 1.3;

}

.box-blue .office {
  font-size: 1rem;
  padding: 0 16px;
  text-transform: uppercase;
}

.icon-email {
  margin: 16px 0;
}

.quote-executive-director,
.quote-executive-director p {
  font-size: 1.25rem;
  color: var(--main-color-blue-light);
  font-weight: 500;
}

.quote-executive-director cite {
  font-size: 1rem;
  color: var(--main-color-orange);
}

.senior-managenment-team .title-secondary {
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 40px;
}

#leadership,
#partners,
#leadership .content-page,
#partners .content-page {
  margin-top: 0;
  padding-top: 0;
}

#leadership .content-page,
#partners .content-page {
  max-width: 960px;
}

#leadership .text-bottom-cta,
#partners .text-bottom-cta {
  padding: 0;
  margin-top: 80px;
}

#leadership .bottom_title,
#partners .bottom_title {
  font-size: 1.5rem;
  margin-bottom: 0;
}

/* .contact {
  margin-top: 64px;
} */

.box-dstq {
  margin: 40px 0;
}

.bg-blue-light {
  background: var(--main-color-blue-light);
  color: #fff;
}

.bg-blue-light p {
  color: #fff;
  margin: 16px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.box-dstq .bg-white blockquote p {
  font-size: 1.5rem;
  color: var(--main-color-blue-light);
}

.box-dstq .bg-white blockquote cite {
  color: var(--main-color-orange);
}

#working-vailplace-section {
  padding: 40px 0;
}

#working-vailplace .button {
  padding: 40px 0 16px 0;
}

.position_btn {
  background-color: #fff;
  color: var(--main-color-orange) !important;
  border: 2px solid var(--main-color-orange);
  font-size: 18px;
  font-weight: 600;
  padding: 24px;
  text-transform: uppercase;
  border-radius: 0px;
  transition: 0.5s;
}

.position_btn:hover {
  background-color: var(--main-color-orange);
  border: 2px solid var(--main-color-orange);
  color: #fff !important;
}

/*--------------------------------------------------------------
# OUR LOCATIONS
--------------------------------------------------------------*/

#our-locations-clubhouses,
.bg-white-arrow-up {
  background: url('../images/whitte-arrow-up-bg.jpg') top center no-repeat;
  padding-top: 80px;
}

#our-locations-clubhouses h2 {
  margin-top: 40px;
}

/* .ourlocations {
  padding: 20px 0 30px;
  background-image: url(../images/helpushelpothers/abt_bghuho.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;

}

.ourlocations h2 {
  font-size: 70px;
  color: #155b76;
  font-weight: 500;
  margin-bottom: 30px;
  padding-top: 50px;
  line-height: 70px;
}

.ourlocations p {
  font-size: 25px;
  color: #4d4e53;
  font-weight: 500;
  margin-bottom: 20px;
  padding-right: 0%;
  line-height: 33px;
}

.ourlocations h4 {
  font-size: 33px;
  color: #1f94b8;
  font-weight: 600;
  margin-bottom: 30px;
  padding-right: 0%;
  line-height: 40px;
}

.ourlocations h3 {
  text-align: left;
  font-size: 45px;
  color: #1f94b8;
  font-weight: 600;
  margin-bottom: 30px;
  padding-top: 50px;
  line-height: 40px;
  text-transform: uppercase;
} */

#administrative-office {
  padding-bottom: 40px;
}

#administrative-office .content-page {
  padding-top: 0;
}

.box-clubhouse {
  position: relative;
}

.title-clubhouse {
  font-size: 3.5rem;
  line-height: 1.2;
  color: var(--main-color-orange);
  font-weight: 700;
  text-transform: lowercase;
}


.box-clubhouse:hover .box-clubhouse-h3 {
  color: #4cf086;
}

.box-clubhouse-left,
.box-clubhouse-right {
  background: rgba(31, 148, 184, .7);
  color: #fff;
  box-sizing: border-box;
  z-index: 2;
  transition: all .3s ease-in-out;
  width: 100%;
  padding: 16px;
  margin-bottom: 24px;
}

.box-clubhouse-h3 {
  text-align: right;
  font-weight: 700;
}

.box-clubhouse-left p,
.box-clubhouse-right p {
  color: #fff;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 500;
}

.arrow-clubhouse-right {
  transform: rotate(-180deg);
  display: inline-block;
}

#locations_sec1 {
  position: relative;
}

.container.container-locations {
  max-width: 920px;
  margin: 24px auto 80px auto;
}

.subtitle-clubhouse {
  font-size: 3.2rem;
  font-weight: 700;
  color: var(--main-color-blue-light);
  margin: 24px 0 40px 0;
}

.subtitle-clubhouse span {
  /* text-transform: capitalize; */
}

.location-item a {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--main-color-orange);
  font-weight: 500;
  margin-bottom: 24px;
  padding-top: 0px;
}

.location-item i {
  color: #fff;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  background-color: var(--main-color-orange);
  margin-right: 20px;
}

.location-title-newsletter {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--main-color-blue-light);
}

.form-newsletter .ctct-form-wrapper .ctct-form-field,
.ctct-form-760 .ctct-form-field,
.ctct-form-892 .ctct-form-field {
  margin-bottom: 16px;
}

.form-newsletter .ctct-form-description {
  margin-bottom: 0;
}

.form-newsletter .ctct-form-field input {
  border: 1px solid var(--main-color-blue-light);
}


.form-newsletter .ctct-form-field-submit input,
.ctct-form-760 .ctct-form-field-submit input,
.ctct-form-892 .ctct-form-field-submit input {
  background-color: var(--main-color-green) !important;
  padding: 8px 16px;
  width: auto;
}

.ctct-form-760 .ctct-form-field-submit,
.ctct-form-892 .ctct-form-field-submit {
  margin-top: 16px;
}

.ctct-form-760 {
  margin-bottom: 40px;
}

#vail {
  text-align: left;
}

#administrate-office {
  padding-bottom: 80px;
}

.container-locations .subtitle-section h3,
.container-locations .subtitle-section h3 span,
.subtitle-section {
  line-height: 1.5;
}

.subtitle_section h3 {
  line-height: 1.5;
}

@media (min-width: 920px) {
  .title-clubhouse {
    font-size: 6rem;
  }

  .box-clubhouse-left,
  .box-clubhouse-right {
    position: absolute;
    top: 0px;

    max-width: 460px;
    height: 100vh;
    max-height: 606px;
  }

  .box-clubhouse-left {
    left: 0px;
    padding: 0 24px 0 40px;
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  }

  .box-clubhouse-right {
    right: 0px;
    padding: 0 40px 0 24px;
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
  }

  .box-clubhouse:hover .box-clubhouse-left {
    left: 40%;
  }

  .box-clubhouse:hover .box-clubhouse-right {
    right: 40%;
  }

  .box-clubhouse-left p {
    margin-right: 24px;
  }

  .box-clubhouse-left p,
  .box-clubhouse-right p {
    font-size: 1.125rem;
  }

}


/*--------------------------------------------------------------
# GET INVOLVED
--------------------------------------------------------------*/

.mb-0 {
  margin-bottom: 0;
}

#contribuite-slider #slider_vail .boxes .info {
  min-height: 240px;
}

#contribuite-slider #slider_vail .boxes h3 {
  font-size: 1.25rem;
}

#slider_vail .boxes .info p {
  color: #fff;
  font-size: .85rem;
  line-height: 1.5;
}

.text-bottom-cta.text-bottom-cta-get-envolved {
  margin: 0;
  padding: 0;
  font-size: 2rem;
}

.text-bottom-cta.text-bottom-cta-get-envolved .bottom_title {
  margin-bottom: 0;
}

#collaborate {
  background: url('../images/bg-Light-Blue-Large-Triangle-down.jpg') bottom center var(--main-bg-light) no-repeat;
  padding-bottom: 80px;
}

#collaborate .title-section {
  padding-top: 40px;
  margin-bottom: 40px;
}

.box-collaborate {
  background: #fff;
  margin-bottom: 24px;
  box-shadow: 6px 3px 20px rgb(2 31 123 / 15%);

}

.title-triangle-collaborate {
  background-color: var(--main-color-orange);
  height: 100%;
  padding: 8px;
}

.title-triangle-collaborate h2 {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
}

.text-collaborate {
  padding: 0 16px;
}

.subtitle-collaborate {
  color: var(--main-color-blue);
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}

@media (min-width: 920px) {
  .title-triangle-collaborate {
    padding: 24px 64px 24px 8px;

    clip-path: polygon(100% 50%, 0 0, 0 100%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*------------------------ hope----------------------------*/
#hope {
  padding: 0px 0 40px 0;
  position: relative;
}

#hope h4 {
  font-size: 5.5rem;
  color: rgba(31, 148, 184, .6);
  font-weight: 700;
  line-height: .8;
}

#hope h4.bring {
  font-size: 6rem;
  color: var(--main-color-green);
  font-weight: 700;
  line-height: 50px;
}

#hope h4.bring span {
  font-size: 2.5rem;
  color: var(--main-color-green);
  font-weight: 700;
  line-height: 50px;
}

#hope h3 {
  font-size: 5rem;
  color: rgba(31, 148, 184, .8);
  font-weight: 700;
  line-height: .5;
}

#hope h1 {
  font-size: 3.5rem;
  color: rgba(242, 101, 34, .7);
  font-weight: 700;
  line-height: 1;
}

#hope p {
  padding-top: 20px;
  font-size: 2rem;
  color: var(--main-color-blue-light);
  font-weight: 700;
  line-height: .5;
}

@media (min-width: 920px) {

  #collaborate {
    padding-bottom: 320px;
  }

  #hope {
    top: -176px;
    padding: 0;
  }

  #hope h4,
  #hope h4.bring {
    font-size: 120px;
  }

  #hope h4.bring span {
    font-size: 3rem;
  }

  #hope h3 {
    font-size: 9rem;
  }

  #hope h1 {
    font-size: 10rem;
    line-height: 125px;
  }

  #hope p {
    font-size: 3.5rem;
  }
}


/* Sponsors */

.post-38949 h3{
  margin: 80px 0 40px 0;

}

.title-event-sponsors{
  background-color: var(--main-color-blue);
  color: #fff;
  width: 100%;
  max-width: 600px;
  margin-bottom: 80px;
  padding: 16px 120px 16px 16px;
  clip-path: polygon(0% 0%, 75% 0%, 85% 50%, 75% 100%, 0% 100%);
}

.title-event-sponsors .wp-block-group__inner-container{
  display: flex;
  align-items: center;
  justify-content: end;
}

.title-event-sponsors h2{
  font-size: 3rem;
  font-weight: 400;
  margin-right: 8px;
}

.title-event-sponsors h3{
  font-weight: 300;
  margin: 0;
}



/*--------------------------------------------------------------
# HELP US HELP OTHERS
--------------------------------------------------------------*/

.page-template-page-help-us .content-page ul li::before,
.page-template-page-collaborate .content-page ul li::before {
  content: '▶';
  font-size: 1.75rem;
  line-height: .5;
}

.title-cta-donation {
  font-weight: bold;
  color: var(--main-color-blue-light);
  margin-top: 80px;
}

.title-cta-donation a {
  color: var(--main-color-green);
}

.content-page.check-list ul li {
  padding: 8px 0 0 40px;
  margin-bottom: 24px;
}

.content-page.check-list ul li::before {
  content: url('../images/check.svg');
  width: 15%;
  max-width: 32px;
  height: 32x;
  margin-right: 16px;
  display: block;
}

#become-a-volunteer .img-wide {
  margin: 0;
}

#ambassador-program {
  margin-top: 0;
}

#ambassador-program h3 {
  text-transform: uppercase;
  color: var(--main-color-blue-light);
}

#ambassador-program h4 {
  margin-bottom: 8px;

}

.page-id-952 .intro-page {
  max-width: 350px;
}

.page-id-952 #intro_page h2 {
  color: var(--main-color-blue-light);
}

/*--------------------------------------------------------------
# COLLABORATE
--------------------------------------------------------------*/
.page-template-page-collaborate #intro_page h2 {
  margin-bottom: 40px;
}

.page-template-page-collaborate #intro_page h3 {
  margin-bottom: 16px;
}

.intro_page_collaborate .space-orange {
  margin-bottom: 80px;
}

.quote_bg1 {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.orng_box {
  margin: 24px auto;
  padding: 32px;
  box-sizing: border-box;
  background-color: #fa8100;
  border-radius: 40px;
}

.orng_box p {
  color: #fff;

}

.orng_box::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 100px;
  bottom: -70px;
  left: 50%;
  background-color: #fa8100;
  clip-path: polygon(28% 0, 0 100%, 98% 0);
}

.quote_bg1 i {
  font-size: 40px;
  color: var(--main-color-blue-light);
  top: 50px;
  position: relative;
  left: -20px;
}

.orng_box span {
  color: #fff;
  font-size: 14px;
  text-align: right;
}

.box-contact {
  margin-top: 80px;
}

.mt-cols {
  margin-top: 80px;
}

/*--------------------------------------------------------------
# NEWS AND EVENTS
--------------------------------------------------------------*/
.gettext {
  color: var(--main-bg-light);
  font-size: 6rem;
  font-weight: 700;
  margin-bottom: -30px;
  text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.4);
}

#on-the-calendar .upcoming-item{
  margin-bottom: 24px;
}

#on-the-calendar #upcoming-item-1{
  background: #b1d33e;
}

#on-the-calendar #upcoming-item-2{
  background: #ef6d3a;
}

#on-the-calendar #upcoming-item-3{
  background: #48b8ea;
}

#on-the-calendar .upcoming-item a,
#on-the-calendar .upcoming-item p,
.date-center{
  color: #fff;
}

.date-center {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  background: rgba(255,255,255,0.3);
  height: 100%;
  flex-direction: column;
  padding: 16px;
}

.upcomming-item__left,
.upcoming-item__body {
  position: relative;
}

.events-description{
  padding: 16px;
}

#on-the-calendar .dots-divider{
  padding: 16px 0;
}

@media (min-width: 992px){

  .date-center {
    clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%);

  }
  #on-the-calendar .upcomming-item__left{
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
  }

  .negative-left{
    left: -68px;
  }

  .events-description{
    padding: 0;
    left: -32px;
    position: relative;
  }
}

.upcoming-item__date {
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background: var(--main-color-orange);
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  width: 50%;
  position: absolute;
  top: 0;
  padding: 8px;
  font-size: 2rem;
}

/*-------------------------------------------------------------
NEWSLETTER
-------------------------------------------------------------*/


.post-type-archive-newsletter #newsl_top,
.page-id-38922 #newsl_top{
  min-height: 320px;
  padding: 52px 0 48px;
}
.post-type-archive-newsletter .intro-blog,
.page-id-38922 .intro-blog{
  max-width: 600px;
}

.post-type-archive-newsletter #newsl_top h2,
.page-id-38922 #newsl_top h2{
  line-height: 1.2;
  text-align: center;
  color: var(--main-color-blue-light);
}

.post-type-archive-newsletter .title-open,
.page-id-38922 .title-open{
  margin: 56px 0 40px 0;
}

.archive-newsletters-clubhouses {
  padding-bottom: 120px;
}

.category-newsletter,
.archives_posts ul li:first-child a{
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--main-color-blue-light);
}

.category-newsletter::after{
  margin-left: 8px;
}

.newsletter-box .article-box--headings{
  margin: 24px 0 40px 0;
  padding: 0 24px;
}

.newsletter-box{
  padding: 0;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.ftrlogo {
  margin-top: 0px;
}

#footer {
  padding: 0px;
  font-size: 1.25rem;
  line-height: 1.5;
}

#footer .footer-top {
  background-image: url("../images/ftr_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0 0 0;
}

#footer .footer-top h4 {
  font-size: 23px;
  font-weight: bold;
  color: #094869;
  position: relative;
  padding-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}

#footer .footer-top .footer-links {
  margin-bottom: 0px !important;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li {
  padding: 5px 0;
  font-size: 13px;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  font-weight: 500;
}

#footer .footer-top .footer-links ul a:hover {
  color: #fff;
  font-weight: 500;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 1.8;
  color: #094869;
  font-weight: 400;
  font-size: 1rem;
  padding: 0 10px 0 0;
  margin-bottom: 32px;
}

#footer .footer-top .footer-contact .footer-address {
  line-height: 1.6;
}

#footer .footer-top .middle p {
  color: #094869;
  line-height: 2;
  font-weight: 600;
  padding: 0 16px 8px 0;
  margin-bottom: 0;
}

#footer .footer-top .middle p::after {
  display: block;
  content: url('../images/dots-divider.png');
  width: 100%;
  height: 35px;
}

#footer .footer-top .footer-contact p span {
  color: #f26522;
}

#footer .footer-top .footer-contact p span a {
  color: #f26522;
}

#footer .footer-top .footer-contact a {
  color: #094869;
  text-decoration: none;
}

.social-icon {
  padding: 0;
}

.social-icon img {
  width: 64px;
  height: 64px;
}

#footer .copyright {
  text-align: left;
  font-size: 15px;
  color: #fff;
  padding: 20px 0px;
  margin-top: 10px;
}

#footer .copyright p {
  padding-bottom: 0px;
}

#footer .credit {
  background-color: #155b76;
}

#footer .footer-top h3 {
  font-size: 1REM;
  font-weight: 700;
  color: #f26522;
  padding-bottom: 10px;
}

.sign {
  font-size: .75rem;
}

.footer-contact i {
  color: #3e9e3e;
}

.mt50 {
  margin-top: 50px;
}

.mt20 {
  margin-top: 20px;
}

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

#footer .ftrbtm ul li a {
  font-size: 1.125rem;
  font-weight: 500;
  color: #094869;

}

#footer .ftrbtm .nav-link {
  display: block;
  padding: 5px 10px;
}

#footer .ftrbtm .nav-link i {
  padding: 12px;
  background-color: #0099e5;
  color: #fff;
  font-size: 30px;
  border-radius: 50%;
}