@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap"); @font-face {
font-family: 'Brandon Grotesque';
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_bld-webfont.eot);
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_bld-webfont.eot?#iefix) format('embedded-opentype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_bld-webfont.woff2) format('woff2'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_bld-webfont.woff) format('woff'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_bld-webfont.ttf) format('truetype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_bld-webfont.svg#brandon_grotesquebold) format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Brandon Grotesque';
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_med-webfont.eot);
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_med-webfont.eot?#iefix) format('embedded-opentype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_med-webfont.woff2) format('woff2'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_med-webfont.woff) format('woff'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_med-webfont.ttf) format('truetype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_med-webfont.svg#brandon_grotesquemedium) format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Brandon Grotesque';
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_reg-webfont.eot);
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_reg-webfont.eot?#iefix) format('embedded-opentype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_reg-webfont.woff2) format('woff2'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_reg-webfont.woff) format('woff'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_reg-webfont.ttf) format('truetype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/brandon-grotesque/brandon_reg-webfont.svg#brandon_grotesqueregular) format('svg');
font-weight: 400;
font-style: normal;
} @font-face {
font-family: 'Goudy Old Style';
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold-webfont.eot);
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold-webfont.woff2) format('woff2'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold-webfont.woff) format('woff'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold-webfont.ttf) format('truetype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold-webfont.svg#goudy_old_stylebold) format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Goudy Old Style';
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold_italic-webfont.eot);
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold_italic-webfont.eot?#iefix) format('embedded-opentype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold_italic-webfont.woff2) format('woff2'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold_italic-webfont.woff) format('woff'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold_italic-webfont.ttf) format('truetype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/goudy-old-style/goudy_old_style_bold_italic-webfont.svg#goudy_old_stylebold_italic) format('svg');
font-weight: 700;
font-style: italic;
} @font-face {
font-family: 'Peaches and Cream';
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/peaches-and-cream/PeachesandCreamBoldW00-Rg.eot);
src: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/peaches-and-cream/PeachesandCreamBoldW00-Rg.eot?#iefix) format('embedded-opentype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/peaches-and-cream/PeachesandCreamBoldW00-Rg.woff2) format('woff2'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/peaches-and-cream/PeachesandCreamBoldW00-Rg.woff) format('woff'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/peaches-and-cream/PeachesandCreamBoldW00-Rg.ttf) format('truetype'),
url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/fonts/peaches-and-cream/PeachesandCreamBoldW00-Rg.svg#PeachesandCreamBoldW00-Rg) format('svg');
font-weight: 700;
font-style: normal;
} @-webkit-keyframes slide-down { 
0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 0.9; transform: translateY(0); }
}
@-moz-keyframes slide-down {
0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 0.9; transform: translateY(0); }
}
@keyframes slide-down {
0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 0.9; transform: translateY(0); }
} .gform_ajax_spinner {
margin-left: 20px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-left: 4px solid rgba(110, 73, 217, 0.7);
animation: spinner 1.1s infinite linear;
border-radius: 50%;
width: 30px;
height: 30px;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .fl-node-content p {
margin: 0 0 20px;
}
.fl-node-content p:last-child {
margin: 0;
}
ul li::marker {
color: #E23819;
}
ol {
padding-left: 30px;
}
ol li {
padding-left: 20px;
margin-bottom: 20px;
} .flex-row:not([data-node]),
.flex-row .fl-node-content {
display: flex;
flex-direction: row;
}
.flex-column:not([data-node]),
.flex-column .fl-node-content {
display: flex;
flex-direction: column;
}
.q-and-a .pp-accordion-button,
.q-and-a .pp-accordion-content {
position: relative;
}
.q-and-a .pp-accordion-item .pp-accordion-button {
border-top-color: #EDEDED;
border-right-color: #EDEDED;
border-bottom-color: #EDEDED;
}
.q-and-a .pp-accordion-item .pp-accordion-content {
border-right-color: #EDEDED;
border-bottom-color: #EDEDED;
}
.q-and-a .pp-accordion-button::before {
content: "Q";
position: absolute;
left: 33px;
top: 20px;
color: #E23819;
font-weight: 500;
}
.q-and-a .pp-accordion-content::before {
content: "A";
position: absolute;
left: 33px;
top: 20px;
color: #484B1D;
font-weight: 500;
}   .fl-page > header {
-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.32);
box-shadow: 0px 3px 15px rgba(0,0,0,0.32);
}
header p {
margin-bottom: 0;
}
#header-logo img {
height: 81px;
}
#header-menu .pp-menu-default .menu {
display: flex;
justify-content: space-between;
}
#header-menu .pp-menu-default .menu > li {
padding: 30px 0;
transition: 0.2s ease;
}
.fl-theme-builder-header-shrink #header-menu .pp-menu-default .menu > li {
padding: 10px 0;
}
#header-menu .pp-menu-default .menu > li > a,
#header-menu .pp-menu-default .menu > li > .pp-has-submenu-container {
position: relative;
}
#header-menu .pp-menu-default .menu > li.current-menu-item > a::after,
#header-menu .pp-menu-default .menu > li:hover > a::after,
#header-menu .pp-menu-default .menu > li.current-menu-item > .pp-has-submenu-container::after,
#header-menu .pp-menu-default .menu > li:hover > .pp-has-submenu-container::after {
content: "";
height: 8px;
width: 8px;
position: absolute;
top: 100%;
left: 50%;
margin-left: -4px;
background: #E23819;
border-radius: 100%;
}
#header-menu .pp-menu-default .menu li.current-menu-item > a,
#header-menu .pp-menu-default .menu li.current-menu-item > div > a,
#header-menu .pp-menu-default .menu li a:hover {
font-weight: 700;
}
#header-menu .pp-advanced-menu .sub-menu {
width: auto;
white-space: nowrap;
}
#header-menu .pp-menu-default .sub-menu {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}  body:not(.fl-builder-edit) .popup-forms {
display: none;
} .fl-module-uabb-gravity-form .gform_wrapper li.gfield.gfield_error {
background: none;
padding: 0;
border: 0;
margin-bottom: 12px !important;
}
.fl-module-uabb-gravity-form .gform_wrapper .field_description_below .gfield_description {
padding-top: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper label.gfield_label {
margin-bottom: 5px;
font-weight: normal;
}
.fl-module-uabb-gravity-form .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.fl-module-uabb-gravity-form .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
color: #FFF;
}
.fl-module-uabb-gravity-form .gform_wrapper .gfield_required {
color: #FFF;
}
.fl-module-uabb-gravity-form .gform_wrapper .description_above .gfield_description {
margin-top: 0;
padding-bottom: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper .top_label div.ginput_container {
margin-top: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper .gform_body .gfield {
margin-bottom: 12px;
}
.fl-module-uabb-gravity-form .gform_wrapper .gform_body .gfield input[type],
.fl-module-uabb-gravity-form .uabb-gf-style .gform_wrapper .gfield .ginput_container_checkbox,
.fl-module-uabb-gravity-form .gform_wrapper .gform_body .gfield select,
.fl-module-uabb-gravity-form .gform_wrapper .gform_body .gfield textarea {
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: 27.3px;
}
.fl-module-uabb-gravity-form .gform_wrapper ul.gfield_checkbox,
.fl-module-uabb-gravity-form .gform_wrapper ul.gfield_radio {
margin-top: 0;
margin-bottom: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper .ginput_container_date {
position: relative;
}
.fl-module-uabb-gravity-form .gform_wrapper .top_label input.medium.datepicker {
width: 100%;
padding-right: 40px !important;
}
.fl-module-uabb-gravity-form .gform_wrapper .ui-datepicker-trigger {
height: auto !important;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.dark-form .gsection,
.dark-form .gsection h2 {
color: #FFF;
}
.fl-module-uabb-gravity-form .gform_wrapper .gform_page_footer {
border-top: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.fl-module-uabb-gravity-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.fl-module-uabb-gravity-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container_time,
.fl-module-uabb-gravity-form .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container),
.fl-module-uabb-gravity-form .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
margin-top: 0;
}
.fancybox-container label.gfield_consent_label,
.fancybox-container label.gfield_consent_label a {
color: #ffffff !important;
}
.fancybox-container label.gfield_consent_label a:hover {
color: #E23819 !important;
} div.fancybox-container.fancybox-is-open {
z-index: 9998;
}
.popup-form {
float: none;
overflow: initial;
padding: 0;
}
.popup-form .fancybox-close-small {
position: absolute;
top: 25px;
right: 25px;
border: 0;
color: #FFF;
}
.popup-form .fancybox-close-small:focus,
.popup-form .fancybox-close-small:hover {
background: none;
color: #e23819;
}
.popup-form > .fl-col-content {
display: flex;
height: 100%;
}
.popup-form > .fl-col-content > .fl-col-group {
border: 1px solid #FFF;
}
.popup-form .fl-col {
height: 100%;
}
.popup-form .fl-col > .fl-col-content {
justify-content: flex-start;
}
.popup-form .fl-module-uabb-gravity-form {
overflow: auto;
}
.popup-form .fl-module-uabb-gravity-form::-webkit-scrollbar {
width: 16px;
}
.popup-form .fl-module-uabb-gravity-form::-webkit-scrollbar-track {
background: #000;
}
.popup-form .fl-module-uabb-gravity-form::-webkit-scrollbar-thumb {
background: #e23819;
border: 7px solid #000;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.popup-form .gform_wrapper .gf_page_steps {
display: flex;
padding-bottom: 0;
border-bottom: 1px solid #FFF;
margin-bottom: 20px;
}
.popup-form .gform_wrapper .gf_step {
display: flex;
height: auto;
opacity: 1;
margin: 0;
flex: 1;
color: #FFF;
padding: 10px;
border-bottom: 3px solid transparent;
margin-bottom: -1px;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: normal !important;
text-align: center;
text-transform: uppercase;
}
.popup-form .gform_wrapper .gf_step.gf_step_active {
border-color: #e23819;
}
.popup-form .gform_wrapper .gf_step span.gf_step_number {
display: block;
height: 24px;
width: 24px;
background: #FFF;
border-radius: 100%;
margin-right: 15px;
color: #000;
font-size: inherit;
line-height: 24px;
text-align: center;
}
.popup-form .gform_wrapper .gf_step span.gf_step_label {
letter-spacing: 2.6px;
}
.popup-form .gform_wrapper .gfield.field_sublabel_above .ginput_container span label {
font-size: 18px;
font-weight: normal;
}
.popup-form .gform_wrapper .field_sublabel_below .ginput_container_time {
color: #FFF;
font-size: 12px;
}
.popup-form .gform_wrapper .field_sublabel_below .ginput_container_time label {
width: auto;
margin: 0;
}
.popup-form .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
margin-right: 7px;
margin-bottom: 0;
}
.popup-form .gform_wrapper .gfield_time_ampm,
.popup-form .gform_wrapper .gfield_time_hour,
.popup-form .gform_wrapper .gfield_time_minute {
max-width: none !important;
}
.popup-form div.gform_wrapper .gfield_time_ampm select,
.popup-form .gform_wrapper .gfield_time_hour input[type=number],
.popup-form .gform_wrapper .gfield_time_minute input[type=number] {
max-width: none !important;
width: 100% !important;
}
.popup-form .gform_wrapper .gfield_time_hour i {
width: 7px;
font-family: inherit !important;
margin-top: 0;
}
.popup-form .gform_wrapper .gform_page_footer {
text-align: right;
}
.popup-form .gform_wrapper .gform_body .gfield input[type="file"] {
color: #FFF;
} .owl-nav.disabled,
.owl-dots.disabled {
display: none;
} .ckp-hover-card .pp-hover-card {
text-align: initial;
} .ckp-popups {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
align-items: center;
justify-content: center;
}
.ckp-popups-overlay {
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: rgba(0,0,0,0.3);
}
.ckp-popups-container {
width: 650px;
position: relative;
z-index: 1;
}
.ckp-popup {
display: flex;
max-width: 100%;
background-size: cover;
padding: 10px;
color: #FFF;
}
.ckp-popup.layout-right {
min-height: 429px;
text-align: right;
}
.ckp-popup.layout-center {
min-height: 550px;
text-align: center;
}
.ckp-popup .popup-close {
position: absolute;
top: 20px;
right: 25px;
z-index: 2;
cursor: pointer;
}
.ckp-popup .popup-close:hover {
color: #E23819;
}
.ckp-popup .popup-inner {
display: flex;
flex: 1;
align-items: center;
padding: 30px;
border: 1px solid #D30E0E;
}
.ckp-popup.layout-center .popup-inner {
justify-content: center;
}
.ckp-popup.layout-right .popup-content-wrap {
width: 50%;
margin-left: auto;
}
.ckp-popup .popup-title {
margin: 0 0 5px;
color: #FFF;
font-size: 45px;
line-height: 45px;
}
.ckp-popup .popup-content h2 {
color: #FFF;
font-size: 45px;
line-height: 45px;
}
.ckp-popup .popup-content h3 {
margin: 0 0 40px;
color: #FFF;
font-family: 'Brandon Grotesque', sans-serif;
font-size: 20px;
font-weight: 400;
}
.ckp-popup .popup-content p {
font-weight: 700;
}
.ckp-popup .button {
display: inline-block;
background: #E23819;
border: 0;
color: #FFF;
font-size: 22px;
font-weight: 500;
letter-spacing: 2.2px;
line-height: 28px;
padding: 12px 28px;
}
.ckp-popup .button:hover {
background: #484B1D;
border: 0;
text-decoration: none;
}
.ckp-popups-container.owl-theme .owl-dots {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
z-index: 1;
}
.ckp-popups-container.owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 4px;
background: #FFF;
}
.ckp-popups-container.owl-theme .owl-dots .owl-dot.active span,
.ckp-popups-container.owl-theme .owl-dots .owl-dot:hover span {
background: #E23819;
}
.lockdown-popup .popup-close {
color: #E23819;
}
.lockdown-popup .popup-content h2 {
color: #E23819;
}
.lockdown-popup .popup-content h3 {
color: #5e653b;
font-family: 'Goudy Old Style',sans-serif;
font-size: 24px;
font-weight: 700;
} .gallery-strip-5 .pp-photo-gallery-item {
width: calc(100% / 5);
}
.gallery-strip-6 .pp-photo-gallery-item {
width: calc(100% / 6);
}   .home .hero-buttons a {
min-width: 176px;
}  .home #about .fl-builder-top-edge-layer > svg,
.home #about .fl-builder-bottom-edge-layer > svg {
width: calc(((100% - 1136px) / 2) + 80px);
} .home-book .fl-row-content-wrap::after {
display: block;
content: "";
height: 209px;
width: 209px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/img/iconic-mark-white.svg) 0 0 no-repeat;
} .q-and-a .pp-accordion-item .pp-accordion-button-icon {
vertical-align: top;
} #testimonials .owl-carousel .owl-stage {
display: flex;
}
#testimonials .testimonial {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
padding: 20px;
text-align: center;
}
#testimonials .testimonial-message,
#testimonials .testimonial-author {
font: italic 700 24px/40px 'Goudy Old Style', serif;
}
#testimonials .testimonial-message {
margin-bottom: 50px;
}
#testimonials .testimonial-rating .rating-star {
margin: 0 4px;
color:#E23819;
}
#testimonials .testimonial-author {
margin-top: 10px;
}
#testimonials .owl-theme .owl-nav {
display: flex;
justify-content: center;
margin-top: 50px;
}
#testimonials .owl-theme .owl-nav.disabled {
display: none;
}
#testimonials .owl-theme .owl-nav [class*=owl-] {
margin-left: 10px;
margin-right: 10px;
}
#testimonials .owl-theme .owl-nav [class*=owl-]:hover {
background: none;
color: #E23819;
}
#testimonials .owl-carousel .nav-graphic {
width: 90px;
margin: 0 30px;
} .functions-icons  .pp-logos-content .pp-logo {
align-items: flex-start;
} .in-house-gallery {
position: relative;
z-index: 1;
} .cafe-providore-main-img {
position: relative;
}
.cafe-providore-main-img::after {
content: "";
position: absolute;
}
.cafe-providore-info {
position: relative;
z-index: 1;
}
.weekend-menu .pp-content-post-grid {
display: flex;
flex-wrap: wrap;
height: auto !important;
}
.weekend-menu .pp-content-post {
position: static !important;
float: none;
transform: none !important;
}
.sides-menu .pp-content-post-grid {
display: flex;
flex-wrap: wrap;
height: auto !important;
justify-content: space-between;
}
.sides-menu .pp-content-post {
width: auto;
height: auto !important;
position: static !important;
transform: none !important;
flex: 2 1 auto;
}
.graces-cakes .pp-content-post-grid {
display: flex;
height: auto !important;
flex-wrap: wrap;
justify-content: center;
}
.graces-cakes .pp-content-post {
position: static !important;
height: auto !important;
transform: none !important;
}  footer .pp-infolist-description p {
margin-bottom: 10px;	
}
.footer-contact .pp-infolist-wrap .pp-infolist {
text-align: center;
}
.footer-contact .pp-list-items {
display: inline-block;
}
.footer-contact .pp-infolist-wrap .pp-list-item {
align-items: flex-start;
}
.footer-contact .pp-infolist-wrap .pp-infolist .pp-icon-wrapper {
margin-top: 6px;
}   @media only screen and (min-width: 1520px) {
.home-services > .fl-col-content {
background-size: 100% auto;
}
.home-services:hover > .fl-col-content {
background-size: 105% auto;
}
} @media only screen and (min-width: 1176px) {
.fw-row-half-content > .fl-node-content {
width: calc(1176px * .5);
flex: none;
}
.fw-row-half-content.fwhc-left > .fl-node-content {
margin-left: calc((100vw - 1176px) / 2);
}
.fw-row-half-content.fwhc-right > .fl-node-content {
margin-right: calc((100vw - 1176px) / 2);
}
.back-shape .fl-builder-shape-layer svg {
width: calc(((100% - 1136px) / 2) + 80px);
}
} @media only screen and (min-width: 993px) and (max-width: 1180px) {
#mission > .fl-row-content-wrap {
background-position: right -200px center;
}
} @media only screen and (min-width: 993px) {
.lg-hidden {
display: none !important;
}
.home-services > .fl-col-content > .fl-col-group {
max-width: 400px;
margin: 0 auto;
}
} @media only screen and (max-width: 992px) {
} @media only screen and (min-width: 769px) and (max-width: 992px) {
.md-hidden {
display: none !important;
}
.gallery-strip-md-3 .pp-photo-gallery-item {
width: calc(100% / 3);
}
} @media only screen and (min-width: 769px) { .mobile-icon {
display: none;
}   .home-services > .fl-col-content {
background-size: auto 100%;
transition: background-size 0.4s ease;
}
.home-services:hover > .fl-col-content {
background-size: auto 105%;
}
.home-services:hover > .fl-col-content:after {
background-color: rgba(0,0,0,0.5);
}
.home-services .home-services-title {
transform: translateY(100%);
transition: 0.4s ease;
position: relative;
z-index: 1;
}
.home-services:hover .home-services-title {
transform: translateY(0);
}
.home-services .home-services-details {
opacity: 0;
transform: translateY(20px);
transition: 0.4s ease;
position: relative;
z-index: 1;
}
.home-services:hover .home-services-details {
opacity: 1;
transform: translateY(0);
} #testimonials .owl-carousel .owl-item::before {
content: "";
height: 289px;
width: 200px;
position: absolute;
top: 50%;
left: -200px;
transform: translateY(-50%);
background: url(//cremaandcream.com/wp-content/themes/ckp-cremaandcream/assets/img/testimonial-divider.png) center no-repeat;
opacity: 0;
transition: 0.5s ease;
}
#testimonials .owl-carousel .owl-item.active + .owl-item.active::before {
opacity: 1;
}
#testimonials .owl-carousel .owl-item .pp-content-post {
padding-left: 100px;
padding-right: 100px;
}
#testimonials .owl-carousel .nav-graphic {
display: none;
}
} @media only screen and (max-width: 768px) { .sm-hidden {
display: none;
}
.sm-no-shape .fl-builder-shape-layer {
display: none;
}
.sm-shape-left,
.sm-shape-right {
position: relative;
}
.sm-shape-left .fl-node-content,
.sm-shape-right .fl-node-content {
position: relative;
z-index: 1;
}
.sm-shape-left::after,
.sm-shape-right::after {
display: block !important;
content: "" !important;
width: 26%;
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
background: #E2E3D2;
}
.sm-shape-left::after {
left: 0;
}
.sm-shape-right::after {
right: 0;
}
.hero-buttons-sm-center .fl-button-wrap {
text-align: center;
}
.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
min-height: 0;
} header.sticky-activated {
width: 100%;
position: fixed !important;
left: 0;
right: 0;
top: 0;
z-index: 100;
-webkit-animation: slide-down 0.7s;
-moz-animation: slide-down 0.7s;
animation: slide-down 0.7s;
}
.home header.sticky-activated {
background-color: #ffffff;
}
header.sticky-activated .fl-row-content-wrap {
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
#header-logo img {
max-height: 40px;
}
.mobile-menu-button a {
background: none !important;
border: 1px solid #FFF !important;
margin: 10px 0;
color: #FFF !important;
text-align: center;
}
.mobile-menu-button a:hover {
background: #e23819 !important;
border-color: #e23819 !important;
color: #FFF !important;
}
.pp-advanced-menu.off-canvas .menu .pp-has-submenu .sub-menu {
margin-left: 20px;
background: none;
} .gallery-strip-sm-2 .pp-photo-gallery-item {
width: calc(100% / 2);
}
.popup-form {
height: calc(100% - 100px) !important;
}
.popup-form[data-node] > .fl-col-content {
padding-left: 20px;
padding-right: 20px;
}
.popup-form .gform_wrapper .gf_page_steps {
display: block;
}  .hero-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button {
width: 100%;
}
.home .hero-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button {
width: 50%;
}
.hero-buttons .fl-button-group .fl-button-wrap {
display: block;
}
.home .hero-buttons .fl-button-group-buttons .fl-button-group-button:first-child .fl-button-wrap {
text-align: right;
}
.home .hero-buttons .fl-button-group-buttons .fl-button-group-button:last-child .fl-button-wrap {
text-align: left;
}
.hero-buttons .fl-button-group .fl-button-group-buttons a.fl-button {
min-width: 0;
max-width: 210px;
width: 100%;
}
.catering-hero-buttons .fl-button-group .fl-button-group-button {
min-width: 0;
max-width: 250px;
width: 100%;
}
.catering-hero-buttons .fl-button-group .fl-button-group-button .fl-button-wrap,
.catering-hero-buttons .fl-button-group .fl-button-group-button .fl-button-wrap a {
display: block;
}   .about-img-col-1,
.about-img-col-2 {
position: relative;
}
.about-img-col-1::after,
.about-img-col-2::after {
display: block;
content: "" !important;
height: 100%;
width: 25%;
position: absolute;
top: 0;
z-index: 0;
background: #E2E3D2;
}
.about-img-col-1::after {
right: 0;
}
.about-img-col-2::after {
left: 0;
}
.about-img-col-1 .fl-col-content,
.about-img-col-2 .fl-col-content {
position: relative;
z-index: 1;
} .fw-row-half-content.fwhc-left > .fl-node-content {
width: auto;
margin-left: 0;
}
.fw-row-half-content.fwhc-right > .fl-node-content {
width: auto;
margin-right: 0;
}
.home-book .fl-row-content-wrap::after {
display: none;
} #testimonials .owl-carousel .nav-graphic {
margin-top: 0;
} .functions-icons .pp-logos-wrapper {
justify-content: center;
}
.functions-icons .pp-logos-content .pp-logo:last-child {
margin: 0;
} .cafe-menu ul {
padding-left: 0 !important;
list-style: none;
}
.cafe-menu ul li::before {
content: "●";
display: inline-block;
margin-right: 6px;
font-size: 12px;
color: #E23819;
}
.weekend-menu .pp-content-post {
height: auto !important;
}
.sides-menu .pp-content-post {
float: none;
margin-bottom: 20px;
} .contact-info .pp-infobox-wrap .layout-3-wrapper {
display: block;
} .ckp-popups {
padding: 20px;
}
.ckp-popups-container {
width: 100%;
}
.ckp-popup {
height: auto;
}
.ckp-popup::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: rgba(0,0,0,0.5);
}
.ckp-popup .popup-inner {
display: block;
position: relative;
z-index: 1;
padding: 40px 20px 30px;
}
.ckp-popup .popup-content-wrap {
width: auto;
text-align: center;
}
.ckp-popup .popup-title {
font-size: 36px;
line-height: 40px;
}
.ckp-popup .button {
padding: 12px;
font-size: 18px;
} .footer-contact .pp-infolist .pp-icon-wrapper {
display: none;
}
} @media only screen and (min-width: 641px) {
body .gform_wrapper ul.gform_fields li.gfield,
body .gform_wrapper ul.gform_fields .top_label div.ginput_container {
margin-top: 0;
}
.gform_wrapper ul.top_label div.ginput_complex.ginput_container.ginput_container_name {
width: 100%;
}
.gform_wrapper div.ginput_container_name span.name_last {
padding-right: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
max-width: none;
}
} @media only screen and (max-width: 640px) {
.popup-form div.gform_wrapper .gfield .gfield_time_ampm select {
height: 64px;
padding-top: 13px;
padding-bottom: 13px;
line-height: 36px;
}
.popup-form .gform_wrapper .gform_page_footer {
text-align: center;
}
.popup-form div.gform_wrapper .gfield .gfield_time_ampm select {
height: 55px;
}
} @media only screen and (min-width: 481px) and (max-width: 992px) {
.sides-menu .pp-content-post {
width: 50%;
padding-bottom: 20px;
padding-right: 20px;
}
} @media only screen and (min-width: 481px) and (max-width: 768px) {
} @media only screen and (max-width: 480px) {
.sides-menu .pp-content-post {
width: 100%;
}
} @media only screen and (max-width: 350px) {
.hero-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button {
width: 100%;
}
.home .hero-buttons .fl-button-group .fl-button-group-buttons a.fl-button {
max-width: none;
}
}