@charset "UTF-8";

   :root { 
--grid-size-xl: 138rem;
--grid-size-lg: 118rem;
--grid-size-md: ;
--grid-size-sm: 78rem;
--grid-size-xs: ;
--grid-padding: 5rem;
--color-blue: #698EF7;
--color-darkblue: #142768;
--color-lightblue: #e6f9ff;
--color-lightgrey: #f4f4f4;
--color-cremewhite: #f8f3e0;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*:focus {
outline: none;
}
html {
font-size: 62.5%;
}
body {
background-color: var(--color-cremewhite);
font-family: "Figtree", sans-serif;
font-optical-sizing: auto;
font-size: 1.7rem;
font-weight: 400;
line-height: 1.8;
color: var(--color-darkblue);
-webkit-font-smoothing: antialiased;    
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.icon::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
} h1,
h2,
h3,
h4 {
margin: 0;
}
h1,
h2,
h3 {
margin-bottom: 1.5rem;
font-family: 'PP Editorial New';
font-size: 4rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
h1.large,
h2.large {
font-size: 5.5rem;
}
h3 {
margin-bottom: 1rem;
font-size: 3rem;
font-weight: 600;
line-height: 1.3;
}
h4 {
margin-bottom: .5rem;
font-size: 2.2rem;
line-height: 1.4;
} p {
margin: 0 0 3rem;
}
p:empty {
display: none;
}
p:last-child {
margin: 0;
}
a {
color: var(--color-darkblue);
text-decoration: underline;
transition: .3s;
}
a:hover {
}
.underline {
text-decoration: underline;
} ul,
ol {
margin: 0 0 3rem;
padding-left: 2rem;
} section {
padding: 0 var(--grid-padding);
}
.row-fw,
.row-xl,
.row-lg,
.row-md,
.row-sm,
.row-xs {
width: 100%;
margin: 0 auto;
}
.row-xl {
max-width: var(--grid-size-xl);
}
.row-lg {
max-width: var(--grid-size-lg);
}
.row-md {
max-width: var(--grid-size-md);
}
.row-sm {
max-width: var(--grid-size-sm);
}
.row-xs {
max-width: var(--grid-size-xs);
}
.pt-lg {
padding-top: 15rem;
}
.pt-md {
padding-top: 12rem;
}
.pt-sm {
padding-top: 6rem;
}
.pt-none {
padding-top: 0;
}
.pb-lg {
padding-bottom: 15rem;
}
.pb-md {
padding-bottom: 12rem;
}
.pb-sm {
padding-bottom: 6rem;
}
.pb-none {
padding-bottom: 0;
} .btn {
display: inline-block;
padding: 1.5rem 3rem;
border: .1rem solid var(--color-darkblue);
border-radius: 5rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: .2rem;
color: var(--color-darkblue);
text-decoration: none;
text-align: center;
transition: .3s;
}
.btn:hover {
border-color: var(--color-blue);
background-color: var(--color-blue);
color: white;
}
.btn.mobile {
display: none;
} .socials {
display: flex;
gap: 0 2rem;
}
.socials a {
font-size: 1.8rem;
} .label {
display: inline-block;
margin-bottom: 1.5rem;
padding: 1rem 2rem;
border-radius: 5rem;
background-color: var(--color-blue);
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
letter-spacing: .2rem;
color: white;
} .branding-icon {
position: absolute;
z-index: 2;
left: calc( 50% - 7.5rem );
width: 15rem;
height: 15rem;
background-image: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/images/logo-branding-blue.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.branding-icon.top {
top: -7.5rem;
}
.branding-icon.bottom {
bottom: -7.5rem;
} .vid {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
overflow: hidden;
}
.vid iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .chaty-cta-button circle,
.chaty-cta-button ellipse {
fill: var(--color-blue);
}  header .top {
padding: 0 var(--grid-padding);
background-color: var(--color-blue);
}
header .top .container {
height: 4rem;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.5rem;
color: white;
}
header .top a {
color: white;
text-decoration: none;
}
header .top a:hover {
text-decoration: underline;
}
header .top .content-wrapper {
display: flex;
gap: 2rem;
}
header .top .content-wrapper i {
margin-right: .5rem;
}
header .top .socials a {
font-size: 1.6rem;
} header .bottom {
position: relative;
z-index: 20;
width: 100%;
padding: 0 var(--grid-padding);
border-bottom: .1rem solid var(--color-darkblue);
background-color: var(--color-cremewhite);
}
header.scrolled .bottom {
position: fixed;
top: 0;
}
header .bottom .container {    
display: flex;
justify-content: space-between;
}
header .logo-wrapper {
padding: 1.2rem 0;
}
header .logo-wrapper a {
display: flex;
}
header .logo-wrapper img {
width: auto;
height: 6.6rem;
transition: .3s;
}
header.scrolled .logo-wrapper img {
height: 6rem;
}
header .menu-wrapper {
display: flex;
justify-content: flex-end;
}
header ul.menu {
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 0 2.5rem;
}
header ul.menu li {
height: 100%;
display: flex;
align-items: center;
}
header ul.menu li.menu-item-has-children {
position: relative;
}
header ul.menu li.menu-item-has-children::after {
content: '\f0d7';
margin-left: .5rem;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
header ul.menu a {
border-bottom: .1rem solid transparent;
font-weight: 500;
color: var(--color-darkblue);
text-decoration: none;
}
header ul.menu a:hover,
header ul.menu li.current-menu-item a,
.single-event ul.menu li.events a,
.single-culinair ul.menu li.culinair a,
.single-case ul.menu li.cases a,
.single-vacature ul.menu li.vacatures a {
border-color: var(--color-darkblue);
}
header ul.menu li.menu-btn a {
display: block;
padding: 1.1rem 2.5rem;
border: .1rem solid var(--color-blue);
border-radius: 5rem;
background-color: var(--color-blue);
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: .2rem;
color: white;
text-align: center;
transition: .3s;
}
header ul.menu li.menu-btn a:hover {
background-color: var(--color-darkblue);
}
header ul.sub-menu {
position: absolute;
top: 100%;
left: -2rem;
width: 20rem;
padding: 2rem;
border-radius: 0 0 .5rem .5rem;
background-color: white;
display: none;
}
header ul.menu li.menu-item-has-children:hover > ul {
display: block;
}
header ul.sub-menu a {
border: 0;
font-size: 1.5rem;
}
header ul.sub-menu a:hover {
font-weight: 700;
}
header .hamburger {
position: fixed;
top: 2rem;
right: var(--grid-padding);
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: var(--color-darkblue);
display: none;
justify-content: center;
align-items: center;
color: white;
cursor: pointer;
} .notification {
position: absolute;
z-index: 19;
width: 100%;
padding: 0 var(--grid-padding);
background-color: var(--color-darkblue);
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
color: white;
}
.notification p {
margin: 0;
}
.notification a {
color: white;
}
.notification .container {
position: relative;
padding: 1.25rem 3rem;    
text-align: center;
}
.notification .close {
position: absolute;
top: calc(50% - 1.5rem);
right: 0;
width: auto;
height: 3rem;
display: flex;
align-items: center;
} header.scrolled + main {
margin-top: 8rem;
} footer {
padding: 0 var(--grid-padding);
background-color: var(--color-darkblue);
}
footer .container {
padding: 10rem 0;
display: grid;
grid-template-columns: 5fr 3fr 3fr 3fr 3fr;
grid-gap: 5rem 3rem;
font-size: 1.5rem;
color: white;
}
footer a {
color: white;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer h4 {
font-size: 2rem;
}
footer .btn {
border-color: white;
color: white;
}
footer .btn:hover {
background-color: white;
color: var(--color-darkblue);
text-decoration: none;
}
footer ul.menu {
margin: 0;
padding: 0;
list-style-type: none;
} @media (max-width: 1280px) {  header .top {
display: none;
} header .logo-wrapper img {
height: 6rem;
}
header .menu-main-menu-container {
display: none;
}
header .hamburger {
display: flex;
} .notification {
background-color: var(--color-blue);
} footer .container {
grid-template-columns: 4fr 3fr 3fr;
}
footer .col:first-child {
grid-row: span 2;
}
}
@media (max-width: 1100px) {
}
@media (max-width: 1024px) {  h1,
h2 {
font-size: 3.4rem;
}
h1.large,
h2.large {
font-size: 4.6rem;
}
h3 {
font-size: 2.4rem;
line-height: 1.4;
} .pt-lg {
padding-top: 12rem;
}
.pt-md {
padding-top: 9rem;
}
.pt-sm {
padding-top: 4rem;
}
.pb-lg {
padding-bottom: 12rem;
}
.pb-md {
padding-bottom: 9rem;
}
.pb-sm {
padding-bottom: 4rem;
} .btn {
padding: 1.25rem 2.5rem;
font-size: 1.4rem;
} .label {
padding: .75rem 1.5rem;
font-size: 1.3rem;
} .branding-icon {
left: calc( 50% - 6.5rem );
width: 13rem;
height: 13rem;
}
.branding-icon.top {
top: -6.5rem;
}
.branding-icon.bottom {
bottom: -6.5rem;
}  .notification {
font-size: 1.6rem;
}
.notification .container {
padding: 1rem 3rem;
}
}
@media (max-width: 899px) { :root {
--grid-padding: 2rem;
} footer .container {
grid-template-columns: 1fr 1fr;
}
footer .col:first-child {
grid-column: span 2;
grid-row: inherit;
}
}
@media (max-width: 767px) { body {
line-height: 1.7;
} .pt-lg {
padding-top: 10rem;
}
.pt-md {
padding-top: 7rem;
}
.pb-lg {
padding-bottom: 10rem;
}
.pb-md {
padding-bottom: 7rem;
}
.desktop {
display: none;
} .btn.mobile {
display: inline-block;
} footer .container {
padding: 7rem 0;
}
}
@media (max-width: 599px) { footer .container {
grid-template-columns: 1fr;
}
footer .col:first-child {
grid-column: inherit;
}
}
@media (max-width: 499px) {  .branding-icon {
left: calc( 50% - 5.5rem );
width: 11rem;
height: 11rem;
}
.branding-icon.top {
top: -5.5rem;
}
.branding-icon.bottom {
bottom: -5.5rem;
}
} @font-face {
font-family: 'PP Editorial New';
src: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/400/PPEditorialNew-Regular.eot);
src: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/400/PPEditorialNew-Regular.eot?#iefix) format('embedded-opentype'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/400/PPEditorialNew-Regular.woff2) format('woff2'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/400/PPEditorialNew-Regular.woff) format('woff'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/400/PPEditorialNew-Regular.ttf) format('truetype'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/400/PPEditorialNew-Regular.svg#PPEditorialNew-Regular) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PP Editorial New';
src: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/700/PPEditorialNew-Bold.eot);
src: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/700/PPEditorialNew-Bold.eot?#iefix) format('embedded-opentype'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/700/PPEditorialNew-Bold.woff2) format('woff2'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/700/PPEditorialNew-Bold.woff) format('woff'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/700/PPEditorialNew-Bold.ttf) format('truetype'),
url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/fonts/PPEditorialNew/700/PPEditorialNew-Bold.svg#PPEditorialNew-Bold) format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}.hero-single {
background-color: #eee;
background-size: cover;
background-position: center;
}
.hero-single .container {
position: relative;
height: 77rem;
display: flex;
justify-content: center;
align-items: center;
}
.hero-single .content-wrapper {
text-align: center;
}
.hero-single .label {
background-color: var(--color-blue);
color: white;
}
.hero-single h1 {
margin-bottom: 0;
font-size: 7rem;
line-height: 1;
color: white;
} @media (max-width: 1380px) { .hero-single .container {
height: 72rem;
}
}
@media (max-width: 1024px) { .hero-single .container {
height: 62rem;
}
.hero-single h1 {
font-size: 6.5rem;
line-height: 1.1;
}
}
@media (max-width: 899px) { .hero-single .container {
height: 50rem;
}
}
@media (max-width: 767px) { .hero-single .container {
height: 40rem;
}
.hero-single h1 {
font-size: 5.5rem;
}
}.content-bgvideo {
padding: 0;
}
.content-bgvideo .container {
position: relative;
}
.content-bgvideo .video-wrapper {
position: relative;
width: 100%;
height: 77rem;
background-color: #eee;
overflow: hidden;
}
.content-bgvideo iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
min-width: 177.77vh;
height: 56.25vw;
min-height: 100%;
} .content-usps .container {
border-radius: 1rem;
display: grid;
grid-template-columns: 1fr 1fr;
overflow: hidden;
}
.content-usps .image-wrapper {
position: relative;
background-color: #eee;
}
.content-usps .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.content-usps .content-wrapper {
padding: 8rem;
background-color: var(--color-blue);
color: var(--color-darkblue);
}
.content-usps h2 {
margin-bottom: 3rem;
}
.content-usps .item:not(:first-child) {
margin-top: 2rem;
}
.content-usps h3 {
position: relative;
padding-right: 4rem;
font-size: 2.2rem;
cursor: pointer;
}
.content-usps h3::before {
content: '\f055';
position: absolute;
top: .2rem;
right: 0;
font-family: "Font Awesome 5 Pro"; 
font-size: 2.2rem;
font-weight: 400;
color: var(--color-darkblue);
}
.content-usps .item.active h3::before {
content: '\f056';
}
.content-usps .text {
padding-bottom: 1rem;
font-size: 1.5rem;
line-height: 1.6;
}
.content-usps .item:not(:first-child) .text {
display: none;
}
.content-usps .btn {
margin-top: 3rem;
} .content-title-text-2-columns .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
} .content-video .container {
position: relative;
}
.content-video .video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
background-color: #eee;
overflow: hidden;
}
.content-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;;
} .content-image-form .container {
border-radius: 1rem;
background-color: var(--color-blue);
display: grid;
grid-template-columns: 1fr 1fr;
overflow: hidden;
}
.content-image-form .image-wrapper {
position: relative;
background-color: #eee;
}
.content-image-form .image-wrapper::before {
content: '';
position: absolute;
bottom: 3rem;
left: 3rem;
width: 19.3rem;
height: 10rem;
background-image: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/images/logo-white.svg);
background-repeat: no-repeat;
background-size: contain;
}
.content-image-form .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-image-form .form-wrapper {
padding: 8rem;
}
.content-image-form .form {
margin-top: 3rem;
}
.content-image-form .gform_wrapper .gform_fields {
grid-template-columns: 1fr !important;
grid-column-gap: 0 !important;
} .content-menu .menu-section:not(:first-child) {
padding-top: 7rem;
}
.content-menu .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
}
.content-menu .content-wrapper.align-center {
text-align: center;
}
.content-menu .menu-wrapper {
margin-top: 3rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem 6rem;
}
.content-menu .menu-item:nth-child(odd) {
text-align: right;
}
.content-menu .title {
font-size: 2.2rem;
font-weight: 700;
line-height: 1.4;
}
.content-menu .text {
font-size: 1.5rem;
line-height: 1.6;
} .content-text .facts-wrapper {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 17rem, 1fr ) );
grid-gap: 5rem 3rem;
}
.content-text .title {
font-size: 2.2rem;
font-weight: 700;
line-height: 1.4;
}
.content-text .text {
margin-top: .5rem;
font-size: 1.5rem;
line-height: 1.6;
color: #666;
}
.content-text .text h3 {
font-size: 2.2rem;
line-height: 1.4;
} .content-bgimage {
position: relative;
height: 77rem;
background-size: cover;
background-position: center;
} .content-joboffers .container > .title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.content-joboffers h2 {
margin: 0;
}
.content-joboffers .joboffers-wrapper {
margin-top: 3rem;
border-top: .1rem solid #ccc;
}
.content-joboffers .item {
padding: 3rem;
border-bottom: .1rem solid #ccc;
display: flex;
justify-content: space-between;
align-items: center;
color: inherit;
text-decoration: inherit;
transition: .3s;
}
.content-joboffers .item:hover {
background-color: white;
}
.content-joboffers h3 {
margin: 0;
font-size: 2.2rem;
line-height: 1.4;
}
.content-joboffers .text {
margin-top: .5rem;
font-size: 1.5rem;
line-height: 1.6;
color: #666;
}
.content-joboffers .item:hover .btn {
border-color: var(--color-blue);
background-color: var(--color-blue);
color: white;
} .content-vacature .info {
color: var(--color-darkblue);
}
.content-vacature .btn {
margin-top: 2rem;
}
.content-vacature .text-wrapper {
margin-top: 6rem;
}
.content-vacature .text-wrapper h2,
.content-vacature .text-wrapper h3 {
margin-bottom: 1rem;
font-size: 2.2rem;
line-height: 1.4;
} .content-form .container {
position: relative;
padding: 8rem;
border-radius: 1rem;
background-color: var(--color-blue);
} .content-image-text {
padding: 0;
}
.content-image-text .container {
min-height: 77rem;
display: grid;
grid-template-columns: 1fr 1fr;
}
.content-image-text .image-wrapper {
background-size: cover;
background-position: center;
}
.content-image-text .content-wrapper {
background-color: var(--color-blue);
display: flex;
align-items: center;
}
.content-image-text .content {
width: calc( var(--grid-size-lg) / 2 );
padding: 15rem var(--grid-padding) 15rem 8rem;
color: var(--color-darkblue);
}
.content-image-text a {
color: var(--color-darkblue);
text-decoration: none;
}
.content-image-text a:hover {
text-decoration: underline;
} @media (max-width: 1380px) { .content-bgvideo .video-wrapper {
height: 72rem;
} .content-bgimage {
height: 72rem;
} .content-image-text .container {
min-height: 72rem;
}
}
@media (max-width: 1180px) { .content-image-text .content {
width: 100%;
}
}
@media (max-width: 1100px) { .content-usps .content-wrapper {
padding: 8rem 6rem;
} .content-image-form .form-wrapper {
padding: 8rem 6rem;
} .content-form .container {
padding: 8rem 6rem;
} .content-image-text .content {
padding: 15rem var(--grid-padding) 15rem 6rem;
}
}
@media (max-width: 1024px) { .content-bgvideo .video-wrapper {
height: 62rem;
} .content-bgimage {
height: 62rem;
} .content-image-text .container {
min-height: 62rem;
}
}
@media (max-width: 899px) { .content-bgvideo .video-wrapper {
height: 50rem;
} .content-usps .content-wrapper {
padding: 6rem 5rem;
} .content-image-form .form-wrapper {
padding: 6rem 5rem;
} .content-bgimage {
height: 50rem;
} .content-form .container {
padding: 6rem 5rem;
} .content-image-text .container {
min-height: 50rem;
}
.content-image-text .content {
padding: 6rem var(--grid-padding) 6rem 5rem;
}
}
@media (max-width: 767px) { .content-bgvideo .video-wrapper {
height: 40rem;
} .content-usps .container {
grid-template-columns: 1fr;
}
.content-usps .image-wrapper {
display: none;
}
.content-usps .content-wrapper {
padding: 5rem 3rem;
} .content-title-text-2-columns .container {
grid-template-columns: 1fr;
grid-gap: 0;
} .content-image-form .container {
grid-template-columns: 1fr;
}
.content-image-form .image-wrapper {
display: none;
}
.content-image-form .form-wrapper {
padding: 5rem 3rem;
} .content-menu .menu-wrapper {
grid-gap: 3rem 5rem;
} .content-text .facts-wrapper {
margin-top: 4rem;
grid-gap: 4rem 3rem;
} .content-bgimage {
height: 40rem;
} .content-joboffers .item {
display: block;
}
.content-joboffers .item .btn {
margin-top: 1.5rem;
} .content-form .container {
padding: 5rem 3rem;
}
.content-form .branding-icon {
display: none;
} .content-image-text .container {
grid-template-columns: 1fr;
}
.content-image-text .image-wrapper {
height: 40rem;
}
.content-image-text .content {
padding: 7rem var(--grid-padding);
}
}
@media (max-width: 599px) { .content-menu .menu-wrapper {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
.content-menu .menu-item:nth-child(odd) {
text-align: left;
} .content-joboffers .container > .title-wrapper .btn {
display: none;
}
.content-joboffers .item {
padding: 3rem 0;
background-color: transparent !important;
}
}
@media (max-width: 499px) { .content-usps .content-wrapper {
padding: 4rem 2rem;
} .content-image-form .form-wrapper {
padding: 4rem 2rem;
} .content-form .container {
padding: 4rem 2rem;
}
}.slider-cases .swiper-custom-button-prev,
.slider-cases .swiper-custom-button-next,
.slider-culinary .swiper-custom-button-prev,
.slider-culinary .swiper-custom-button-next {
position: absolute;
z-index: 1;
bottom: 3rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: var(--color-darkblue);
font-size: 2.4rem;
line-height: 4.2rem;
color: white;
text-align: center;
cursor: pointer;
transition: .3s;
}
.slider-cases .swiper-custom-button-prev,
.slider-culinary .swiper-custom-button-prev {
right: 4.5rem;
}
.slider-cases .swiper-custom-button-next,
.slider-culinary .swiper-custom-button-next {
right: 0;
}
.slider-cases .swiper-button-disabled,
.slider-culinary .swiper-button-disabled {
opacity: .25;
} .slider-gallery .swiper-pagination-bullets {
bottom: 3rem !important;
}
.swiper-pagination-bullet {
width: 1.2rem !important;
height: 1.2rem !important;
border: .1rem solid var(--color-darkblue) !important;
background-color: transparent !important;
opacity: 1 !important;
}
.slider-gallery .swiper-pagination-bullet {
border-color: white !important;
}
.swiper-pagination-bullet-active {
background-color: var(--color-darkblue) !important;
}
.slider-gallery .swiper-pagination-bullet-active {
background-color: white !important;
} .slider-gallery {
position: relative;
padding: 0;
background-color: #eee;
}
.slider-gallery .swiper-slide {
position: relative;
background-size: cover;
background-position: center;
}
.slider-gallery .swiper-slide.content-yes::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 75%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
opacity: .63;
}
.slider-gallery .container {
position: relative;
z-index: 1;
max-width: 50%;
height: 77rem;
padding: 15rem var(--grid-padding);
display: flex;
align-items: flex-end;
}
.slider-gallery .swiper-slide.content-yes .container {
height: calc(100vh - 8rem);
min-height: 77rem;
max-height: 108rem;
}
.slider-gallery .content-wrapper {
color: white;
}
.slider-gallery .label {
background-color: var(--color-blue);
color: white;
}
.slider-gallery .title {
margin-bottom: 1.5rem;
font-family: 'PP Editorial New';
font-size: 4.6rem;
font-weight: 700;
line-height: 1.2;    
text-transform: uppercase;
}
.slider-gallery .btn {
margin-top: 3rem;
border-color: white;
background-color: white;
color: var(--color-darkblue);
}
.slider-gallery .btn:hover {
border-color: var(--color-blue);
background-color: var(--color-blue);;
color: white;
} .slider-gallery .swiper-custom-button-prev,
.slider-gallery .swiper-custom-button-next {
position: absolute;
z-index: 11;
top: calc( 50% - 2.5rem );
width: 5rem;
height: 5rem;
border: .2rem solid white;
border-radius: 50%;
font-size: 2.4rem;
line-height: 4.8rem;
color: white;
text-align: center;
cursor: pointer;
transition: .3s;
}
.slider-gallery .swiper-custom-button-prev {
left: var(--grid-padding);
}
.slider-gallery .swiper-custom-button-next {
right: var(--grid-padding);
}
.slider-gallery .swiper-custom-button-prev:hover,
.slider-gallery .swiper-custom-button-next:hover {
background-color: white;
color: var(--color-darkblue);
} .slider-cases {
overflow: hidden;
}
.slider-cases .container > .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
}
.slider-cases .cases-wrapper {
position: relative;
margin-top: 6rem;
}
.slider-cases .cases-wrapper::before {
content: '';
position: absolute;
z-index: -1;
top: 10rem;
left: -10rem;
width: calc( 100% + 20rem );
height: calc(100% - 10rem);
border-radius: 1rem;
background-color: white;
}
.slider-cases .swiper {    
padding-bottom: 10rem;
overflow: visible;
}
.slider-cases .label {
padding: .75rem 1.5rem;
font-size: 1.3rem;
}
.slider-cases h3 {
margin: 0;
font-family: "Figtree", sans-serif;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.4;
text-transform: none;
} .slider-testimonials {
overflow: hidden;
}
.slider-testimonials .swiper {
padding-bottom: 7rem;
}
.slider-testimonials .swiper-slide {
text-align: center;
}
.slider-testimonials .text {
font-family: 'PP Editorial New';
font-size: 4.6rem;
font-weight: 700;
line-height: 1.1;
text-transform: uppercase;
}
.slider-testimonials .title {
margin-top: 4rem;
font-size: 2rem;
line-height: 1.4;
} .slider-clients {
overflow: hidden;
}
.slider-clients .swiper {
overflow: visible;
mix-blend-mode: multiply;
}
.slider-clients .swiper-wrapper {
align-items: center;
}
.slider-clients .swiper-slide {
width: auto;
}
.slider-clients .image-wrapper {
max-width: 16rem;
height: 8rem;
display: flex;
}
.slider-clients .image-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
} .slider-culinary {
overflow: hidden;
}
.slider-culinary .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
}
.slider-culinary .culinary-wrapper {
position: relative;
margin-top: 6rem;
}
.slider-culinary .culinary-wrapper::before {
content: '';
position: absolute;
z-index: -1;
top: 10rem;
left: -10rem;
width: calc( 100% + 20rem );
height: calc(100% - 10rem);
border-radius: 1rem;
background-color: white;
}
.slider-culinary .swiper {    
padding-bottom: 10rem;
}
.slider-culinary .swiper-slide > a {    
display: block;
position: relative;
width: 100%;
height: 0;
padding-top: 50%;
border-radius: 1rem;
background-color: #eee;
background-size: cover;
background-position: center;
color: white;
text-decoration: none;
overflow: hidden;
}
.slider-culinary .swiper-slide > a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
opacity: .5;
}
.slider-culinary .title {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
padding: 2rem;
font-size: 3rem;
font-weight: 700;
line-height: 1.3;
} @media (max-width: 1380px) { .slider-gallery .container {
height: 72rem;
}
.slider-gallery .swiper-slide.content-yes .container {
height: 100vh;
} .slider-gallery .swiper-custom-button-prev,
.slider-gallery .swiper-custom-button-next {
top: inherit;
bottom: 3rem;
width: 4rem;
height: 4rem;
line-height: 3.8rem;
}
.slider-gallery .swiper-custom-button-prev {
left: inherit;
right: calc( var(--grid-padding) + 4.5rem );
}
.slider-gallery .swiper-custom-button-next {
right: var(--grid-padding);
}
}
@media (max-width: 1100px) { .slider-gallery .container {
max-width: 75%;
}
}
@media (max-width: 1024px) { .slider-gallery .container {
height: 62rem;
padding: 10rem var(--grid-padding);
}
.slider-gallery .swiper-slide.content-yes .container {
min-height: inherit;
max-height: 77rem;
}
.slider-gallery .title {
font-size: 4.6rem;
line-height: 1.1;
}
}
@media (max-width: 899px) { .slider-gallery .container {
height: 50rem;
}
.slider-gallery .swiper-slide.content-yes .container {
max-height: 62rem;
}
.slider-gallery .text {
display: none;
}
.slider-gallery .btn {
margin-top: 0;
} .slider-cases .cases-wrapper::before {
left: -2rem;
width: calc( 100% + 4rem );
border-radius: 0;
} .slider-culinary .culinary-wrapper::before {
left: -2rem;
width: calc( 100% + 4rem );
border-radius: 0;
}
.slider-culinary .swiper {
overflow: visible;
}
.slider-culinary .title {
font-size: 2.2rem;
line-height: 1.4;
}
}
@media (max-width: 767px) { .slider-gallery .container {
height: 40rem;
}
.slider-gallery .swiper-slide.content-yes .container {
max-height: 50rem;
} .slider-cases .cases-wrapper {
margin-top: 4rem;
} .slider-testimonials .swiper {
overflow: visible;
}
.slider-testimonials .text {
font-size: 4rem;
line-height: 1.2;
} .slider-culinary .culinary-wrapper {
margin-top: 4rem;
}
}
@media (max-width: 599px) { .slider-gallery .container {
max-width: 100%;
}
}
@media (max-width: 499px) { .slider-gallery .title {
font-size: 3.4rem;
line-height: 1.2;
} .slider-culinary .swiper-slide > a {  
padding-top: 66.67%;
}
}.grid-tiles {
overflow: hidden;
}
.grid-tiles .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
}
.grid-tiles .grid {
position: relative;
margin-top: 6rem;
padding-bottom: 10rem;
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-gap: 3rem;
}
.grid-tiles .grid.col-3 {
grid-template-columns: repeat( 3, 1fr );
}
.grid-tiles .grid.col-2 {
grid-template-columns: repeat( 2, 1fr );
}
.grid-tiles .grid::before {
content: '';
position: absolute;
z-index: -1;
top: 10rem;
left: -10rem;
width: calc( 100% + 20rem );
height: calc(100% - 10rem);
border-radius: 1rem;
background-color: white;
}
.grid-tiles .item {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
border-radius: 1rem;
background-color: #eee;
background-size: cover;
background-position: center;
color: white;
text-decoration: none;
overflow: hidden;
transition: .3s;
}
.grid-tiles .item::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
opacity: .5;
}
.grid-tiles .grid.col-2 .item {
padding-top: 50%;
}
.grid-tiles .item:hover {
transform: scale(1.05);
}
.grid-tiles .title {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
padding: 2rem;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.4;
}
.grid-tiles .grid.col-3 .title,
.grid-tiles .grid.col-2 .title {
font-size: 3rem;
line-height: 1.3;
} .grid-team .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
text-align: center;
}
.grid-team .grid {
margin-top: 6rem;
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-gap: 6rem 3rem;
}
.grid-team .item {    
line-height: 1.4;
text-align: center;
}
.grid-team .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
border-radius: 50%;
background-color: #eee;
background-image: url(//culinicecatering.com/wp-content/themes/culinicecatering-theme/assets/images/team-bg.svg);
background-size: cover;
background-position: center;
overflow: hidden;
}
.grid-team .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.grid-team .title {
margin-top: 2rem;
font-size: 2rem;
font-weight: 700;
}
.grid-team .position {
margin-top: .5rem;
}
.grid-team .position a {
position: relative;
top: .1rem;
margin-left: .3rem;
}
.grid-team .position a:hover {
color: var(--color-darkblue)
} .grid-gallery .grid {
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-template-rows: repeat( 2, 1fr );
grid-gap: 2rem;
}
.grid-gallery .item:first-child {
grid-area: 1 / 1 / 2 / 3;
}
.grid-gallery .item:nth-child(2) {
grid-area: 2 / 1 / 3 / 2;
}
.grid-gallery .item:nth-child(3) {
grid-area: 2 / 2 / 3 / 3;
}
.grid-gallery .item:nth-child(4) {
grid-area: 1 / 3 / 3 / 4;
}
.grid-gallery .item:nth-child(5) {
grid-area: 1 / 4 / 2 / 5;
}
.grid-gallery .item:last-child {
grid-area: 2 / 4 / 3 / 5;
}
.grid-gallery .image-wrapper {
position: relative;
width: 100%;
border-radius: 1rem;
background-color: #eee;
overflow: hidden;
}
.grid-gallery .item:first-child .image-wrapper,
.grid-gallery .item:nth-child(4) .image-wrapper {
height: 100%;
}
.grid-gallery .item:nth-child(2) .image-wrapper,
.grid-gallery .item:nth-child(3) .image-wrapper,
.grid-gallery .item:nth-child(5) .image-wrapper,
.grid-gallery .item:last-child .image-wrapper {
height: 0;
padding-top: 100%;
}
.grid-gallery .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .grid-cases {
overflow: hidden;
}
.grid-cases .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
}
.grid-cases .grid {
position: relative;
margin-top: 6rem;
padding-bottom: 10rem;
display: grid;
grid-template-columns: repeat( 3, 1fr );
grid-gap: 3rem;
}
.grid-cases .grid::before {
content: '';
position: absolute;
z-index: -1;
top: 10rem;
left: -10rem;
width: calc( 100% + 20rem );
height: calc(100% - 10rem);
border-radius: 1rem;
background-color: white;
}
.grid-cases .label {
padding: .75rem 1.5rem;
font-size: 1.3rem;
}
.grid-cases h3 {
margin: 0;
font-size: 2.4rem;
line-height: 1.4;
} .grid-locations .container > .content-wrapper {
max-width: var(--grid-size-sm);
margin: 0 auto;
}
.grid-locations .grid {
margin-top: 6rem;
}
.grid-locations .item:not(:first-child) {
margin-top: 6rem;
}
.grid-locations .item {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
.grid-locations .gallery-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 2rem;
}
.grid-locations .item:nth-child(even) .gallery-wrapper {
order: 2;
}
.grid-locations .image-wrapper {
position: relative;
width: 100%;    
border-radius: 1rem;
overflow: hidden;
}
.grid-locations .image-wrapper:first-child {
height: 100%;
}
.grid-locations .image-wrapper:not(:first-child) {
height: 0;
padding-top: 100%;
}
.grid-locations .image-wrapper:first-child {
grid-area: 1 / 1 / 2 / 3;
}
.grid-locations .image-wrapper:nth-child(2) {
grid-area: 2 / 1 / 3 / 2;
}
.grid-locations .image-wrapper:last-child {
grid-area: 2 / 2 / 3 / 3;
}
.grid-locations .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.grid-locations .item .content-wrapper {
padding: 8rem;
border-radius: 1rem;
background-color: white;
display: flex;
flex-direction: column;
justify-content: center;
}
.grid-locations .item:nth-child(even) .content-wrapper {
order: 1;
} @media (max-width: 1100px) { .grid-tiles .grid {
grid-template-columns: repeat( 3, 1fr );
}
.grid-tiles .grid.col-3 .title {
font-size: 2.2rem;
} .grid-locations .item .content-wrapper {
padding: 8rem 6rem;
}
}
@media (max-width: 899px) { .grid-tiles .grid {
grid-gap: 2rem;
}
.grid-tiles .grid::before {
left: -2rem;
width: calc( 100% + 4rem );
border-radius: 0;
}
.grid-tiles .grid.col-2 .title {
font-size: 2.2rem;
} .grid-team .grid {
grid-gap: 5rem 2rem;
} .grid-cases .grid {
grid-template-columns: repeat( 2, 1fr );
grid-gap: 2rem;
} .grid-locations .item {
grid-gap: 2rem;
}
.grid-locations .item .content-wrapper {
padding: 6rem 5rem;
}
}
@media (max-width: 767px) { .grid-tiles .grid {
margin-top: 4rem;
grid-template-columns: repeat( 2, 1fr );
}
.grid-tiles .grid.col-3 {
grid-template-columns: repeat( 2, 1fr );
}
.grid-tiles .item {
padding-top: 50%;
} .grid-team .grid {
margin-top: 4rem;
grid-template-columns: repeat( 3, 1fr );
} .grid-locations .grid {
margin-top: 4rem;
}
.grid-locations .item:not(:first-child) {
margin-top: 4rem;
}
.grid-locations .item {
grid-template-columns: 1fr;
}
.grid-locations .item:nth-child(even) .gallery-wrapper {
order: 1;
}
.grid-locations .item .content-wrapper {
padding: 5rem 3rem;
}
.grid-locations .item:nth-child(even) .content-wrapper {
order: 2;
}
}
@media (max-width: 599px) { .grid-tiles .grid,
.grid-tiles .grid.col-3,
.grid-tiles .grid.col-2 {
grid-template-columns: 1fr;
}
.grid-tiles .title,
.grid-tiles .grid.col-3 .title,
.grid-tiles .grid.col-2 .title {
font-size: 3rem;
line-height: 1.3;
} .grid-team .grid {
grid-template-columns: repeat( 2, 1fr );
} .grid-gallery .grid {
grid-template-columns: repeat( 2, 1fr );
grid-template-rows: repeat( 4, 1fr );
}
.grid-gallery .item:nth-child(4) {
grid-area: 3 / 1 / 5 / 2;
}
.grid-gallery .item:nth-child(5) {
grid-area: 3 / 2 / 4 / 3;
}
.grid-gallery .item:last-child {
grid-area: 4 / 2 / 5 / 3;
}
}
@media (max-width: 499px) { .grid-tiles .grid,
.grid-tiles .grid.col-3,
.grid-tiles .grid.col-2 {
grid-gap: 1rem 0;
}
.grid-tiles .title,
.grid-tiles .grid.col-3 .title,
.grid-tiles .grid.col-2 .title {
font-size: 2.2rem;
line-height: 1.4;
} .grid-gallery .grid {
grid-gap: 1rem;
} .grid-cases .grid {
grid-template-columns: 1fr;
} .grid-locations .item {
grid-gap: 1rem;
}
.grid-locations .gallery-wrapper {
grid-gap: 1rem;
}
.grid-locations .item .content-wrapper {
padding: 4rem 2rem;
}
}.mobile-menu {
position: fixed;
z-index: 20;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-blue);
overflow: auto;
display: none;
}
.mobile-menu .header .container {
padding-top: 1rem;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.mobile-menu .logo-wrapper a {
display: flex;
}
.mobile-menu .logo-wrapper img {
width: auto;
height: 6rem;
}
.mobile-menu .close {
justify-self: flex-end;
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.mobile-menu .body {
padding: 7rem 0;
}
.mobile-menu ul.menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.mobile-menu ul.menu > li.menu-item-has-children {
position: relative;
}
.mobile-menu ul.menu > li.menu-item-has-children::before {
content: '\f055';
position: absolute;
top: .4rem;
right: .8rem;
font-family: "Font Awesome 5 Pro"; 
font-size: 2.6rem;
line-height: 1.3;
font-weight: 900;
color: white;
}
.mobile-menu ul.menu > li.menu-item-has-children.active::before {
content: '\f056';
}
.mobile-menu ul.menu a {
display: inline-block;
font-size: 2.6rem;
font-weight: 500;
color: white;
text-decoration: none;
}
.mobile-menu ul.menu a:hover {
text-decoration: underline;
}
.mobile-menu ul.menu li.menu-btn a {
display: inline-block;
margin-top: 3rem;
padding: 1.5rem 3rem;
border: .1rem solid white;
border-radius: 5rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: .2rem;
color: white;
text-align: center;
transition: .3s;
}
.mobile-menu ul.menu li.menu-btn a:hover {
background-color: white;
color: var(--color-darkblue);
text-decoration: none;
}
.mobile-menu ul.sub-menu {
margin: 0;
padding: .5rem 1rem 1rem;
list-style-type: none;
display: none;
}
.mobile-menu ul.sub-menu a {
display: block;
font-size: 1.8rem;
}
.mobile-menu ul.sub-menu ul {
display: none;
}.gform_wrapper .gform_fields {
grid-column-gap: 3rem !important;
grid-row-gap:  1rem !important;
} .gform_wrapper .gfield_label {
margin-bottom: .3rem !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.6 !important;  
} .gform_wrapper .gfield_description {
font-size: 1.5rem !important;
line-height: 1.6 !important;  
} .gform_wrapper .gfield_required {
display: none !important;
} .gform_wrapper .gfield input,
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
padding: .75rem 2rem !important;
border: .1rem solid transparent !important;
border-radius: .5rem !important;
background-color: white !important;
font-family: "Figtree", sans-serif !important;
font-size: 1.7rem !important;
font-weight: 400 !important;
line-height: 1.8 !important;    
color: var(--color-darkblue) !important
} .gform_wrapper .ginput_container_textarea {
display: flex;
} .gform_wrapper .gfield--type-consent {
width: calc( 100% - 3rem );
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked), 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked {
position: absolute;
width: 0 !important;
height: 0;
opacity: 0;
cursor: pointer;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
position: relative;
left: 4rem;
font-size: 1.5rem !important;
line-height: 1.3 !important;
cursor: pointer;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:before, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:before {
content: "";
position: absolute;
top: -.4rem;
left: -4rem;    
width: 3rem;
height: 3rem;
border-radius: .5rem;
background-color: white;
box-shadow: 0;  
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
content: "";
position: absolute;
top: 0;
left: -3.6rem; 
width: 2.2rem;
height: 2.2rem;
border-radius: .5rem;
background-color: var(--color-blue);
transition: .2s;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
opacity: 1;
} .gform_wrapper .gform_footer {
margin: 0 !important;
padding: 0 !important;
}
.gform_wrapper .gform_footer input {
margin: 2rem 0 0 !important;
padding: 1.5rem 3rem !important;
border: .1rem solid var(--color-darkblue) !important;
border-radius: 5rem !important;
background-color: transparent !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: .2rem !important;
color: var(--color-darkblue) !important;  
text-decoration: none !important;
transition: .3s;
cursor: pointer;
appearance: none !important;
}
.gform_wrapper .gform_footer input:hover {
border-color: var(--color-blue) !important;
background-color: var(--color-blue) !important;
color: white !important;
} .gform_validation_errors,
.gfield_validation_message {
display: none !important;
}
.gform_wrapper .gfield:not(.gfield--type-consent).gfield_error label {
color: inherit !important;
}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
border-color: red !important;
} .gform_confirmation_message {
font-family: "Figtree", sans-serif !important;
font-size: 1.7rem !important;
line-height: 1.8 !important;   
} .grecaptcha-badge {
visibility: hidden;
opacity: 0;
} @media (max-width: 1024px) {  .gform_wrapper .gform_footer input {
padding: 1.25rem 2.5rem !important;
font-size: 1.4rem !important;
}
}
@media (max-width: 899px) { .gform_wrapper .gform_fields {
grid-column-gap: 2rem !important;
}
}
@media (max-width: 767px) {  .gform_wrapper .gfield.gfield--width-half {
grid-column: 1 / -1 !important;
}
}.case-item {
display: block;
border-radius: 1rem;
background-color: var(--color-blue);
color: inherit;
text-decoration: none;
overflow: hidden;
transition: .3s;
}
.case-item:hover {
background-color: var(--color-blue);
transform: scale(1.03);
}
.case-item .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 66.67%;
background-color: #eee;
}
.case-item .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.case-item .content-wrapper {
padding: 3rem;
transition: .3s;
}
.case-item .labels-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0 1rem;
}
.case-item .label {
margin-bottom: 1rem;
background-color: var(--color-darkblue);
color: white;
transition: .3s;
} @media (max-width: 899px) { .case-item .content-wrapper {
padding: 2.5rem;
}
}