/*
  Theme Name: Flatsome Child
  Description: This is a child theme for Flatsome Theme
  Author: UX Themes
  Template: flatsome
  Version: 3.1.2
  */

* {
  touch-action: manipulation;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container {
  width: 100%;
}
.container,
.container-width,
.row 
{
    max-width: 100% !important;          /* or 1440px if you prefer fixed */
  padding-left: 1.04vw;
  padding-right: 1.04vw;
}
.row
{
  margin: 0 auto !important;
}
.header-inner.flex-row.container.logo-left {
    padding-left: 3.04vw;
    padding-right: 3.04vw;
}
.expand, .full-width {
    max-width: 100% !important;
    width: 100% !important;
}
.section-bg, .section-content {
    width: 100% !important; 
}
.header, .header-wrapper, .section
{
    width: 100% !important;
}
section
{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.col, .columns, .gallery-item
{
  padding: 0 1.0417vw 2.0833vw;
}
.header-inner.flex-row.container.logo-left.medium-logo-left {
    padding-left: 2.04vw;
    padding-right: 2.04vw;
}
.pb-0
{
  padding-bottom: 0px !important;
}

/* Header */

header#header ul.header-nav.header-nav-main li a 
{
    color: #191D0A;
    font-size: 1.667vw;  
    line-height: 1.944vw;
    font-weight: 600;
}
.header-inner.flex-row {
    width: 94vw;
    border: 1px solid #47521C69;
    border-radius: 100px;
    margin-top: 1vw;
}
ul.header-nav li.active a, ul.header-nav li:hover a.nav-top-link {
    color: #D0A658 !important;
}

/*  HOME  */

h1 {
  font-size: 6.597vw;   
  font-family: Imbue !important;
}
.font-14-r-n p {
  font-size: 0.972vw;  
  line-height: 1.528vw;
  font-weight: 700;
}
.font-15-r-n p {
  font-size: 1.042vw;   
  line-height: 1.667vw; 
  font-weight: 400;
}
.font-18-s-i h3 {
  font-size: 1.25vw;    
  line-height: 1.5972vw; /* 23 ÷ 1440 × 100 */
}
.font-19-r-n p {
  font-size: 1.319vw;  
  line-height: 2.014vw; 
  font-weight: 400;
}
.font-24-s-n h5 {
  font-size: 1.6667vw;  
  line-height: 1.9444vw; 
  font-weight: 600;
}
.font-32-r-n h5 {
  font-size: 2.222vw;  
  line-height: 2.639vw;
}
.font-40-r-n h5 {
  font-size: 2.778vw;
  line-height: 3.333vw;
}
.font-55-r-n h3 {
  font-size: 3.819vw;  
  line-height: 4.167vw;
  font-weight: 600;
}
.font-90-r-n h2 {
  font-size: 6.25vw;    
  line-height: 6.25vw;  
  font-weight: 600;
}
.font-95-r-n h2 {
  font-size: 95px;    
  line-height: 105px;  
  font-weight: 600;
}
.font-115-r-n h3 {
  font-size: 7.986vw; 
  line-height: 7.986vw; 
  font-weight: 600;
}
.black-font
{
  color: #191D0A;
}
a.button.white span {
    font-size: 1.667vw;  
    font-weight: 600;
    color: #2F1B25;
    font-family: 'Imbue';
    letter-spacing: -1px;
}
a.button.white
{
    padding: 0.5vw 4vw;
}
a.button.white.lowercase.black-btn 
{background-color: #2F1B25 !important;}
a.button.white.lowercase.black-btn span
{
    color:#FFFFFF;
}
.litl-header {
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
}
.litl-header p {
    margin-bottom: 0;
    letter-spacing: 0.2vw;
    text-transform: uppercase;
}
.litl-header .icon-box-img {
    width: 1vw !important;
    margin-top: -0.5vw;
}
.litl-header .icon-box-text 
{
    padding-left: 1vw !important;
}
.img-right
{
  margin: 0 auto;
  margin-right: 0;
}
.rating-row .row {
    border-bottom: 1px solid #47521C69;
}
.rating-row .row .col {
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}
.mb-1
{
  margin-bottom: 1vw;
}
.center-litl {
    text-align: center;
    width: 14vw;
    margin: 0 auto;
    margin-bottom: 0.5vw;
}
.food-row .box {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 1vw;
}
.title-col-left {
    padding-left: 0px;
}
.title-col-right
{
    padding-right: 0px;
}
a.button.white.lowercase.yellow-btn {
    background-color: #EABC67 !important;
}
a.button.white.lowercase.yellow-btn span
{
    color: #fff;
}
.coffee-sec {
    display: flex;
    align-items: flex-end;
}
footer#footer a.ux-menu-link__link {
    color: #FBFFF5;
    font-size: 1.042vw; 
    line-height: 1.667vw;
}
.absolute-footer {
    display: none;
}
.footer-form .flex-row {
    background: #FFFFFF;
    border: 1px solid #F4F5F030;
    border-radius: 100px;
    padding: 1vw 1vw 1vw 1vw;
}
.footer-form input.wpcf7-form-control 
{
    border:unset;
}
span.wpcf7-spinner {
    position: absolute;
}
.footer-form .flex-col.ml-half:after 
{
    content:'';
    background-image: url(https://slategrey-spider-641465.hostingersite.com/marvie/wp-content/uploads/2026/05/Button.png);
    height: 4vw;
    width: 3vw;
    position: absolute;
    background-repeat: no-repeat;
    top: 0.4vw;
    background-size: contain;
    right: 1.5vw;
}

input.wpcf7-form-control.wpcf7-submit.button {
    background-color: transparent;
}
.icon-box.featured-box.center-info{
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 1vw 0vw;
}
.transparent .header-main {
    height: 5vw;
}
.transparent #logo img {
    max-height: 13vw !important;
    height: 2.5vw;
}
#logo {
    width: 10vw;
}
.footer-form input.wpcf7-form-control::placeholder {
    font-size: 1.042vw;
}
.testimonial-slider .col-inner {
    border: 1px solid #47521C69;
    border-radius: 8px;
    padding: 2vw;
}
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
    opacity: 1;
}
.footer-form input.wpcf7-form-control.wpcf7-email {
    font-size: 15px;
    height: 3vw;
    background-color: transparent;
}
footer#footer .social-icons.follow-icons {
    display: flex;
    gap: 1.2vw;
}
footer#footer .social-icons.follow-icons {
    display: flex;
    gap: 1.2vw;
}
i.icon-facebook:before {
    content: '';
    background-image: url(https://slategrey-spider-641465.hostingersite.com/marvie/wp-content/uploads/2026/05/facebook-icon.png);
    width: 2vw;
    height: 2vw;
    background-size: contain;
    display: block;
}
i.icon-instagram:before {
    content: '';
    background-image: url(https://slategrey-spider-641465.hostingersite.com/marvie/wp-content/uploads/2026/05/instagram-icon.png);
    width: 2vw;
    height: 2vw;
    background-size: contain;
    display: block;
}
i.icon-twitter:before {
    content: '';
    background-image: url(https://slategrey-spider-641465.hostingersite.com/marvie/wp-content/uploads/2026/05/twitter-icon.png);
    width: 2vw;
    height: 2vw;
    background-size: contain;
    display: block;
}

i.icon-youtube:before {
    content: '';
    background-image: url(https://slategrey-spider-641465.hostingersite.com/marvie/wp-content/uploads/2026/05/youtube-icon.png);
    width: 2vw;
    height: 2vw;
    background-size: contain;
    display: block;
}
.about-banner {
    display: flex;
    align-items: flex-start;
}
.get-touch-row .icon-box-img {
    width: 3.5vw !important;
}