body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} @media(min-width: 980px) {
.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
}
#site-navigation {
margin-left: unset !important;
display: flex;
}
.site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
margin: unset;
}
#site-navigation,
#primary-menu,
.main-navigation .inside-navigation {
flex: 1;
} .main-navigation ul li:nth-child(4) {
margin-left: auto;
}
ul.menu-main-navigation-menu li:first-child a {
padding-left: 0 !important;
}
} #generate-slideout-menu {
height: auto;
}
#generate-slideout-menu .sub-menu li {
margin-left: 10px;
}
.main-navigation ul ul {
box-shadow: none;
}
.menu-bar-items .slideout-toggle a, .slideout-navigation button.slideout-exit  {
font-size: 20px;
}
.slideout-navigation.main-navigation .main-nav ul li.menu-btn a {
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 30px;
padding: 15px 28px;
background-color: var(--base);
line-height: 1;
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.slideout-navigation.main-navigation .main-nav ul li.menu-btn a:hover {
color: var(--contrast-3) !important;
background-color: var(--global-color-9);
} .site-logo.mobile-header-logo  {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%); 
}
@media (max-width: 425px) {
.mobile-header-navigation .site-logo.mobile-header-logo img, .site-logo.mobile-header-logo {
height: 75px !important;
}
.main-navigation .menu-toggle {
line-height: 75px;
}
}
.main-navigation .menu-toggle {
font-size: 18px;
} .hp-swiper .wp-swiper>.wp-swiper__wrapper {
margin-bottom: 0;
}
.overlay-container:hover .text-overlay {
background-color: var(--contrast-3)
}
.overlay-container:hover .job-title {
opacity: 1;
}
.overlay-container:hover .job-title {
transition: ease-in .2s;
}
.text-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transition: ease-in .2s;
}
.text-overlay .job-title {
opacity: 0;
}
@media (max-width: 580px) {
.team-grid.gb-grid-wrapper .gb-grid-column {
width: 92%;
}
}
@media (max-width: 519px) {
.mob-100.gb-grid-wrapper .gb-grid-column {
width: 100%;
text-align: center;
}
.site-footer ul, .site-footer ul li {
margin-left: auto; 
margin-right: auto;
}	
} .reviews-swiper .swiper-button-next, .reviews-swiper .swiper-button-prev {
color: var(--global-color-9);
}
@media (min-width: 768px) {
.reviews-swiper .swiper-pagination-bullet {
width: 12px;
height: 12px;
}	
}
.reviews-swiper .swiper-pagination-bullet-active {
background: var(--global-color-9);
}
.reviews-swiper .wp-swiper__wrapper {
padding-bottom: 20px
}
.testimonial-block .gb-icon {
margin-bottom: -15px;
}
.services-testiomials-swiper .swiper-slide {
height: auto;
}
.services-testiomials-swiper .wp-swiper__slide .wp-swiper__slide-content {
height: 100%;
} .pricing-table .wp-block-table.is-style-stripes {
border-bottom: 0;
}
.pricing-table .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #fff;
}
.pricing-table .wp-block-table thead {
border-bottom: 2px solid var(--contrast-3);
color: var(--contrast-3);
}
@media (max-width: 549px) {
.pricing-table table {
font-size: 13px;
}
} .blog .inside-article .post-image img {
width: 100%;
}
.blog, .blog .site {
background-color: var(--base-2);
}
.blog .inside-article {
background: #fff;
padding: 10px;
}
.blog .inside-article .entry-summary {
padding: 0 20px 20px;
}
.blog .inside-article .entry-header {
padding: 0px 20px 0 20px;
}  @media (max-width: 767px) {
#cta:before {
background-size: 100%;
background-position: bottom center;
}
} .fixed-side-icons {
position: fixed;
bottom: 10px;
right: 3px;
z-index: 100;
}
#fixed-contact {
bottom: 0;
display: none;
}  @keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadein {
animation: 0.8s ease-out 0.4s fadeIn;
animation-fill-mode: forwards;
opacity: 0;
}
.fadein2 {
animation: 1.2s ease-out 0.6s fadeIn;
animation-fill-mode: forwards;
opacity: 0;
}
.rose-gold-metallic {
background: linear-gradient(
135deg,
#f3e6e8 0%, #d9a5b3 25%, #c6889a 50%, #bf7d8b 75%, #a8596c 100% );
}
.rose-gold-gradient {
background: linear-gradient(
to right,
#f7cac9, #f7cac9 20%, 
#e8a87c 40%, #d68a59 60%, #b36a5e 80%, #b36a5e );
}
.rose-gold-shimmer {
background: linear-gradient(
90deg,
#d9a5b3, #c6889a, #d9a5b3, #c6889a, #d9a5b3 );
}