:root {
--font_primary: 'Inter', sans-serif;
--font_size_body: 18px;
--font_size_h1: 42px;
--font_size_h2: 30px;
--letter_spacing_heading: 3px;
--section_padding: 100px;
}
[id] {
scroll-margin-top: var(--headerHeight);
}
html, body {
line-height: 1.5;
font-weight: 400;
font-family: var(--font_primary);
font-size: var(--font_size_body);
}
html {
scroll-behavior: smooth;
}
body {
--headerHeight: 150px;
}
ul {
margin-top: 0;
}
a {
color: var(--color-2);
text-decoration: none;
}
a:hover, a:focus {
color: var(--color-1);
text-decoration: none;
}
.btn,
body .gform_wrapper.gravity-theme .button {
background-color: var(--color-2);
color: #fff;
border: none;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
font-size: 20px;
font-weight: 400;
letter-spacing: 0;
padding: .5em 1.5em;
text-transform: none;
transition: all ease .3s;
border-radius: 0px;
}
.btn:hover, .btn:focus,
body .gform_wrapper.gravity-theme .button:hover,
body .gform_wrapper.gravity-theme .button:focus {
background-color: var(--color-4);
color: var(--color-1);
}
p {
margin: 0 0 20px;
}
h1 {
font-size: 2.5rem;
margin: 0 0 20px;
}
h2 {
margin: 0 0 20px;
font-size: var(--font_size_h2);
font-weight: 400;
line-height: normal;
letter-spacing: var(--letter_spacing_heading);
}
h3 {
font-size: 1.2rem;
margin: 0 0 20px;
}
.btn.icon i {
padding-right: .5em;
}
.btn.icon.icon_right i {
padding-right: 0;
padding-left: .5em;
}
.flex-row {
display: flex;
}
.shortcode_row {
display: flex;
gap: var(--gap);
}
.shortcode_row.shortcode_row__wrap {
flex-wrap: wrap;
}
.shortcode_col {
flex-grow: var(--col_grow);
flex-shrink: 1;
flex-basis: calc((100% / var(--columns)) - ((var(--gap) * (var(--columns) - 1)) / var(--columns)));
min-width: min(100%, var(--min_width));
} .primary-header .logo-col {
flex-basis: 300px;
}
.primary-header .nav-col {
flex-grow: 1;
}
.primary-header .c2a {
justify-content: flex-end;
}
.main-nav .menu {
display: flex;
justify-content: center;
padding-left: 0;
margin-bottom: 0;
}
.main-nav .menu li {
display: block;
margin: 2px 3px;
}
.main-nav .menu li a {
padding: 15px 12px;
display: block;
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children .sub-menu {
display: none;
background-color: #fff;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
padding: 10px;
z-index: 1;
white-space: nowrap;
}
.menu-item-has-children:hover .sub-menu {
display: block;
}
.mobile-header {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.mobile-header .mobile-c2a {
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
}
.mobile-header .mobile-c2a .home-link {
flex: 0 1 50px;
font-size: 20px;
border-right: 1px solid #fff;
}
.mobile-header .mobile-c2a .directions-link {
flex: 1 0 auto;
}
.mobile-header .mobile-c2a .phone-link {
flex: 1 0 auto;
}
.mobile-header .mobile-c2a .social-text {
margin-left: 5px;
}
.mobile-header .mobile-nav {
height: 50px;
display: flex;
align-items: center;
}
.mobile-header .nav-base {
width: 100%;
}
.mobile-header .nav-base .menu {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
.mobile-header .nav-base .menu li {
display: block;
}
.mobile-header .nav-base .menu li a {
display: block;
padding: 0;
}
.mobile-header .nav-base .nav-toggler {
position: relative;
margin-right: 5px;
height: calc(1.5em + 20px);
width: 3em;
padding: 0;
font-weight: 700;
transition: all ease .5s;
cursor: pointer;
user-select: none;
}
.mobile-header .nav-base .nav-toggler .toggle-text {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: all ease .5s;
}
.mobile-header .nav-base .nav-toggler .toggle-more {
opacity: 1;
transform: translateY(-50%) rotateX(0deg);
}
.mobile-header .nav-base .nav-toggler .toggle-less {
opacity: 0;
transform: translateY(-50%) rotateX(180deg);
}
.mobile-header .nav-base .nav-toggler .icon {
position: absolute;
right: -5px;
top: calc(50% + 1px);
transform: translateY(-50%) rotateX(0deg);
transition: all ease .5s;
}
.mobile-header .nav-base .nav-toggler.active .toggle-more {
opacity: 0;
transform: translateY(-50%) rotateX(180deg);
}
.mobile-header .nav-base .nav-toggler.active .toggle-less {
opacity: 1;
transform: translateY(-50%) rotateX(0deg);
}
.mobile-header .nav-base .nav-toggler.active .icon {
transform: translateY(-50%) rotateX(180deg);
}
.mobile-header .nav-more {
display: none;
position: fixed;
top: 100px;
right: 0;
}
.mobile-header .nav-more .menu {
margin-bottom: 0;
padding: 8px 6px;
text-align: center;
}
.mobile-header .nav-more .menu li {
display: block;
}
.mobile-header .nav-more .menu li a {
display: block;
padding: 6px 12px;
} .primary-footer .sitemap ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
.primary-footer .sitemap a {
display: block;
padding: 4px 8px;
}
.primary-footer .copyright {
text-align: center;
padding: 4px;
} .banner-section {
position: relative;
}
.banner-section .image img {
width: 100%;
}
.banner-section .overlay {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
font-size: 18px;
padding: 15px 30px;
min-width: 75%;
text-align: center;
}
.banner-section .overlay p:first-of-type {
margin-top: 0;
}
.banner-section .overlay p:last-of-type {
margin-bottom: 0;
}
.banner-section .carousel-control {
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
max-width: 150px;
}
.carousel.fade {
opacity: 1;
}
.carousel.fade .item {
transition: opacity ease-in-out .7s;
left: 0;
opacity: 0;
top: 0;
position: absolute;
width: 100%;
display: block;
z-index: 1;
}
.carousel.fade .item:first-child {
top: auto;
position: relative;
}
.carousel.fade .item.active {
opacity: 1;
transition: opacity ease-in-out .7s;
z-index: 2;
} .sitemap-page ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
text-align: center;
}
.sitemap-page a {
display: block;
padding: 6px;
font-size: 20px;
}
.sitemap-page a:hover {
transform: scale(1.2);
} .flex-row {
display: flex;
}
.main-section.single {
margin: 50px 0;
}
.main-section.single .image.pull-left {
max-width: 400px;
margin-right: 20px;
margin-bottom: 10px;
}
.main-section.single .date {
margin: 5px 0;
font-size: .9em;
color: #666;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.pull-right,
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.pull-left,
.alignleft {
float: left;
margin: 0 10px 10px 0;
} @media screen and (max-width: 991px) { body {
margin-top: 100px;
}
.primary-header {
display: none;
}
.mobile-header {
display: block;
}
}
@media screen and (max-width: 991px) {
.flex-row.row-md {
display: block;
}
.flex-row.row-md>.col:nth-child(n) {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.pull-left,
.alignleft {
float: none !important;
margin: 20px auto;
}
.pull-right,
.alignright {
float: none !important;
margin: 20px auto;
}
.flex-row.row-sm {
display: block;
}
.flex-row.row-sm>.col:nth-child(n) {
margin-left: auto;
margin-right: auto;
}
.blog-section .blogs {
max-width: 500px;
margin: 0 auto;
}
.blog-section .blog:nth-child(odd) .image-col {
order: 0;
}
.main-section.single .image.pull-left {
float: none !important;
margin: 0 auto 20px;
}
}  .mobile-header .mobile-nav a,
.mobile-header .nav-toggler {
color: #fff;
}
body {
color: var(--text-color);
}
a:hover,
a:focus,
.mobile-header .mobile-nav .current_page_item > a,
.mobile-header .mobile-nav a:hover,
.mobile-header .mobile-nav a:focus,
.mobile-header .nav-toggler .toggle-less,
.mobile-header .nav-toggler.active .icon,
.main-nav a {
color: var(--color-1);
}
.mobile-header .mobile-c2a {
background-color: var(--color-1);
} .mobile-header .mobile-c2a a:hover,
.mobile-header .mobile-c2a a:focus {
color: var(--color-2);
} a
.mobile-header .mobile-c2a a,
.main-nav .current_page_item > a,
.main-nav a:hover,
.main-nav a:focus {
color: var(--color-2);
}
.mobile-header .mobile-nav,
.mobile-header .nav-more {
background-color: var(--color-2);
}  video {
max-width: 100%;
display: block;
margin: 0 auto;
}
.acf-media.media__file {
max-width: 100%;
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
min-height: 100%;
}
.acf-media.media__file .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.acf-media.media__file .inner .wp-video {
width: 100%;
height: 100%;
margin: 0 auto;
}
.acf-media.media__file .inner .wp-video .mejs-container {
width: 100%;
height: 100% !important;
}
.acf-media.media__file .inner .wp-video .mejs-container .mejs-inner .mejs-mediaelement mediaelementwrapper {
display: flex !important;
align-items: end;
justify-content: center;
height: 100%;
}
.acf-media.media__file .inner .wp-video video {
width: 100% !important;
height: 100% !important;
}  .primary-header {
background-color: var(--color-2);
padding: 20px 0;
transition: padding ease .3s;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 11;
font-size: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.primary-header a {
color: #fff;
font-weight: 500;
}
.primary-header a:hover, .primary-header a:focus {
color: var(--color-3);
}
.primary-header .header-row {
justify-content: space-between;
align-items: center;
}
.primary-header .logo-col {
flex: 0 1 200px;
}
.primary-header .logo-col img {
max-height: 100px;
transition: all ease .3s;
width: auto;
}
.primary-header .phone-col {
flex: 0 1 200px;
}
.primary-header .nav-col {
flex: 0 0 auto;
}
.main-nav .current_page_item > a,
.main-nav a:hover,
.main-nav a:focus {
color: var(--color-3);
}
body.scrolled .primary-header {
padding: 10px 0;
}
body.scrolled .primary-header .logo-col img {
max-height: 65px;
}
.main-nav .menu li a {
padding: 10px 15px;
}
.mobile-header .mobile-nav .current_page_item > a,
.mobile-header .mobile-nav a:hover,
.mobile-header .mobile-nav a:focus,
.mobile-header .nav-toggler .toggle-less,
.mobile-header .nav-toggler.active .icon {
color: var(--color-3);
}
.mobile-header {
font-size: 16px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.mobile-header a {
font-weight: 500;
}
.mobile-header .nav-base .nav-toggler {
font-weight: 500;
}
.mobile-header .mobile-c2a a {
color: #fff;
}
.mobile-header .mobile-c2a a:hover,
.mobile-header .mobile-c2a a:focus {
color: var(--color-3);
} .form-section {
background-color: var(--color-2);
color: #fff;
}
.form-section h2 {
margin-bottom: 50px;
}
.form-section .gform_wrapper.gravity-theme .gform_fields {
row-gap: 40px;
grid-column-gap: 0;
grid-template-columns: repeat(14, 1fr);
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-half {
flex: 1 1 calc(50% - 25px);
grid-column: 1 / 7;
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-half:nth-child(odd) {
grid-column: 9 / 15;
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths {
grid-column: 1 / 11;
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-one-sixth {
grid-column: 12 / 15;
}
.form-section .gform_wrapper.gravity-theme .gfield textarea.medium {
height: 125px;
}
.form-section .gform_wrapper.gravity-theme .gfield .ginput_container_textarea {
display: flex;
}
.form-section .gform_wrapper.gravity-theme .gfield_label {
font-weight: 400;
font-size: 20px;
letter-spacing: 2.5px;
}
.form-section .gform_wrapper.gravity-theme .button {
width: 100%;
background-color: var(--color-4);
color: var(--color-1);
}
.form-section .gform_wrapper.gravity-theme .button:hover,
.form-section .gform_wrapper.gravity-theme .button:focus {
background-color: var(--color-1);
color: #fff;
}
.form-section .gform_wrapper.gravity-theme input:not(.button),
.form-section .gform_wrapper.gravity-theme textarea {
background: none;
border: none;
border-bottom: 1px solid #fff;
font-size: 18px;
}
.form-section .map {
margin-top: 65px;
}
.form-section .map iframe {
width: 100%;
height: 300px;
}
.primary-footer {
background-color: var(--color-1);
color: #fff;
padding: 80px 0 30px;
}
.primary-footer a {
color: #fff;
font-weight: 400;
}
.primary-footer a:hover, .primary-footer a:focus {
color: var(--color-3);
}
.primary-footer h2 {
text-transform: uppercase;
font-size: 28px;
letter-spacing: 2.5px;
}
.primary-footer .footer-row {
flex-wrap: wrap;
column-gap: 50px;
row-gap: 40px;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}
.primary-footer .footer-row .info-col,
.primary-footer .footer-row .social-col {
flex: 0 1 380px;
}
.primary-footer .footer-row .info-col .contact-info:not(:last-child) {
margin-bottom: 20px;
}
.primary-footer .footer-row .sitemap-col {
flex: 0 1 220px;
text-align: center;
}
.primary-footer .footer-row .sitemap-col .menu {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.primary-footer .footer-row .social-col .inner {
max-width: 300px;
margin-left: auto;
}
.primary-footer .footer-row .social-col h2 {
text-align: center;
margin-bottom: 20px;
}
.primary-footer .footer-row .social-col .social {
column-gap: .5em;
justify-content: center;
font-size: 42px;
}
.primary-footer .copyright {
text-align: left;
margin-top: 10px;
}
.primary-footer .logo {
margin-top: 50px;
} .section-padding {
padding-top: var(--section_padding);
padding-bottom: var(--section_padding);
}
.banner-section .content {
max-width: 100%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: rgba(251, 247, 247, 0.7);
backdrop-filter: blur(2px);
width: 800px;
padding: 40px;
font-weight: 300;
font-size: var(--font_size_h2);
}
.banner-section .content h1 {
font-size: var(--font_size_h1);
font-weight: 400;
margin-bottom: 30px;
}
.banner-section .content p:last-child {
margin-bottom: 0;
}
body.home .banner-section .image img {
height: calc(100vh - var(--maxHeaderHeight));
max-height: 1000px;
}
.banner-section .image img {
min-height: 350px;
object-fit: cover;
}
.feature-section {
text-align: center;
}
.feature-section h2 {
color: var(--color-1);
margin-bottom: 20px;
}
.feature-section .features {
flex-wrap: wrap;
column-gap: 50px;
row-gap: 40px;
}
.feature-section .feature {
flex: 1 1 calc(33.33% - 33.33px);
}
.feature-section .feature .link {
margin-top: 30px;
}
.background-section {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.background-section:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(208, 223, 232, 0.65);
z-index: -1;
}
.background-section h2 {
color: var(--color-1);
}
.review-section {
background-color: var(--color-3);
background-image: url(//adigidamarketing.com/wp-content/themes/barebones-parent/assets/images/az-subtle.png);
text-align: center;
}
.review-section h2 {
color: var(--color-1);
margin-bottom: 50px;
}
.review-section .reviews .heading {
font-style: italic;
}
.review-section .owl-carousel {
max-width: calc(100% - 150px);
margin: 0 auto;
}
.review-section .owl-carousel .owl-nav {
font-size: 42px;
color: var(--color-1);
}
.review-section .owl-carousel .owl-nav button.owl-prev,
.review-section .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.review-section .owl-carousel .owl-nav button.owl-prev {
left: -75px;
}
.review-section .owl-carousel .owl-nav button.owl-next {
right: -75px;
}
.review-section .owl-carousel .owl-dots {
display: flex;
justify-content: center;
column-gap: .5em;
margin-top: 20px;
}
.review-section .owl-carousel .owl-dots .owl-dot {
border: 1px solid var(--color-1);
border-radius: 50%;
width: 14px;
height: 14px;
}
.review-section .owl-carousel .owl-dots .owl-dot.active {
background-color: var(--color-1);
} .content-section .heading {
text-align: center;
margin-bottom: 50px;
}
.content-section .content-row {
flex-wrap: wrap;
column-gap: 75px;
row-gap: 30px;
align-items: center;
}
.content-section .content-row > .col {
flex: 1 1 calc(50% - 37.5px);
}
.content-section h1 {
font-size: var(--font_size_h1);
letter-spacing: 5px;
}
.content-section .content-col p:last-child {
margin-bottom: 0;
}
.content-section .image-col img {
box-shadow: 8px 8px 4px 0 rgba(0, 0, 0, 0.25);
}
.team-section {
background-color: var(--color-3);
}
.team-section .content {
margin-bottom: 100px;
}
.team-section .members {
flex-wrap: wrap;
column-gap: 100px;
row-gap: 75px;
}
.team-section .member {
flex: 1 1 calc(50% - 75px);
min-width: min(100%, 300px);
}
.team-section .member .image {
margin-bottom: 30px;
}
.team-section .member .image img {
width: 100%;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.team-section .member .heading {
font-size: 25px;
color: var(--color-1);
letter-spacing: 2.5px;
margin-bottom: 5px;
}
.team-section .member .title {
letter-spacing: 2px;
font-weight: 700;
}
.team-section .member .content {
margin-top: 30px;
margin-bottom: 0;
}
.team-section .member .content p:last-child {
margin-bottom: 0;
}
.service-section {
background-color: var(--color-3);
}
.service-section .services {
flex-wrap: wrap;
column-gap: 100px;
row-gap: 75px;
}
.service-section .service {
flex: 1 1 calc(50% - 75px);
min-width: min(100%, 300px);
}
.service-section .service .image {
margin-bottom: 30px;
}
.service-section .service .image img {
width: 100%;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.service-section .service .heading {
font-size: 25px;
color: var(--color-1);
letter-spacing: 2.5px;
margin-bottom: 5px;
}
.service-section .service .content {
margin-top: 30px;
margin-bottom: 0;
}
.service-section .service .content p:last-child {
margin-bottom: 0;
}
.gallery-section {
background-color: var(--color-3);
}
.gallery-section .gallery-mobile {
display: none;
}
.gallery-section .gallery {
column-gap: 20px;
row-gap: 20px;
flex-wrap: wrap;
}
.gallery-section .gallery .image-col {
display: flex;
flex-direction: column;
flex: 1 1 calc(33.33% - 23.33px);
min-width: 150px;
}
.gallery-section .gallery .image-col .image:last-child {
flex: 1 0 auto;
}
.gallery-section .gallery .image-col .image:last-child .media {
height: 100%;
}
.gallery-section .gallery .image-col .image:last-child img {
height: 100%;
object-fit: cover;
}
.gallery-section .gallery .image {
margin-bottom: 20px;
}
.gallery-section .gallery .image:last-child {
margin-bottom: 0;
}
.blog-section {
background-color: var(--color-3);
}
.blog-section .search {
text-align: right;
margin-bottom: 50px;
}
.blog-section .search form {
position: relative;
width: 250px;
margin-left: auto;
}
.blog-section .search form input {
width: 100%;
background: none;
border: none;
border-bottom: 1px solid var(--color-1);
padding: 6px 35px 6px 6px;
outline-color: var(--color-2);
}
.blog-section .search form button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: none;
border: none;
color: var(--color-2);
}
.blog-section .posts {
flex-wrap: wrap;
column-gap: 75px;
row-gap: 75px;
}
.blog-section .post {
flex: 0 1 calc(50% - 37.5px);
position: relative;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.blog-section .post .image {
background-color: var(--color-1);
}
.blog-section .post .image img {
opacity: .5;
transition: all ease .3s;
width: 100%;
}
.blog-section .post a {
color: #fff;
}
.blog-section .post .heading {
position: absolute;
bottom: 50px;
left: 15px;
right: 15px;
font-weight: 300;
border-bottom: 2px solid #fff;
padding-bottom: 20px;
margin-bottom: 0;
}
.blog-section .post .date {
position: absolute;
top: 15px;
right: 15px;
font-weight: 400;
font-size: 20px;
letter-spacing: 2px;
}
.blog-section .post:hover .image img, .blog-section .post:focus .image img {
opacity: .35;
}
.blog-section .posts-navigation {
margin-top: 65px;
}
.blog-section .posts-navigation .nav-links {
display: flex;
justify-content: center;
}
.blog-section .posts-navigation .nav-links > * {
margin: 0 20px;
}
.blog-section .posts-navigation .nav-links > *:not(:last-child) {
position: relative;
}
.blog-section .posts-navigation .nav-links > *:not(:last-child):after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background-color: var(--color-1);
right: -23px;
}
.blog-section .posts-navigation .nav-links a {
font-weight: 300;
font-size: 30px;
display: flex;
column-gap: .5em;
align-items: center;
}
.content-section.section-archive {
padding: 100px 0;
}
.content-section.section-archive h1 {
margin-bottom: 0;
}
.content-section.section-single .heading {
margin-bottom: 40px;
}
.content-section.section-single .date {
text-align: center;
margin-bottom: 60px;
letter-spacing: 2px;
}
.content-section.section-single .image {
margin-bottom: 60px;
}
.content-section.section-single .image img {
width: 100%;
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children > a {
position: relative;
}
.menu-item-has-children > a:after {
content: '\f107';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-left: .35em;
font-size: .85em;
}
.menu-item-has-children .sub-menu {
background-color: var(--color-2);
padding-top: 50px;
text-align: center;
transition: padding ease .3s;
}
body.scrolled .menu-item-has-children .sub-menu {
padding-top: 10px;
}
.mobile-logo {
display: none;
background-color: var(--color-1);
padding: 15px;
}
.menu-item-has-children .sub-menu {
padding-top: 0;
top: calc(100% + 45px);
transition: all ease .3s;
}
.menu-item-has-children .sub-menu:before {
content: '';
position: absolute;
top: -45px;
left: 0;
right: 0;
height: 45px;
transition: all ease .3s;
}
body.scrolled .menu-item-has-children .sub-menu {
top: calc(100% + 17px);
padding-top: 0;
}
body.scrolled .menu-item-has-children .sub-menu:before {
top: -17px;
height: 17px;
} @media screen and (max-width: 1199px) {
.primary-footer .footer-row {
justify-content: center;
}
.primary-header .logo-col {
flex-basis: 180px;
}
.main-nav .menu li a {
padding: 10px;
}
.primary-footer h2 {
font-size: 28px;
letter-spacing: 2px;
}
.primary-footer .footer-row {
column-gap: 30px;
}
.primary-footer .footer-row .info-col,
.primary-footer .footer-row .social-col {
flex-basis: auto;
}
.feature-section .feature {
flex-basis: 100%;
}
.team-section .members {
column-gap: 100px;
}
.gallery-section .gallery {
column-gap: 20px;
row-gap: 20px;
}
.gallery-section .gallery .image {
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.banner-section .content {
width: 650px;
}
.form-section .gform_wrapper.gravity-theme .gfield_label {
font-size: 20px;
}
.form-section .gform_wrapper.gravity-theme input:not(.button),
.form-section .gform_wrapper.gravity-theme textarea {
font-size: 18px;
}
.content-section .content-row > .col {
flex-basis: 100%;
}
.team-section .members,
.service-section .services {
column-gap: 50px;
}
.gallery-section .gallery {
column-gap: 10px;
row-gap: 10px;
}
.gallery-section .gallery .image {
margin-bottom: 10px;
}
.blog-section .posts {
column-gap: 30px;
row-gap: 30px;
}
.blog-section .post {
flex-basis: calc(50% - 15px);
}
body.home .banner-section .image img {
height: calc(100vh - var(--headerHeight) - 100px);
max-height: 600px;
}
.mobile-logo {
display: block;
}
.mobile-logo img {
max-height: 100px;
}
}
@media screen and (max-width: 767px) {
.banner-section .content {
font-size: 22px;
padding: 40px 20px;
}
.banner-section .content h1 {
font-size: 36px;
}
.review-section .owl-carousel {
max-width: calc(100% - 90px);
}
.review-section .owl-carousel .owl-nav {
font-size: 38px;
}
.review-section .owl-carousel .owl-nav button.owl-prev {
left: -45px;
}
.review-section .owl-carousel .owl-nav button.owl-next {
right: -45px;
}
.primary-footer {
text-align: center;
}
.primary-footer .footer-row .info-col,
.primary-footer .footer-row .social-col {
flex-basis: 100%;
}
.primary-footer .footer-row .social-col .inner {
max-width: none;
margin-left: 0;
}
.primary-footer .copyright {
text-align: center;
}
.gallery-section .gallery-desktop {
display: none;
}
.gallery-section .gallery-mobile {
display: flex;
}
.gallery-section .gallery-mobile .image-col {
flex: 1 1 calc(50% - 5px);
}
.form-section .gform_wrapper.gravity-theme .gform_fields {
grid-template-columns: repeat(2, 1fr);
column-gap: 30px;
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-half:nth-child(n) {
grid-column: span 1;
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths,
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-one-sixth,
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-full {
grid-column: span 2;
}
.blog-section .post {
flex-basis: 100%;
}
}
@media screen and (max-width: 449px) {
.btn {
white-space: normal;
}
h2 {
font-size: 30px;
letter-spacing: 2px;
}
html,
body {
font-size: 18px;
}
.review-section .owl-carousel {
max-width: 100%;
}
.review-section .owl-carousel .owl-nav {
display: none;
}
.form-section h2 {
margin-bottom: 50px;
}
.section-padding {
padding: 100px 0;
}
.content-section h1 {
font-size: 42px;
letter-spacing: 3px;
}
.form-section .gform_wrapper.gravity-theme .gfield.gfield--width-half:nth-child(n) {
grid-column: span 2;
}
.blog-section .posts-navigation .nav-links > * {
margin: 0 15px;
}
.banner-section .content {
top: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}