/*
Theme Name: Oskars
Theme URI: https://wpastra.com/
Template: astra
Author: Oskar
Author URI: https://wpastra.com/
Version: 1.0.0
Updated: 2025-11-27 10:07:55
*/

@import url('https://fonts.googleapis.com/css2?family=Bilbo&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


* { margin: 0px; padding: 0px; outline: none; }
img { height:auto; max-width:100%; }
a { text-decoration: none; transition: all 0.3s ease; }
a:hover { transition: all 0.3s ease; }  

#colophon { display:none; }

:root {
	--white-color: #ffffff;
    --black-color: #000000;
	--btn-color: #2e2c2c;
    --font-main-family: 'Bilbo', Sans-serif;
	--text-family: 'Inter', Sans-serif;
    --font-weight-thin: 100;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;

}

body, body p, .elementor-widget-text-editor {font-size:20px; line-height: 40px; font-family: var(--text-family); font-weight: var(--font-weight-regular); letter-spacing: 1px;}
#page h1 {font-family: var(--font-main-family); font-size: 78px; line-height: 88px; letter-spacing: 1px; font-weight: var(--font-weight-regular); }
#page h2 {font-family: var(--font-main-family); font-size: 72px; line-height: 82px; letter-spacing: 1px; font-weight: var(--font-weight-regular);}
#page h3 {font-family: var(--font-main-family); font-size: 48px; line-height: 59px; letter-spacing: 1px; font-weight: var(--font-weight-regular);}
#page h4 {font-family: var(--text-family); font-size: 36px; line-height: 36px; letter-spacing: 14px; font-weight: var(--font-weight-bold);}
#page h5 {font-family: var(--text-family); font-size: 30px; line-height: 36px; letter-spacing: 1px; font-weight: var(--font-weight-bold);}
#page h6 {font-family: var(--text-family); font-size: 24px; line-height: 36px; letter-spacing: 9px; font-weight: var(--font-weight-bold);}

/* Button */

#page .elementor-button, input[type="submit"] { font-size:18px; line-height:1; background-color:var(--btn-color); color:var(--white-color); padding: 27px 65px; border-radius: 0px; z-index: 1; }
#page .elementor-button:hover, input[type="submit"]:hover { background-color:var(--white-color); color:var(--btn-color); font-weight:var(--font-weight-bold);  }


.black-color.elementor-widget-text-editor, .black-color .elementor-widget-text-editor {color: var(--black-color);}
.black-color .elementor-heading-title {color: var(--black-color);}

.white-color.elementor-widget-text-editor {color: var(--white-color);}
.white-color .elementor-heading-title {color: var(--white-color);}

/***Form***/
.wpcf7 input.wpcf7-form-control:not([type=submit]), .wpcf7 textarea.wpcf7-form-control { padding: 25px 20px; border-radius: 0px; }
.wpcf7 form>p br { display: none; }
.wpcf7-form-control-wrap { margin-bottom: 15px; }
.wpcf7 form .wpcf7-response-output { background: var(--white-color); }

/* Menu Styles */

#header-wrap h2 a {font-size: 40px; letter-spacing: 1px; line-height: 40px; color: var(--white-color); font-weight: bold; font-family: var(--text-family);}
#header-wrap {position: absolute; width: 100%; z-index: 9;}

/* Home styles */

#page .second-text {font-family: var(--text-family); color: #992d3c; font-weight: var(--font-weight-bold);}
#page .highlight-text .elementor-heading-title {font-family: var(--text-family); font-size: 24px; line-height: 36px; font-weight: var(--font-weight-regular);}
#page .blur-col {position: relative;}
#page .blur-col:before {content: ''; position: absolute; background-color: var(--white-color); opacity: 0.05; border: 2px solid var(--white-color);}
#page .home-banner h6 { color: var(--white-color); }

/* 7 Days */

#page .black-color h2 .inter{font-family: var(--text-family);font-size:100px; line-height:36px; font-weight: var(--font-weight-bold); -webkit-text-stroke: 4px var(--white-color);}
#page .open-seven  h2 {font-size:130px;-webkit-text-stroke: 2px var(--white-color);}
#page .medium p  { font-weight:var( --font-weight-medium); font-size:26px; line-height:40px;}
#page .medium p:last-child { margin-bottom:0} 


/* Menu Slider */

#page .slider-item {-webkit-mask-image:url('/wp-content/uploads/2025/11/mask.webp'); mask-image:url('/wp-content/uploads/2025/11/mask.webp'); -webkit-mask-size:cover; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;}
#page .slider-item .second-text {display:block; color:var(--white-color); margin-top:-10px;}
#page .slider-item .slider-list li {padding:20px 10px; background-color:rgb(153 44 60 / 76%); color:var(--white-color); font-size:22px; font-weight:var(--font-weight-extra-light); line-height:30px; transition:0.2s ease-in; min-height:110px;}
#page .slider-item .slider-list li .elementor-icon-list-text {color:var(--white-color); font-weight:var(--font-weight-light); max-width:85%;}
#page .menu-slider .slider-item .slider-list li:hover {background-color:rgb(0 0 0 / 40%);}
#page .menu-slider {--arrow-default:url(/wp-content/uploads/2025/11/arrow.webp); --arrow-hover:url(/wp-content/uploads/2025/11/arrow_hover.webp); padding-bottom:120px;}
#page .menu-slider .elementor-swiper-button {width:84px; height:60px; position:absolute;}
#page .menu-slider .elementor-swiper-button svg {display:none;}
#page .menu-slider .elementor-swiper-button:before, #page .menu-slider .elementor-swiper-button:after {content:""; position:absolute; width:100%; height:100%; background-size:contain; background-repeat:no-repeat;}
#page .menu-slider .elementor-swiper-button-prev:before {background-image:var(--arrow-default); left:-20px;}
#page .menu-slider .elementor-swiper-button-prev:after {background-image:var(--arrow-hover); opacity:0; left:-20px;}
#page .menu-slider .elementor-swiper-button-next:before {background-image:var(--arrow-default); right:-20px; transform:scaleX(-1);}
#page .menu-slider .elementor-swiper-button-next:after {background-image:var(--arrow-hover); opacity:0; right:-20px; transform:scaleX(-1);}
#page .menu-slider .elementor-swiper-button-prev:hover:after, #page .menu-slider .elementor-swiper-button-next:hover:after {opacity:1;}
#page .menu-slider .elementor-swiper-button-prev:hover:before, #page .menu-slider .elementor-swiper-button-next:hover:before {opacity:0;}

#page .menu-slider .elementor-icon-list-item a { cursor: pointer; }
.elementor-lightbox-prevent-close .elementor-slideshow__title { display: none; }

/* Drink Specialists */

#page .drink-box h5 { color:var(--black-color);}
#page .drink-box .elementor-image-box-description { font-size:20px; line-height:30px; color:var(--black-color); }

/* Party */

#page .party h2 { font-size:82px; line-height:92px}

/**Header**/
#header-wrap .menu-item a:not(.submenu a):hover { color: var(--white-color); opacity: 0.7; }

/***Footer****/
#page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-title { font-family: var(--font-main-family); font-size: 30px; line-height: 36px; letter-spacing: 1px; font-weight: var(--font-weight-regular); color: var(--white-color); }
#page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-description, #page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-description a { font-family: var(--text-family); color: var(--white-color); font-size: 18px; line-height: 30px; letter-spacing: 1px; }
#page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-description a:hover { color: var(--white-color); opacity: 0.5; }
#page .ftr-sec .copyright-text.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text{ font-size: 16px; line-height: 30px; letter-spacing: 0px; color: var(--white-color); font-family: var(--text-family); }

/* Responsive */

@media(max-width:1530px) and (min-width: 1025px) { 
#header-wrap .menu-item a:not(.submenu a) { padding-right: 0px !important; padding-left: 0px !important; margin-left: 10px; margin-right: 10px; }
}

@media(max-width:1131px) and (min-width: 954px) { 
#page .address-ftr-br br { display: none; }
}

@media(max-width: 1200px) { 
#header-wrap .menu-item a:not(.submenu a) { color: #000 !important; }
#header-wrap .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active { color: #fff !important; }
}


@media(min-width:1025px) {
#header-wrap .menu-item a:not(.submenu a) {font-family:var(--text-family); font-size:15px; line-height:25px; color:var(--white-color); font-weight:var(--font-weight-regular); text-transform:uppercase; padding-right:5px; padding-left:5px;}
}

@media(max-width:1024px) {
#quality, #drink-specialists {background-size:380%; background-position:center;}
#page .elementor-button {font-size:16px; padding:20px 40px;}
#page .menu-slider .elementor-swiper-button , #page .menu-slider .elementor-swiper-button:before, #page .menu-slider .elementor-swiper-button:after {width:50px; height:60px;}
#page .slider-item .slider-list li {font-size:18px; line-height:28px; min-height:auto}
#page .drink-box .elementor-image-box-description , #page .medium p , body, body p, .elementor-widget-text-editor {font-size:18px; line-height:28px;}
}

@media (max-width: 767px) {
#page h1 {font-size:54px; line-height:64px;}
#page h2 {font-size:42px; line-height:52px;}
#page h3 {font-size:36px; line-height:46px;}
#page h4 {font-size:30px; line-height:40px;}
#page h5, #page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-title {font-size:26px; line-height:36px;}
#page h6 {font-family: var(--text-family); font-size: 24px; line-height: 36px; letter-spacing: 9px; font-weight: var(--font-weight-bold);}
#quality, #drink-specialists {background-size:850%;}
#page .party h2 {font-size:54px; line-height:64px;}
#page .menu-slider .elementor-swiper-button-prev:before , #page .menu-slider .elementor-swiper-button-prev:after {left:-10px;}
#page .menu-slider .elementor-swiper-button-next:before , #page .menu-slider .elementor-swiper-button-next:after {right:-10px;}
#page .slider-item .slider-list li , #page .drink-box .elementor-image-box-description , #page .medium p , body, body p, .elementor-widget-text-editor {font-size:16px; line-height:26px}
#page .elementor-button {font-size:14px; padding:15px 30px;}
}

@media (max-width: 480px) {
#page h1 {font-size:44px; line-height:54px;}
#page h2 {font-size:36px; line-height:46px;}
#page h3 {font-size:32px; line-height:42px;}
#page h4 {font-size:28px; line-height:38px;}
#page h5, #page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-title {font-size:24px; line-height:34px;}
#page h6 {font-family: var(--text-family); font-size: 20px; line-height: 34px; letter-spacing: 4px;}
#page .party h2 {font-size:44px; line-height:54px;}
#page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-description {  font-size: 16px; line-height: 28px; }
#page .ftr-sec .ftr-contact .elementor-widget-image-box .elementor-image-box-description br { display: none !important; }
}