@font-face {
font-family: "Myraid";
src: url(//valleybx.com/wp-content/themes/valley-builders-exchange/css/font/MyriadPro-Regular.woff2) format('woff2'),
url(//valleybx.com/wp-content/themes/valley-builders-exchange/css/font/MyriadPro-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} h1, h2, h3, h4, h5, h6 {
font-family: 'Oxygen', sans-serif;
font-weight: 700;
}
body {
font-family: "Myraid";
padding-bottom: 0;
}
a:focus {
outline: none;
}
section {
padding: 60px 0;
}
.section-title h2 {
text-transform: uppercase;
margin: 0;
color: #222222;
}
.devider-link {
margin-bottom: 15px;
}
::-webkit-input-placeholder { color: #000;
font-family: "Myraid";
}
:-ms-input-placeholder { color: #000;
font-family: "Myraid";
}
::placeholder {
color: #000;
font-family: "Myraid";
} #return-to-top {
opacity: 0;
position: fixed;
bottom: 60px;
right: 20px;
background: #feb800;
width: 40px;
height: 40px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 99;
}
a#return-to-top i {
color: #1f3f9a;
margin: 0;
position: relative;
left: 13px;
top: 5px;
font-size: 13px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} #topbar {
background: #133086;
height: 40px;
font-size: 14px;
transition: all 0.5s;
color: #fff;
padding: 0;
}
#topbar ul {
margin: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: center;
}
#topbar ul li a {
color: #fff;
text-decoration: none;
}
#topbar ul li a i {
color: #ffc527;
padding-right: 5px;
}
#topbar ul li {
padding: 0 10px;
} header#header {
padding: 10px;
background: #fff;
transition: all 0.5s;
z-index: 997;
box-shadow: 0 0 21px rgb(0 0 0 / 27%);
}
.header-fixed #header {
position: fixed;
padding: 10px;
width: 100%;
background-color: #fff;
transition: all 0.5s;
z-index: 9999;
height: auto;
top: 0;
}
.logo-area a img {
width: 170px;
}
.login_btn img {
width: 190px;
}  #header .cu-menu-area .header-menu {
position: relative;
display: flex;
align-items: center;
z-index: 1000;
} #header .cu-menu-area .menu-toggle {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
z-index: 1010;
}
#header .cu-menu-area .menu-toggle .menu-icon {
width: 28px;
height: 20px;
position: relative;
}
#header .cu-menu-area .menu-toggle .menu-icon span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #111;
border-radius: 2px;
transition: all 0.35s ease;
}
#header .cu-menu-area .menu-toggle .menu-icon span:nth-child(1) { top: 0; }
#header .cu-menu-area .menu-toggle .menu-icon span:nth-child(2) { top: 8px; }
#header .cu-menu-area .menu-toggle .menu-icon span:nth-child(3) { top: 16px; } @media (max-width: 991px) {
#header .cu-menu-area .menu-toggle.active .menu-icon span:nth-child(1) {
transform: rotate(45deg);
top: 8px;
}
#header .cu-menu-area .menu-toggle.active .menu-icon span:nth-child(2) {
opacity: 0;
}
#header .cu-menu-area .menu-toggle.active .menu-icon span:nth-child(3) {
transform: rotate(-45deg);
top: 8px;
}
} @media (min-width: 992px) {
#header .cu-menu-area .menu-toggle .menu-label {
display: inline-block;
font-weight: 600;
font-size: 14px;
}
} #header .cu-menu-area .custom-main-menu {
list-style: none;
margin: 0;
padding: 0;
display: none;
flex-direction: column;
width: min(340px, 92vw);
background: #fff;
border: 1px solid #e6e8ee;
border-radius: 12px;
box-shadow: 0 12px 30px rgba(0,0,0,.12);
overflow: hidden;
position: relative;
}
#header .cu-menu-area .custom-main-menu.open {
display: flex;
} @media (min-width: 992px) {
#header .cu-menu-area .custom-main-menu {
position: fixed;
top: 0;
left: 0;
width: 25vw;
max-width: 420px;
height: 100%;
background: #fff;
box-shadow: 4px 0 20px rgba(0,0,0,0.15);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 1000;
display: flex;
flex-direction: column;
padding-top: 90px;
}
#header .cu-menu-area .custom-main-menu.open {
transform: translateX(0);
} .desktop-close-btn {
position: fixed;
top: 70px; left: calc(25vw - 55px); background: none;
border: none;
font-size: 32px;
color: #111;
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 1020;
}
.custom-main-menu.open ~ .desktop-close-btn,
body.menu-open .desktop-close-btn {
opacity: 1;
pointer-events: all;
}
.desktop-close-btn:hover {
color: #555;
}
} @media (max-width: 991px) {
body.menu-open { overflow: hidden; }
#header .cu-menu-area .custom-main-menu {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 100%;
background: #fff;
padding-top: 70px;
overflow-y: auto;
transform: translateY(-100%);
transition: transform 0.35s ease;
z-index: 1000;
display: flex;
flex-direction: column;
}
#header .cu-menu-area .custom-main-menu.open {
transform: translateY(0);
}
} #header .cu-menu-area .custom-main-menu li {
list-style: none;
border-bottom: 1px solid #f1f2f6;
}
#header .cu-menu-area .custom-main-menu li:last-child {
border-bottom: none;
}
#header .cu-menu-area .custom-main-menu a {
display: block;
padding: 14px 24px;
font-size: 16px;
font-weight: 600;
color: #111;
text-decoration: none;
background: #fff;
transition: background 0.2s ease, color 0.2s ease;
}
#header .cu-menu-area .custom-main-menu a:hover {
background: #f7f8f9;
color: #133086; } #header .cu-menu-area .custom-main-menu .sub-menu a {
padding: 12px 24px 12px 36px;
font-weight: 500;
color: #24262b;
background: #f9fafb;
}
#header .cu-menu-area .custom-main-menu .sub-menu a:hover {
background: #eef0f3;
} @media (max-width: 991px) {
.desktop-close-btn {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
} #header .cu-menu-area .custom-main-menu .sub-menu {
list-style: none;
margin: 0;
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
} #header .cu-menu-area .custom-main-menu li.open-sub > .sub-menu {
max-height: 500px; border-top: 1px dashed #eceff4;
} #header .cu-menu-area .custom-main-menu > li.menu-item-has-children > a {
position: relative;
padding-right: 30px; } #header .cu-menu-area .custom-main-menu > li.menu-item-has-children > a::after {
content: "";
position: absolute;
right: 12px;
top: 50%;
width: 7px;
height: 7px;
border-right: 2px solid #111;
border-bottom: 2px solid #111;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s ease;
} #header .cu-menu-area .custom-main-menu > li.open-sub > a::after {
transform: translateY(-50%) rotate(-135deg);
}
#header .cu-menu-area .custom-main-menu .sub-menu a {
padding: 12px 16px 12px 32px;
font-weight: 500;
background: #fafbfc;
} #header .cu-menu-area .menu-toggle.active .menu-icon span:nth-child(1) {
transform: rotate(45deg);
top: 8px;
}
#header .cu-menu-area .menu-toggle.active .menu-icon span:nth-child(2) {
opacity: 0;
}
#header .cu-menu-area .menu-toggle.active .menu-icon span:nth-child(3) {
transform: rotate(-45deg);
top: 8px;
} #header .cu-menu-area .menu-toggle .menu-icon span {
transition: all 0.3s ease;
} @media (min-width: 992px) {
#header .cu-menu-area .menu-toggle.active {
z-index: 9999 !important;
position: fixed !important;
top: 25px !important;
left: 20px !important;
}
}
@media (max-width: 991px) {
#header .cu-menu-area .menu-toggle {
position: absolute !important;
top: 50% !important;
left: 5px !important; transform: translateY(-50%) !important;
z-index: 10001 !important;
}
} #header .cu-menu-area .menu-cta {
text-align: center;
padding-top: 10px; padding-bottom: 10px;
border-top: 1px solid #eee;
}
#header .cu-menu-area .menu-cta img.menu-cta-image {
max-width: 200px; height: auto;
transition: opacity 0.25s ease;
}
#header .cu-menu-area .menu-cta a:hover img.menu-cta-image {
opacity: 0.85;
}   .top-hero-main, .top-hero-main .desktop-image, .top-hero-main .desktop-image img {
height: calc(100vh - 110px);
width: 100%;
object-fit: cover;
}
.top-hero {
position: relative;
width: 100%;
overflow: hidden;
top: 0;
background-size: cover;
min-height: 100px;
height: calc(100vh - 110px);
transition: all 500ms ease 0s;
background-repeat: no-repeat;
display: flex;
align-items: center;
overflow: visible;
z-index: 9;
background-position: center;
}
.hero-content-main {
position: absolute;
top: 0px;
bottom: 100px;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hero-content {
background-color: rgba(56,70,123,0.7);
color: #fff;
padding: 20px;
}
.hero-sub-title {
font-size: 18px;
margin: 0;
}
.hero-title {
font-size: 26px;
text-transform: uppercase;
margin: 0;
padding-bottom: 20px;
}
.hero-popup {
border: 1px solid #ffc527;
color: #fff;
padding: 3px 20px;
text-decoration: none;
text-transform: uppercase;
}
.hero-popup:hover, .hero-popup:focus {
color: #fff;
}
#contactModal .modal-header {
border-bottom: none;
}
#contactModal .wpcf7-form-control-wrap input, #contactModal .wpcf7-form-control-wrap textarea {
width: 100%;
margin-bottom: 15px;
padding: 10px;
}
.wpcf7-not-valid {
margin-bottom: 0 !important;
}
#contactModal .wpcf7-form-control-wrap.project-specs input {
border: 1px solid #ccc;
border-radius: 3px;
}
#contactModal .wpcf7-form-control.has-spinner.wpcf7-submit {
width: 20%;
text-align: center;
margin: 0 auto;
display: block;
background-color: #1f3f9a;
color: #feb800;
text-transform: uppercase;
font-weight: bold;
padding: 10px;
border-radius: 0;
border: none;
}
.subscribe-button {
padding: 50px 0 0;
}
.subscribe-button a {
text-decoration: none;
color: #133086;
background-color: #ffc527;
padding: 15px;
text-transform: uppercase;
} .mission-image img {
width: 100%;
} .benefit-content img {
margin-bottom: 20px;
width: 60px;
height: 60px;
}
.devider-link {
margin-bottom: 15px;
}
.benefit-content.text-center {
min-height: 220px;
}
.benefit-content img {
margin-bottom: 20px;
width: 60px;
height: 60px;
}
.benefit-content h5 {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
} #reviews {
background-color: #133086;
color: #fff;
}
.single-review img {
margin: 0 auto 40px auto;
}
#reviews .slick-dots {
bottom: -50px;
}
#reviews .slick-dots li {
width: 40px;
height: 40px;
margin: 0 10px;
}
#reviews .slick-dots li button {
background: #eeeeee;
color: #000;
padding: 0;
width: 40px;
height: 40px;
font-size: 20px;
}
.slick-active button {
background-color: #ffc527 !important;
color: #133086 !important;
}
#reviews .slick-dots li button:before {
display: none;
}
#reviews .slick-arrow {
position: absolute;
bottom: -44px;
color: #feb800;
border: 1px solid #feb800;
padding: 5px 10px;
z-index: 99999;
cursor: pointer;
background-color: #133086;
}
#reviews i.fa.fa-angle-right {
right: 30%;
}
#reviews i.fa.fa-angle-left {
left: 30%;
}
#reviews .review-line {
height: 0px;
border: 1px dashed #feb800;
background: transparent;
width: 35%;
margin: 0 auto;
opacity: 1;
}
.slick-dotted.slick-slider {
padding-bottom: 50px;
}
.single-review-details {
padding-top: 20px;
}
.single-review-details p {
margin: 0;
} .fg-caption .fg-caption-title {
font-size: 30px;
text-transform: uppercase;
font-family: 'Oxygen', sans-serif;
letter-spacing: 1px;
} .row.seven-cols {
background-color: #f6f6f6;
padding: 30px 10px;
}
.seven-cols .col-md-1,  .seven-cols .col-sm-1,  .seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
}
#partners {
padding: 40px 0;
} .team-image img {
width: 350px;
height: 400px;
object-fit: cover;
border-radius: 15px;
}
.hero-content.inner-hero .hero-title {
padding-bottom: 0;
font-size: 31px;
font-weight: 700;
letter-spacing: 1px;
}
.hero-content.inner-hero {
width: 30%;
}
.scholarship-video {
margin-bottom: 20px;
}
.download-app {
padding-top: 10px;
}
.download-app a {
text-decoration: none;
background-color: #004aad;
color: #fff;
padding: 10px;
border-radius: 10px;
}
#our_team {
padding: 60px 0 0px;
} #scholarship {
padding: 60px 0 10px;
}
.tribe-events-calendar-list__month-separator-text {
font-size: 20px !important;
}
.tribe-events-calendar-list__event-datetime {
font-size: 18px;
}
.tribe-events .tribe-events-calendar-month__day-cell--mobile {
justify-content: center !important;
}
.tribe-events .tribe-events-calendar-month__day {
height: 60px !important;
padding-top: 0 !important;
}
.tribe-events .tribe-events-c-view-selector__button {
padding: 0 !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
min-height: 110px !important;
} .inner-top-hero {
position: relative;
padding: 0;
}
.top-banner img {
height: calc(100vh - 110px);
width: 100%;
object-fit: cover;
}
.inner-top-hero:before {
content: "";
background: rgba(0,0,0);
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: .5;
width: 100%;
}
.top-banner-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.top-banner-content h2 {
color: #fff;
font-size: 40px;
text-transform: uppercase;
margin: 0;
line-height: 1;
font-weight: bold;
}
.top-banner-content p {
font-size: 28px;
color: #fff;
margin: 0;
}
.recent_post {
width: 100%;
margin: 0;
}
.search-form .screen-reader-text {
display: none;
}
.search-field {
border: 1px solid #133086 !important;
padding: 3px 0px 3px 5px !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0px !important;
border-radius: 0 !important;    
}
.search-submit {
background: #133086 !important;
color: #fff !important;
border: 0px solid !important;
padding: 8px 6px !important;
margin-top: 17px;
margin-bottom: 40px;
margin-left: -4px;
border-radius: 0 !important;
text-decoration: none;
}
.box_bb {
float: left;
width: 100%;
margin-bottom: 30px;
}
.img_bb img {
max-width: 100%;
height: 190px !important;
width: 100%;
object-fit: cover;
}
.other_in_b h4 a {
color: #4b4e53;
text-decoration: none;
font-size: 18px;
float: left;
width: 100%;
margin: 15px 0;
}
.box_bb p {
font-size: 15px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.read_mmm_b a {
color: #000;
font-weight: bold;
border-bottom: 1px solid #000;
text-decoration: none;
}
.hero-container {
height: calc(100vh - 110px);
width: 100%;
position: relative;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
.hero-content.single-blog-hero {
height: 100%;
position: absolute;
top: 0;
z-index: 9;
width: 100%;
right: 0;
}
.hero__heading {
font-size: 44px;
color: #000;
}
.single-post .text-description {
font-size: 20px;
margin: 0px;
}
.head-search {
margin-top: 5%;
}
.blog-page .no-results .page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
.blog-page .no-results .page-header h1 {
color: #000;
font-size: 30px;
}
.blog-page .no-results .page-content p {
font-size: 20px;
}
.blog-page .search-form label {
width: 100%;
}
.blog-page .search-submit {
background: #133086 !important;
padding: 9px 15px !important;
color: #fff !important;
margin-left: -4px;
}
.blog-page .search-field {
width: 100% !important;
padding: 7px;
border-radius: 0px;
color: #4b4e53;
border: 1px solid #ccc;
background: #fff;
}
.blog-page .pos h2 {
font-weight: bold;
margin: 0px 0px 20px 0px;
font-size: 24px;
}
.pos ul {
padding-left: 0;
margin: auto;
}
.post-img a img {
width: 100%;
height: auto;
}
.box_bb1 {
float: left;
margin-bottom: 30px;
}
.box_bb1 .p-tag {
margin-bottom: 8px;
}
.box_bb1 .p-tag a {
font-size: 20px;
color: #000;
text-decoration: none;
}
.read_m a {
background: #133086;
padding: 5px 10px;
color: #fff;
text-decoration: none;
}
.about-content-section {
padding: 50px 0 0;
}
.about-content {
word-break: break-all;
}
.rent-now-form-inner {
padding: 30px 0 0 0;
}
.rent-now-form-inner .best_f1 {
color: #393a3a;
font-size: 19px;
font-weight: 500;
letter-spacing: 8px;
line-height: 26px;
margin: 0;
}
.rent-now-form-inner .form-group label {
font-weight: normal;
letter-spacing: 2px;
font-size: 13px;
}
.storageSearchForm .form-group, .col-md-9.form-group.no-padding, .form-row .form-group {
margin-bottom: 0;
}
.rent-now-form-inner .form-group select {
background: #efefef;
font-size: 12px;
height: 37px;
border-radius: 0;
}
option {
color: #000;
}
.rent-now-form-inner .form-group .rent-btn {
background: #133086;
border-radius: 0;
height: 37px;
font-size: 12px;
letter-spacing: 2px;
padding: 0 24px;
color: #fff;
}
.rent-now-form-inner .form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.rent-now-form-inner label {
display: inline-block;
max-width: 100%;
margin-bottom: 15px;
font-weight: 700;
float: left;
width: 100%;
text-align: left;
}
.rent-now-form-inner .form-row>.col, .rent-now-form-inner .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.blog_m .post-img {
display: none;
}
.search .bolg-page {
padding: 50px 0px 50px 0;
position: relative;
background-color: #fff;
}
.search .blog_m {
float: left;
width: 100%;
margin-bottom: 40px;
}
.search .blog_m h1 {
margin: 0 0 10px;
font-size: 30px;
font-weight: 600;
}
.search .blog_m h1 a {
text-decoration: none;
color: #000;
font-weight: 500;
}
.search .by-author {
font-size: 14px;
margin-bottom: 10px;
}
.search a.con_r {
background: #133086;
padding: 10px 15px;
color: #fff;
text-decoration: none !important;
font-size: 14px;
}
.search .widget-title {
font-weight: bold;
margin: 0px 0px 20px 0px;
font-size: 24px;
}
.search .search-form {
display: block !important;
}
.search .search-form label {
display: inline-block !important;
max-width: 100%;
font-weight: 700;
float: left;
width: 100% !important;
text-align: left;
}
.search .latest-post h4 {
margin: 5px 0px;
font-size: 18px;
text-decoration: none;
}
.search .latest-post h4 a {
text-decoration: none;
font-weight: normal;
color: #000;
}
.search.latest-post-list .red-but a {
padding: 5px 10px;
}
.search .latest-post {
margin-bottom: 20px;
}
.search .search-form label {
display: inline-block !important;
max-width: 100%;
font-weight: 700;
float: left;
width: 100% !important;
text-align: left;
margin-bottom: 0.5rem;
}
.search .search-field {
width: 100% !important;
padding: 10px !important;
border-radius: 0px !important;
color: #4b4e53;
border: 1px solid #ccc;
background: #fff !important;
}
.search .search-form .search-submit {
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
}
.search .search-submit {
margin-left: 0px;
}
.search .blog-page h2 a {
text-decoration: none;
color: #000;
font-weight: 500;
} .page-template-mc-template #partners, .page-template-mc-template #contact_form {
display: none;
} #footer {
background-color: #133086;
padding: 50px 0;
}
.footer-contact-form span.wpcf7-form-control-wrap input, .footer-contact-form span.wpcf7-form-control-wrap textarea {
width: 100%;
border: none;
background-color: #f6f6f6;
padding: 5px 10px;
margin-bottom: 25px;
border-radius: 0;
}
.footer-contact-form .wpcf7-form-control.has-spinner.wpcf7-submit {
width: 20%;
text-align: center;
margin: 0 auto;
display: block;
background-color: #1f3f9a;
color: #feb800;
text-transform: uppercase;
font-weight: bold;
padding: 10px;
border-radius: 0;
border: none;
letter-spacing: 1px;
}
.footer-contact-details img {
margin-bottom: 10px;
width: 40px;
height: 40px;
}
.footer-contact-details h4 {
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
.footer-contact-details p {
color: #fff;
margin: 0 auto;
}
.ft-address {
width: 50%;
}
.footer-contact-details p a {
color: #fff;
text-decoration: none;
}
.social_icons {
margin: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0 0;
}
.social_icons li {
padding: 0 10px;
}
.social_icons li a img {
width: 40px;
height: 40px;
}
.footer-copyright {
background-color: #2c2c2c;
color: #fff;
padding: 15px;
}
.footer-copyright p {
margin: 0;
}
.footer-copyright-text {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-copyright-text p a {
color: #fff;
text-decoration: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0em 0.5em 1em;
}
.eeSFL table.eeFiles {
border: 1px solid #133086 !important;
}
.eeSFL .eeFiles th {
background: #133086 !important;
}
.eeSFL .eeFiles td {
border-bottom: 1px solid #133086 !important;
}
.passster-form h4 {
color: #133086 !important;
}
.passster-submit, .passster-submit-recaptcha, .passster-submit-captcha {
background: #133086 !important;
}
.passster-submit:hover, .passster-submit-recaptcha:hover, .passster-submit-captcha:hover {
background: #133086 !important;
}
@media (max-width: 1199.98px) {
#top-hero {
height: calc(50vh - 110px);
}
.top-hero-main, .top-hero-main .desktop-image, .top-hero-main .desktop-image img {
height: calc(50vh - 110px);
}
#foogallery-gallery-107 .fg-image {
width: 250px !important;
}
#reviews .review-line {
width: 34%;
}
.footer-contact-details p {
width: 100%;
}
.hero-content.inner-hero {
width: 40%;
}
}
@media (max-width: 991.98px) {
#top-hero {
height: calc(100vh - 110px);
}
.top-hero-main, .top-hero-main .desktop-image, .top-hero-main .desktop-image img {
height: calc(100vh - 110px);
}
.hero-content.inner-hero {
width: 55%;
}
.benefit-content.text-center {
min-height: 270px;
}
#reviews .review-line {
width: 32%;
}
#foogallery-gallery-107 .fg-image {
width: 200px !important;
}
.fg-caption .fg-caption-title {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
#topbar {
display: none !important;
}
.gallery-columns-3, .gallery-columns-4 {
grid-template-columns: repeat(2, 1fr);
}
header#header {
padding: 10px 0;
}
.footer-copyright-text {
display: block;
}
.logo-area a img {
width: 110px;
}
.footer-contact-details {
margin-bottom: 25px;
}
#top-hero, .top-hero-main .mobile-image, .top-hero-main .mobile-image img {
height: calc(100vh - 112px);
object-fit: cover;
padding: 0;
}
.page-template-homepage .hero-content {
padding: 20px 10px;
margin: 10px;
}
.hero-sub-title {
font-size: 15px;
}
.top-hero-main, .top-hero-main .desktop-image, .top-hero-main .desktop-image img {
height: calc(100vh - 112px);
}
.hero-title {
font-size: 19px;
}
.hero-content-main {
top: 0;
bottom: 0;
height: calc(100vh - 112px);
}
#contactModal .wpcf7-form-control.has-spinner.wpcf7-submit, .footer-contact-form .wpcf7-form-control.has-spinner.wpcf7-submit {
width: 50%;
}
.mission-image {
margin-bottom: 30px;
}
.benefit-content.text-center {
min-height: unset;
}
#reviews i.fa.fa-angle-left {
left: 0%;
}
#reviews i.fa.fa-angle-right {
right: 0%;
}
#reviews .review-line {
width: 99%;
}
#foogallery-gallery-107 .fg-image {
width: 100% !important;
}
.event-gallery #foogallery-gallery-107 .fg-item:nth-child(1) {
display: inline-block;
}
.event-gallery #foogallery-gallery-107 .fg-item:nth-child(2), .event-gallery #foogallery-gallery-107 .fg-item:nth-child(3) { }
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 50%;
margin-bottom: 15px;
}
.seven-cols .col-md-1:last-child, .seven-cols .col-sm-1:last-child, .seven-cols .col-lg-1:last-child {
margin-bottom: 0;
}
.footer-contact-details p {
width: 100%;
}
.team-image img {
margin-bottom: 20px;
}
.hero-content.inner-hero {
width: 95%;
}
.top-banner-content {
text-align: center;
}
.top-banner-content h2 {
font-size: 21px;
margin-bottom: 10px;
}
.top-banner-content p {
font-size: 19px;
line-height: 25px;
}
.footer-copyright p {
font-size: 15px;
}
.team-image img {
width: 100%;
height: auto;
}
.hero-content.inner-hero .hero-title {
font-size: 22px;
}
.top-banner img, .hero-container {
height: 100vh;
}
section {
padding: 40px 0 30px;
}
.pagination {
padding-left: 0.5rem;
}
section.error-404.not-found {
margin-top: 50px;
}
.event-gallery #foogallery-gallery-107 .fg-item { width: 100% !important;
}
.event-gallery #foogallery-gallery-107 .fg-item:nth-child(3){
display: inline-block;
}
.event-gallery .foogallery .fg-image-overlay:before {
background-image: url(//valleybx.com/wp-content/themes/valley-builders-exchange/images/gallery-white.png);
}
.event-gallery .fg-image-overlay {
top: 20px !important;
right: 20px !important;
bottom: unset !important;
left: unset !important;
visibility: visible !important;
opacity: 1 !important;
transform: translateY(0%) !important;
align-items: end !important;
}
.event-gallery .fg-caption {
background-color: transparent !important;
}
.event-gallery .fg-image-overlay {
visibility: visible !important;
opacity: 1 !important;
}
}
@media (max-width: 360px) {
.hero-sub-title {
font-size: 14px;
}
.hero-title {
font-size: 18px;
}
#reviews .review-line {
width: 82%;
}
.footer-copyright p {
font-size: 14px;
}
.hero-content.inner-hero .hero-title {
font-size: 22px;
}
}
@media (max-width: 320px) {
.hero-sub-title {
font-size: 12px;
}
#top-hero, .top-hero-main .mobile-image, .top-hero-main .mobile-image img {
height: calc(100vh - 52px);
}
.hero-title {
font-size: 16px;
}
.hero-popup {
font-size: 14px;
}
.footer-copyright p {
font-size: 12px;
}
.section-title h2 {
font-size: 20px;
}
.hero-content.inner-hero .hero-title {
font-size: 22px;
}
.hero-content-main {
top: 0px;
}
}