h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: underline; color: #333333; font-weight: 400; }
a:visited { text-decoration: underline; color: #333333; font-weight: 400; }
a:active { text-decoration: underline; color: #333333; font-weight: 400; }
a:hover { text-decoration: none; color: #333333; font-weight: 400; }
a:focus { text-decoration: none; color: #333333; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #004eb5;}
.navbar-default .navbar-toggle .icon-bar {background-color: #004eb5;}.navbar-default .navbar-nav>li a { color:#004eb5; text-decoration:undereline; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}
#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}


/* Popup Fix */
.pp_top, .pp_bottom {display: none !important;}
body div.pp_default .pp_content_container .pp_left {background: transparent; padding: 0;}
body div.pp_default .pp_content_container .pp_right {background: transparent; padding: 0;}
body div.pp_default .pp_nav {display: none !important;}
body div.pp_default .pp_content {background: transparent;}
body div.pp_default .pp_description {font-size: 13px; color: #fff; line-height: 14px;}
body div.pp_default .pp_description {margin: 0;}
div.pp_default .pp_content_container .pp_details {margin: 0; position: absolute; top: -50px; background: transparent;}
div.pp_default .pp_content_container .pp_details .pp_description {display: none !important;}
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 22px !important;}
div.pp_default .pp_loaderIcon {display: none !important;}
.pp_gallery {display: none !important;}
body div.pp_default .pp_close  {background: url(/files/sprite.png) 2px 1px no-repeat;}
body div.pp_default .pp_next:hover {background: url(/files/sprite_next.png) center right no-repeat; filter: invert(100%);}
body div.pp_default .pp_previous:hover {background: url(/files/sprite_prev.png) center left no-repeat; filter: invert(100%);}


body {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
#page {overflow-x: hidden;}
#page:before {    display: block;    position: absolute;    background: #f5d2e7; right: 0;    top: 192px;    bottom: 0;    content: "";    left: 0;    width: 100%;    height: 65vh;    z-index: 0;    -moz-transform: skewY(-7deg);    -webkit-transform: skewY(-7deg);    -o-transform: skewY(-7deg);    -ms-transform: skewY(-7deg);    transform: skewY(-7deg); }

.grecaptcha-badge {z-index: 99999;}


body h1 { font-size: 72px; line-height:72px; font-family: Asap, sans-serif;  font-weight: 700; color:#333; margin: 0;   }
body h2 { font-size: 36px; line-height: 40px; font-family: Alata, sans-serif; font-weight: 400; color:#333;  margin-bottom: 10px;  }
body h3 { font-size: 24px; line-height: 34px; font-family: Alata, sans-serif; font-weight: 400; color:#333; margin-bottom: 15px;   }
body h4 { font-size: 20px; line-height: 28px; font-family: Alata, sans-serif; font-weight: 600; color:#333; margin-bottom: 5px; }
body p, body li, body td, body dd, body label, body small,  body button {font-size: 18px; line-height: 28px; font-family: Alata, sans-serif; color:#000; font-weight: 400;}


#content ul { list-style: outside; margin-left: 3em; margin-bottom: 1em;}

/*---tabel-----*/
#content  table {width:100%; border-collapse:collapse; margin-bottom:45px!important;}

#content table td { padding: 5px 10px 5px 0px; vertical-align:top;}
#content  table td p {margin:0; line-height: 20px;}


/* popup */

#popmake-161.pum-container.pum-responsive.pum-responsive-medium {    margin-left: -10%!important;    width: 29%!important; height: fit-content; }
.pum-theme-149 .pum-content + .pum-close, .pum-theme-standardtema .pum-content + .pum-close {    background-color: green!important; }

/* Header */


#header { webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease; margin-bottom: 64px;}
#header .container { position: relative; }

#header .logoholder {  margin-top: 20px; }
#header .logoholder img { -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease; }



#header .menu {display: none!important; float:right; margin-top: 15px;  margin-right: 0px;}
#header .menu ul li { margin:0 0 0 20px; font-weight: 300; }
#header .menu ul li a {font-family: Special Elite, sans-serif; padding: 10px 0px 10px; background: none; position:relative; border-bottom: 3px solid transparent;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .menu ul li a:after { position:absolute; content:""; background: #c7b299; height: 2px; width:100%; opacity:0; left:0; right:0; margin:0 auto; bottom: -14px; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .menu ul li a:hover:after{ bottom:-3px; opacity:1}

#header .menu ul li.active > a:after { display:none;}
#header .menu ul li.active > a {border-bottom: 2px solid #c7b299;}
#header .menu ul li.active:hover > a {font-weight: 400;}



/* TOP */



/* Content */

.vc_btn3.vc_btn3-size-md { font-size:20px!important; padding: 12px 40px!important; color: #000!important; }
.vc_btn3.vc_btn3-size-md:hover { background: #ee008b!important; color: #fff!important; }
.vc_btn3.vc_btn3-size-md .vc_btn3-icon {    font-size: 16px;    height: 18px;    line-height: 16px;}

#start {  margin-bottom: 50px; }
#start .left {text-align: right; padding: 0 20px 0 100px; border-right: 2px solid #fff;}
#start .right { padding: 0 100px 0 20px;}
#start * { font-weight: 600; font-size: 18px;}

#meny { padding: 60px 0 95px;  }

#event { padding: 0px 0 30px; overflow:visible; }
#event h1 {position: relative; margin-top: -80px;}
#event .left { text-align:right;} 
#event .left h1 { margin: 0; font-size: 65px; line-height: 65px;} 

#kontakt { padding: 60px 0 30px;  }
#kontakt .left {text-align: right;}
#kontakt .vc_column_container {padding: 0 20px!important;}

/* boka bord */
.pum-theme-149, .pum-theme-standardtema {
    background-color: transparent!important;
}

.pum-theme-149 .pum-content + .pum-close, .pum-theme-standardtema .pum-content + .pum-close {background-color: rgb(238, 0, 139)!important;}
#popmake-161 {height:600px;!important;}

.belt { background: transparent!important;}

/* instagram feed */

#social { padding: 0px 0 30px; overflow: visible; }
#social:before {    display: block;    position: absolute;    background: #d8b7ca; right: 0;    top: -80px;    bottom: 0;    content: "";    left: 0;    width: 100%;    height: 30vh;    z-index: 0;    -moz-transform: skewY(-3deg);    -webkit-transform: skewY(-3deg);    -o-transform: skewY(-3deg);    -ms-transform: skewY(-3deg);    transform: skewY(-3deg); }

#social #sb_instagram {padding-bottom: 0!important;}
#social .sb_instagram_header { display: none;}
#social #sbi_load { display: none;}

#map .vc_column-inner {padding-top: 0;}
.wpb_gmaps_widget  { margin-bottom: 0!important;}



/* Footer */

#footer { background:#ed008b;  padding: 40px 0;  text-align: center;   } 
#footer .container::before {    background: #fccdd9;    position: relative;    left: 0;    right: 0;    margin: 0 auto;    width: 65%; height: 30px;  top: -57px; }
#footer * { color: #fff;}

#footer .footer-1 {width: 33.33%;}
#footer .footer-2 {width: 33.33%;}
#footer .footer-3 {width: 33.33%;}
#footer .footer-4 {width: 100%;}

#footer #custom_html-2 .textwidget {    display: flex; justify-content: center;}
#footer #custom_html-3 i {   font-size: 15px; width: 15px; margin-right: 3px;  }
#footer .widget {margin-bottom: 35px;}

#footer h3 {margin: 0;}

#footer i { color:#fff;    font-size: 30px;  width: 35px;  text-align: center;   }
#footer small {    font-size: 14px;  line-height: 18px;  }



/* grid builder */

.vc_grid-item-mini {box-shadow: 1px 1px 6px #bbb;}
.vc_gitem-zone-a {ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
.vc_gitem-zone-a:hover { filter: sepia(0.5); }

.vc_gitem-zone-c { background: #fff;}
.vc_gitem-zone-c .vc_custom_heading , .vc_gitem-zone-c h3 { margin:0; }

.vc_grid-item .vc_grid-item-mini a:hover { color: #ee008b!important;    }

/* post pages no header image */

.single-post #page:before {display: none;}
.single-post #header {    position: relative; }


.vcard {display:none;}
.entry-footer {display:none;}
.meta-sep {display:none;}

.single-post #content .entry-content {    padding: 40px 30px 30px;     background: #f5d2e7f0;}

.single-post #content .attachment-post-thumbnail {object-fit: cover;    object-position: center center;    position: absolute;    top: 0;    left: 0;    right: 0;
    width: 100%;height: 100%;    z-index: -1;}


.single-post #content .entry-title{display: none; }
.single-post #content .entry-meta {display: none; }
.single-post #content #nav-below {  background: #f3f3f3;border-top: 1px solid #bbb; float:left; width:100%; margin:0px 0 100px; font-size:15px; line-height:20px; padding:10px 30px;}
.single-post #content #nav-below a {}
.single-post #content .nav-previous {float:left;}
.single-post #content .nav-next {float:right;}
.single-post #content  h1 { font-size: 45px; line-height: 50px;  text-align: center; }


/* ----  img full -------  */
.full_img.wpb_single_image .vc_figure {height: auto;    max-width: none;    vertical-align: top;    width: 100%;}
.full_img.wpb_single_image .vc_single_image-wrapper {height: auto;    max-width: none;    vertical-align: top;    width: 100%;}
.full_img.wpb_single_image img {    height: auto;    max-width: none;    vertical-align: top;    width: 100%;}


/* ---- forms -------  */


#content form.wpcf7-form { float: left; width: 100%;}
#content form.wpcf7-form label i {position: absolute; z-index: 1; margin-top: 21px; margin-left: 15px; opacity: .7; color: #c7b299;}
#content form.wpcf7-form p {margin-bottom: 10px; float: left; width: 100%;}
#content form.wpcf7-form label {float: left; width: 100%; font-size: 16px; font-weight: normal; margin: 0px 0 10px;}
#content form.wpcf7-form input {padding: 10px 10px 8px!important; font-weight: normal; font-size: 16px; line-height: 28px; border-radius: 3px; text-indent: 30px;border: 1px solid #c7b299;}
#content form.wpcf7-form .date-219 input {color: #c7b299;font-weight: 600; }
#content form.wpcf7-form textarea {padding: 10px 10px 8px!important; height: 150px;  font-weight: normal; font-size: 16px; line-height: 28px; border-radius: 3px; text-indent: 30px;}
#content form.wpcf7-form .wpcf7-radio .wpcf7-list-item {background: #f4f4f4; border-radius: 3px; margin: 0 10px 0 0; cursor: pointer; padding: 10px 15px; border: 1px solid #ccc;}
#content form.wpcf7-form .wpcf7-radio .wpcf7-list-item label {margin: 0;}
#content form.wpcf7-form .wpcf7-radio .wpcf7-list-item label input[type="radio"] {float: left; width: auto; margin: 5px 10px 0 0;}
#content div.wpcf7-response-output {margin: 0; padding: 20px; font-size: 16px; text-align: center; float: left; width: 100%;}
#content form.wpcf7-form input[type="checkbox"] {float: left; width: auto; margin: 8px 10px 0 0;}

#content form.wpcf7-form input[type="submit"] { color: #fff; text-transform:uppercase; text-indent: 0; margin-top: 0px; display:inline-block;  padding: 10px 30px!important; width: auto;  background: #c7b299; -webkit-transition: background 0.35s ease; -moz-transition: background 0.35s ease; -ms-transition: background 0.35s ease; -o-transition: background 0.35s ease; transition: background 0.35s ease; }
#content form.wpcf7-form input[type="submit"]:hover { background:#333!important; color: #fff;;  } 

#content form.wpcf7-form input:focus {background: #fff9f2;}
#content form.wpcf7-form textarea:focus {background: #fff9f2;}
#content span.wpcf7-not-valid-tip {color: #333; font-size: 11px;}

form.wpcf7-form input::-webkit-input-placeholder {  color: #c7b299; font-weight: 600;}
form.wpcf7-form input::-moz-input-placeholder {   color: #c7b299; font-weight: 600;}
form.wpcf7-form textarea::-webkit-input-placeholder {  color: #c7b299;font-weight: 600;}
form.wpcf7-form textarea::-moz-placeholder {   color: #c7b299;font-weight: 600;}





/* Media queries */



@media all and (max-width: 2500px) {
#popmake-161.pum-container.pum-responsive.pum-responsive-medium {    margin-left: 0%!important;    width: 17%!important;  }
}

@media all and (max-width: 2000px) {
#popmake-161.pum-container.pum-responsive.pum-responsive-medium {    margin-left: -8%!important;    width: 27%!important;}

}

@media all and   (max-width:1699px) {


}

@media all and  (max-width:1440px) {




}

@media all and  (max-width:1200px) {

#popmake-161.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: 20%!important;
    width: 45%!important;
}

}

@media all and (max-width:992px) {


body p, body li, body td, body dd, body label, body legend  {font-size: 16px; line-height: 22px;}

#start .left {    padding: 0 20px 0 0px;}
#start .right {    padding: 0 0px 0 20px; }

}



@media all and (max-width: 767px)  {

body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

#header { margin: 0; }
#header .logoholder { margin: 15px 0 35px; }
.single-post #header .logoholder { float:left; margin: 15px; }
.single-post #header .logoholder img { width: 100px; height: auto; }


#header .navbar-header {    float: right;    position: absolute;    top: 0;    right: 0px;}
#header #menu-main {   margin-top: 0;    margin-right: 0;}
#header .menu {display:block; background:#f3f3f3; border: none; margin-top: 23px;     overflow: hidden;  float: left;   width: 100%;  padding: 0;    }
#header .navbar-nav {    width: 100%;    display: block;}

#header .menu ul {    margin: 0;    padding: 0px;    width: 100%;  }
#header .menu ul li {padding: 0;  margin: 0 10px;   border: none; border-bottom: 1px solid #ddd; }
#header .menu ul li a {   font-size:16px;  text-align:left; padding: 10px ; text-align: center; ; }
#header .menu ul li a:after {display: none;}
#header .menu ul li.active > a {  background: #a08769; color: #fff;  border-bottom: none;}

#header .navbar-collapse { z-index: 99; }
#header .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: medium none;	}

#header .navbar-default .navbar-toggle {border-color: transparent; }
#header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;	}

#header .navbar-default .navbar-toggle .icon-bar { display: none; background-color: #a08769; width: 30px; height: 3px; 	}
#header .navbar-default .navbar-toggle:hover .icon-bar { background-color: #333;}
#header .navbar-default .navbar-toggle:focus .icon-bar { background-color: #333;}

.single-post #header .navbar-toggle.modalinfo .glyphicon {	color: #fff;	font-size: 20px; }
#header .navbar-toggle.modalinfo .glyphicon {	color: #333;	font-size: 20px; }
#header .navbar-toggle.modalinfo:hover .glyphicon {	color: #ee008b;}
#header .navbar-toggle.modalinfo:focus .glyphicon {	color: #ee008b;}


#header .navbar-toggle {  margin: 15px 15px 10px 0; padding: 12px 8px; border: none; position: relative;	}
#header .navbar-toggle:first-child { float: right; margin: 15px 10px 0 10px;	padding: 10px 10px 4px;	position: relative; }
#header .navbar-toggle.modalinfo { margin: 15px 0px 10px 0;	padding: 10px 10px 4px;	}


#event h1 {     margin-top: -65px;    font-size: 50px;    line-height: 50px;}
body h2 {font-size: 34px; line-height: 30px; text-align: left;}


#content .entry-content {    padding: 0px 15px 0;text-align: center;  }

#content table td {    width: 95%; text-align: left;}


#start .left {    text-align: center;    padding: 0 20px;    border-right: none; border-bottom: 2px solid #fff; margin-bottom: 35px;}
#start .right {    padding: 0 20px; }

#event .left {    text-align: center; }

.vc_btn3-container.vc_btn3-left {    text-align: center!important;}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {   width: 50%; float: left;}

#footer .footer-1 {  width:100%; }
#footer .footer-2 {  width:100%; }
#footer .footer-3 {  width:100%; }

#popmake-161.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -10%!important;
    width: 60%!important;
}


}

@media all and (max-width: 600px)  {

.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 33.33%;  }

#popmake-161.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -3%!important;
    width: 90%!important;
}

}

@media all and (max-width: 480px)  {

.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 50%;  }

.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {   width: 100%; }

}

@media all and (max-width: 320px)  {


}




/* Popup Fix Mobile */
.pp_pic_holder.pp_default { width: 96%!important; margin-top:-100px !important; left: 2%!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none !important;}
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { box-sizing: border-box; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: -10px!important; top: -10px!important; }
body .pp_hoverContainer {width: 100% !important; height: 100% !important;}

}



/* === VIIVA RESPONSIVE 2026 — theme embedded, do not remove === */

/* VIIVA 2026 — responsive polish */
html,body{overflow-x:hidden}
body.home{background:#09080b!important}
body.home #header,body.home #top,body.home #footer{display:none!important}
body.home #contentholder,body.home #contentholder>.wrapper,body.home #contentholder .container,body.home article,body.home .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.home .sbi-critical-notice{display:none!important}
#viiva-pro{position:relative!important;z-index:1!important;left:auto!important;margin:0!important;width:100%!important;overflow:clip!important;background:#09080b!important}
#viiva-pro,#viiva-pro *{box-sizing:border-box}
#viiva-pro a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
#viiva-pro .vv-topbar{padding:8px 20px!important;font-size:11px!important;line-height:1.4!important;letter-spacing:.18em!important}
#viiva-pro .vv-nav{min-height:72px!important;padding:0 max(28px,calc((100vw - 1220px)/2))!important;background:rgba(9,8,11,.94)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(14px);position:sticky!important;top:0!important;z-index:100!important;flex-wrap:nowrap!important}
#viiva-pro .vv-logo{font-size:28px!important;letter-spacing:.16em!important;white-space:nowrap}
#viiva-pro .vv-links{gap:26px!important;flex-wrap:nowrap!important}
#viiva-pro .vv-links>a:not(.vv-nav-cta){color:#f6f0eb!important;font-size:12px!important;letter-spacing:.12em!important;text-decoration:none!important}
#viiva-pro .vv-links>a:not(.vv-nav-cta):hover{color:#ff3da8!important}
#viiva-pro .vv-nav-cta{padding:10px 18px!important;font-size:12px!important;white-space:nowrap!important;text-decoration:none!important}
#viiva-pro .vv-hero{min-height:680px!important;background-position:center!important}
#viiva-pro .vv-hero-inner{width:min(1180px,calc(100% - 56px))!important;padding:105px 0 65px!important}
#viiva-pro .vv-kicker{font-size:12px!important;letter-spacing:.2em!important;margin-bottom:20px!important}
#viiva-pro .vv-hero h1{font-size:clamp(68px,8vw,112px)!important;line-height:.79!important;letter-spacing:-.045em!important;max-width:760px!important}
#viiva-pro .vv-lead{font-size:22px!important;line-height:1.45!important;max-width:610px!important;margin-top:30px!important;color:#e7dfda!important}
#viiva-pro .vv-actions{margin-top:31px!important;gap:12px!important}
#viiva-pro .vv-btn{min-height:50px!important;padding:0 22px!important;font-size:12px!important;border-radius:2px!important}
#viiva-pro .vv-btn:hover{transform:translateY(-2px)}
#viiva-pro .vv-hero-meta{margin-top:50px!important;max-width:760px!important;grid-template-columns:repeat(3,1fr)!important}
#viiva-pro .vv-meta{padding:16px 20px!important}
#viiva-pro .vv-meta small{font-size:10px!important;line-height:1.2!important}
#viiva-pro .vv-meta strong{font-size:15px!important;line-height:1.4!important}
#viiva-pro .vv-section{padding:92px max(28px,calc((100vw - 1220px)/2))!important}
#viiva-pro .vv-wrap{width:100%!important;max-width:1220px!important}
#viiva-pro .vv-section-head{margin-bottom:36px!important;gap:32px!important;align-items:flex-end!important}
#viiva-pro .vv-eyebrow{font-size:11px!important;letter-spacing:.2em!important}
#viiva-pro .vv-title{font-size:clamp(46px,5vw,70px)!important;line-height:.98!important;letter-spacing:-.03em!important}
#viiva-pro .vv-intro{font-size:17px!important;line-height:1.6!important;max-width:480px!important}
#viiva-pro .vv-days{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#viiva-pro .vv-day{border-radius:2px!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important}
#viiva-pro .vv-day:hover{transform:translateY(-3px);border-color:rgba(240,0,135,.55)!important}
#viiva-pro .vv-day-head{padding:17px 18px!important}
#viiva-pro .vv-day-head strong{font-size:14px!important}
#viiva-pro .vv-day-head span{font-size:10px!important}
#viiva-pro .vv-fixture{padding:16px 18px!important}
#viiva-pro .vv-fixture-top{gap:10px!important}
#viiva-pro .vv-time{font-size:16px!important;min-width:45px!important}
#viiva-pro .vv-game{font-size:15px!important;line-height:1.3!important}
#viiva-pro .vv-league{margin:6px 0 0 55px!important;font-size:9px!important;line-height:1.4!important}
#viiva-pro .vv-source{margin-top:20px!important;font-size:12px!important}
#viiva-pro .vv-vibe-grid{grid-template-columns:1.08fr .92fr!important;min-height:580px!important}
#viiva-pro .vv-vibe-image{min-height:580px!important}
#viiva-pro .vv-vibe-copy{padding:70px clamp(40px,6vw,85px)!important}
#viiva-pro .vv-vibe-copy h2{font-size:clamp(46px,5vw,68px)!important;line-height:.98!important}
#viiva-pro .vv-vibe-copy p{font-size:19px!important;line-height:1.55!important}
#viiva-pro .vv-menu{background:#f5efe8!important}
#viiva-pro .vv-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
#viiva-pro .vv-menu-card{padding:31px 32px!important;border-color:#ddd2c9!important;border-radius:2px!important;box-shadow:0 14px 35px rgba(45,25,35,.06)!important}
#viiva-pro .vv-menu-card h3{font-size:25px!important;margin-bottom:18px!important}
#viiva-pro .vv-food{padding:12px 0!important}
#viiva-pro .vv-food strong,#viiva-pro .vv-price{font-size:16px!important}
#viiva-pro .vv-food p{font-size:13px!important;line-height:1.45!important}
#viiva-pro .vv-visit{background-position:center!important}
#viiva-pro .vv-visit-grid{grid-template-columns:1fr .78fr!important;gap:70px!important}
#viiva-pro .vv-contact-card{padding:32px!important;background:rgba(10,9,12,.88)!important;backdrop-filter:blur(8px);border-radius:2px!important}
#viiva-pro .vv-contact-row strong,#viiva-pro .vv-contact-row a{font-size:17px!important;color:#fff!important}
#viiva-pro .vv-mini-footer{min-height:0!important;padding:60px max(28px,calc((100vw - 1220px)/2))!important;grid-template-columns:1.3fr repeat(3,1fr)!important;gap:40px!important}
@media(max-width:980px){
 #viiva-pro .vv-days{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #viiva-pro .vv-vibe-grid{grid-template-columns:1fr!important}
 #viiva-pro .vv-vibe-image{min-height:440px!important}
 #viiva-pro .vv-visit-grid{grid-template-columns:1fr!important;gap:38px!important}
 #viiva-pro .vv-mini-footer{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:680px){
 #viiva-pro .vv-topbar{padding:7px 12px!important;font-size:9px!important;letter-spacing:.11em!important;white-space:normal!important}
 #viiva-pro .vv-nav{min-height:62px!important;padding:0 16px!important;gap:12px!important}
 #viiva-pro .vv-logo{font-size:23px!important}
 #viiva-pro .vv-links{gap:0!important}
 #viiva-pro .vv-links>a:not(.vv-nav-cta){display:none!important}
 #viiva-pro .vv-nav-cta{padding:9px 12px!important;font-size:10px!important;letter-spacing:.06em!important}
 #viiva-pro .vv-hero{min-height:610px!important;background-position:64% center!important}
 #viiva-pro .vv-hero-inner{width:calc(100% - 34px)!important;padding:78px 0 35px!important}
 #viiva-pro .vv-kicker{font-size:10px!important;line-height:1.4!important;letter-spacing:.15em!important;margin-bottom:16px!important}
 #viiva-pro .vv-hero h1{font-size:clamp(45px,14.5vw,61px)!important;line-height:.84!important;letter-spacing:-.035em!important;max-width:100%!important}
 #viiva-pro .vv-lead{font-size:17px!important;line-height:1.45!important;margin-top:23px!important;max-width:92%!important}
 #viiva-pro .vv-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:25px!important}
 #viiva-pro .vv-btn{width:100%!important;min-height:47px!important}
 #viiva-pro .vv-hero-meta{grid-template-columns:1fr!important;margin-top:28px!important}
 #viiva-pro .vv-meta{padding:10px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
 #viiva-pro .vv-meta:last-child{border-bottom:0!important}
 #viiva-pro .vv-meta small,#viiva-pro .vv-meta strong{display:inline!important;margin:0!important}
 #viiva-pro .vv-section{padding:64px 17px!important}
 #viiva-pro .vv-section-head{display:block!important;margin-bottom:27px!important}
 #viiva-pro .vv-title{font-size:43px!important;line-height:1!important}
 #viiva-pro .vv-intro{font-size:16px!important;line-height:1.55!important;margin-top:17px!important}
 #viiva-pro .vv-days{grid-template-columns:1fr!important;gap:12px!important}
 #viiva-pro .vv-day{width:100%!important}
 #viiva-pro .vv-day-head{padding:15px 16px!important}
 #viiva-pro .vv-fixture{padding:15px 16px!important}
 #viiva-pro .vv-time{font-size:16px!important}
 #viiva-pro .vv-game{font-size:15px!important}
 #viiva-pro .vv-source{display:block!important;line-height:1.6!important}
 #viiva-pro .vv-source a{display:inline-block!important;margin-top:7px!important}
 #viiva-pro .vv-vibe-image{min-height:310px!important}
 #viiva-pro .vv-vibe-copy{padding:52px 20px!important}
 #viiva-pro .vv-vibe-copy h2{font-size:44px!important;margin-bottom:20px!important}
 #viiva-pro .vv-vibe-copy p{font-size:17px!important}
 #viiva-pro .vv-menu-grid{grid-template-columns:1fr!important;gap:13px!important}
 #viiva-pro .vv-menu-card{min-width:0!important;padding:25px 21px!important}
 #viiva-pro .vv-menu-card h3{font-size:23px!important}
 #viiva-pro .vv-food{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important}
 #viiva-pro .vv-food strong,#viiva-pro .vv-price{font-size:15px!important}
 #viiva-pro .vv-visit-grid{grid-template-columns:1fr!important;gap:28px!important}
 #viiva-pro .vv-contact-card{padding:24px 20px!important}
 #viiva-pro .vv-contact-row{padding:15px 0!important}
 #viiva-pro .vv-mini-footer{padding:50px 20px!important;grid-template-columns:1fr!important;gap:28px!important}
}


/* VIIVA phone hard-fix — width + touch detection */
@media (max-width:680px), (hover:none) and (pointer:coarse) and (max-width:1100px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 body.home #header,body.home #top,body.home #footer{display:none!important}
 #viiva-pro{left:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
 #viiva-pro .vv-topbar{padding:7px 12px!important;font-size:9px!important;line-height:1.35!important;letter-spacing:.09em!important;text-align:center!important}
 #viiva-pro .vv-nav{position:relative!important;top:auto!important;min-height:60px!important;width:100%!important;padding:0 15px!important;display:flex!important;flex-wrap:nowrap!important}
 #viiva-pro .vv-logo{font-size:22px!important;letter-spacing:.14em!important}
 #viiva-pro .vv-links{margin-left:auto!important;display:flex!important;gap:0!important}
 #viiva-pro .vv-links>a:not(.vv-nav-cta){display:none!important}
 #viiva-pro .vv-nav-cta{display:inline-flex!important;padding:9px 11px!important;font-size:9px!important;line-height:1.1!important;letter-spacing:.04em!important;white-space:nowrap!important}
 #viiva-pro .vv-hero{min-height:auto!important;width:100%!important;background-position:64% center!important}
 #viiva-pro .vv-hero-inner{width:100%!important;max-width:none!important;margin:0!important;padding:70px 17px 34px!important}
 #viiva-pro .vv-kicker{font-size:9px!important;line-height:1.4!important;letter-spacing:.13em!important;margin:0 0 14px!important}
 #viiva-pro .vv-hero h1{font-size:clamp(42px,13vw,56px)!important;line-height:.86!important;letter-spacing:-.025em!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-wrap:normal!important;word-break:normal!important}
 #viiva-pro .vv-lead{font-size:16px!important;line-height:1.5!important;width:100%!important;max-width:330px!important;margin:22px 0 0!important}
 #viiva-pro .vv-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:23px 0 0!important}
 #viiva-pro .vv-btn{width:100%!important;max-width:100%!important;min-height:46px!important;padding:0 14px!important;font-size:10px!important;text-align:center!important}
 #viiva-pro .vv-hero-meta{width:100%!important;max-width:100%!important;display:block!important;margin:26px 0 0!important;padding:0!important}
 #viiva-pro .vv-meta{width:100%!important;padding:9px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
 #viiva-pro .vv-meta:last-child{border-bottom:0!important}
 #viiva-pro .vv-meta small,#viiva-pro .vv-meta strong{display:block!important;margin:0!important;font-size:11px!important}
 #viiva-pro .vv-section{width:100%!important;padding:58px 15px!important}
 #viiva-pro .vv-wrap{width:100%!important;max-width:100%!important;margin:0!important}
 #viiva-pro .vv-section-head{width:100%!important;display:block!important;margin:0 0 25px!important}
 #viiva-pro .vv-eyebrow{font-size:9px!important;letter-spacing:.16em!important}
 #viiva-pro .vv-title{font-size:39px!important;line-height:1.02!important;letter-spacing:-.02em!important;width:100%!important}
 #viiva-pro .vv-intro{font-size:15px!important;line-height:1.55!important;width:100%!important;max-width:100%!important;margin:15px 0 0!important}
 #viiva-pro .vv-days{width:100%!important;display:block!important}
 #viiva-pro .vv-day{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 12px!important}
 #viiva-pro .vv-day-head{padding:14px 15px!important}
 #viiva-pro .vv-fixture{padding:14px 15px!important}
 #viiva-pro .vv-fixture-top{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important}
 #viiva-pro .vv-time{min-width:0!important;font-size:15px!important}
 #viiva-pro .vv-game{min-width:0!important;font-size:14px!important;overflow-wrap:anywhere!important}
 #viiva-pro .vv-league{margin:5px 0 0 53px!important;font-size:9px!important}
 #viiva-pro .vv-source{width:100%!important;display:block!important;font-size:11px!important;line-height:1.55!important}
 #viiva-pro .vv-source a{display:inline-block!important;margin-top:6px!important}
 #viiva-pro .vv-vibe-grid{width:100%!important;display:block!important;min-height:0!important}
 #viiva-pro .vv-vibe-image{width:100%!important;min-height:270px!important;background-position:center!important}
 #viiva-pro .vv-vibe-copy{width:100%!important;padding:48px 17px!important}
 #viiva-pro .vv-vibe-copy h2{font-size:39px!important;line-height:1.02!important;margin:6px 0 18px!important}
 #viiva-pro .vv-vibe-copy p{font-size:16px!important;line-height:1.55!important}
 #viiva-pro .vv-quote{font-size:10px!important;line-height:1.5!important;letter-spacing:.11em!important}
 #viiva-pro .vv-menu-grid{width:100%!important;display:block!important}
 #viiva-pro .vv-menu-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 12px!important;padding:23px 18px!important}
 #viiva-pro .vv-menu-card h3{font-size:22px!important;margin:0 0 15px!important}
 #viiva-pro .vv-food{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 10px!important;padding:11px 0!important}
 #viiva-pro .vv-food strong,#viiva-pro .vv-price{font-size:14px!important}
 #viiva-pro .vv-food p{grid-column:1/3!important;font-size:12px!important;line-height:1.45!important}
 #viiva-pro .vv-visit{width:100%!important;background-position:60% center!important}
 #viiva-pro .vv-visit-grid{width:100%!important;display:block!important}
 #viiva-pro .vv-contact-card{width:100%!important;max-width:100%!important;margin:28px 0 0!important;padding:21px 17px!important}
 #viiva-pro .vv-contact-row{padding:14px 0!important}
 #viiva-pro .vv-contact-row strong,#viiva-pro .vv-contact-row a{font-size:15px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
 #viiva-pro .vv-mini-footer{width:100%!important;display:block!important;min-height:0!important;padding:45px 18px!important}
 #viiva-pro .vv-mini-footer>div{width:100%!important;margin:0 0 26px!important}
 #viiva-pro .vv-mini-footer>div:last-child{margin-bottom:0!important}
}


/* VIIVA contrast pass — explicit colors override legacy theme */
#viiva-pro,#viiva-pro h1,#viiva-pro h2,#viiva-pro h3,#viiva-pro h4,#viiva-pro p,#viiva-pro a,#viiva-pro span,#viiva-pro small,#viiva-pro strong,#viiva-pro b{font-family:"Times New Roman",Times,serif}
#viiva-pro .vv-topbar{color:#fff!important}
#viiva-pro .vv-nav,#viiva-pro .vv-nav a,#viiva-pro .vv-logo{color:#fff!important}
#viiva-pro .vv-nav-cta,#viiva-pro .vv-btn-primary{color:#fff!important}
#viiva-pro .vv-btn-ghost{color:#fff!important}
#viiva-pro .vv-hero,#viiva-pro .vv-hero h1{color:#fff!important}
#viiva-pro .vv-kicker{color:#f4c56a!important}
#viiva-pro .vv-hero .vv-lead{color:#f3ece7!important}
#viiva-pro .vv-meta small{color:#ff64ba!important}
#viiva-pro .vv-meta strong{color:#fff!important}
#viiva-pro .vv-matches,#viiva-pro .vv-matches .vv-title{color:#fff!important}
#viiva-pro .vv-matches .vv-intro{color:#d2c8cd!important}
#viiva-pro .vv-day{color:#fff!important}
#viiva-pro .vv-day-head,#viiva-pro .vv-day-head strong,#viiva-pro .vv-day-head span{color:#fff!important}
#viiva-pro .vv-time{color:#ff64ba!important}
#viiva-pro .vv-game{color:#fff!important}
#viiva-pro .vv-league{color:#c5bbc2!important}
#viiva-pro .vv-source{color:#b9afb5!important}
#viiva-pro .vv-source a{color:#f4c56a!important}
#viiva-pro .vv-vibe-copy,#viiva-pro .vv-vibe-copy h2,#viiva-pro .vv-vibe-copy p{color:#fff!important}
#viiva-pro .vv-vibe-copy .vv-eyebrow{color:#31001d!important}
#viiva-pro .vv-quote{color:#fff!important}
#viiva-pro .vv-menu,#viiva-pro .vv-menu .vv-title,#viiva-pro .vv-menu-card,#viiva-pro .vv-menu-card h3{color:#171318!important}
#viiva-pro .vv-menu .vv-intro{color:#5d5358!important}
#viiva-pro .vv-food strong{color:#171318!important}
#viiva-pro .vv-food p{color:#695f64!important}
#viiva-pro .vv-price{color:#d90078!important}
#viiva-pro .vv-visit,#viiva-pro .vv-visit .vv-title{color:#fff!important}
#viiva-pro .vv-visit .vv-intro{color:#e0d7dc!important}
#viiva-pro .vv-contact-row small{color:#ff64ba!important}
#viiva-pro .vv-contact-row strong,#viiva-pro .vv-contact-row a{color:#fff!important}
#viiva-pro .vv-mini-footer,#viiva-pro .vv-mini-footer strong{color:#fff!important}
#viiva-pro .vv-mini-footer small{color:#ff4bab!important}
#viiva-pro .vv-mini-footer p{color:#c9bec4!important}
#viiva-pro .vv-mini-footer a{color:#fff!important}
@media(max-width:680px),(hover:none) and (pointer:coarse) and (max-width:1100px){
 #viiva-pro .vv-hero{background-image:linear-gradient(90deg,rgba(8,7,10,.94) 0%,rgba(8,7,10,.76) 62%,rgba(8,7,10,.42) 100%),linear-gradient(0deg,#09080b 0%,transparent 45%),url("https://www.viivabar.se/files/s_01.jpg")!important}
 #viiva-pro .vv-title{font-size:37px!important}
 #viiva-pro .vv-hero h1{font-size:clamp(40px,12.5vw,53px)!important}
 #viiva-pro .vv-league{font-size:10px!important;color:#d4cad0!important}
 #viiva-pro .vv-menu .vv-intro{color:#554c51!important}
}


/* VIIVA MISSION CONTROL 2026-09 */
#viiva-pro .vv-mission-shell{position:relative;border:1px solid rgba(255,255,255,.16);background:rgba(8,7,10,.88);box-shadow:0 28px 90px rgba(0,0,0,.42);overflow:hidden}
#viiva-pro .vv-mission-grid{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(240,0,135,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(240,0,135,.18) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}
#viiva-pro .vv-mission-status{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.14);background:#0a090c}
#viiva-pro .vv-mission-status span{display:block;padding:13px 18px;color:#c9c0c7;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.12)}
#viiva-pro .vv-mission-status span:last-child{border-right:0;text-align:right}
#viiva-pro .vv-live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#f00087;box-shadow:0 0 0 5px rgba(240,0,135,.15)}
#viiva-pro .vv-widget-wrap{position:relative;padding:24px}
#viiva-pro #RoninSportWidget,#viiva-pro #RoninSportWidget *{font-family:"Times New Roman",Times,serif!important}
#viiva-pro #RoninSportWidget{width:100%;max-width:none!important;border-radius:0!important}
#viiva-pro #RoninSportWidget .RoninSportWidget-title{font-size:clamp(34px,5vw,64px)!important;line-height:1!important;padding:20px!important}
#viiva-pro .vv-provider-line{position:relative;display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 22px}
#viiva-pro .vv-provider-line span{display:inline-block;border:1px solid rgba(255,255,255,.18);padding:8px 12px;color:#f3edf1;background:#111015;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
#viiva-pro .vv-logo img{filter:drop-shadow(0 6px 20px rgba(240,0,135,.22))}
@media(max-width:760px){#viiva-pro .vv-logo img{width:94px!important;max-width:none!important}#viiva-pro .vv-mission-status{grid-template-columns:1fr 1fr}#viiva-pro .vv-mission-status span{padding:10px;font-size:10px;letter-spacing:.08em}#viiva-pro .vv-mission-status span:last-child{display:none}#viiva-pro .vv-widget-wrap{padding:8px}#viiva-pro .vv-provider-line{padding:0 8px 14px}#viiva-pro .vv-provider-line span{font-size:10px;padding:6px 8px}#viiva-pro #RoninSportWidget .RoninSportWidget-title{font-size:28px!important;padding:14px 10px!important}#viiva-pro #RoninSportWidget .RoninSportWidget-event__participant{font-size:14px!important}#viiva-pro #RoninSportWidget .RoninSportWidget-event__info--time{font-size:12px!important}}


/* VIIVA MATCH CARDS V2 */
#viiva-pro .vv-schedule-toolbar{padding:20px 22px 16px;background:linear-gradient(180deg,#101016,#0b0b10);border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:2}
#viiva-pro .vv-toolbar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
#viiva-pro .vv-filter-label{display:block;color:#f4c56a;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}
#viiva-pro .vv-date-tabs,#viiva-pro .vv-league-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#viiva-pro .vv-date-tabs button,#viiva-pro .vv-league-tabs button{appearance:none;border:1px solid rgba(255,255,255,.17);background:#181820;color:#e9e3e7;border-radius:999px;padding:8px 13px;font:700 12px/1 "Times New Roman",Times,serif;letter-spacing:.04em;cursor:pointer;transition:.2s ease}
#viiva-pro .vv-date-tabs button:hover,#viiva-pro .vv-league-tabs button:hover{border-color:#f00087;color:#fff}
#viiva-pro .vv-date-tabs button.is-active,#viiva-pro .vv-league-tabs button.is-active{background:#f00087;border-color:#f00087;color:#fff;box-shadow:0 6px 22px rgba(240,0,135,.23)}
#viiva-pro .vv-date-tabs button:disabled{opacity:.35;cursor:not-allowed}
#viiva-pro .vv-book-now{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #f00087;border-radius:999px;background:transparent;color:#fff!important;font:900 12px/1 "Times New Roman",Times,serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
#viiva-pro .vv-book-now:hover{background:#f00087}
#viiva-pro .vv-result-count{margin-top:13px;color:#aaa1a9;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
#viiva-pro .vv-filter-empty{margin:16px;padding:30px 18px;text-align:center;color:#fff;background:#17171f;border:1px solid rgba(255,255,255,.12);font:700 16px/1.45 "Times New Roman",Times,serif}
#viiva-pro #RoninSportWidget .RoninSportWidget-events{padding:8px 12px!important;background:#20222c!important}
#viiva-pro #RoninSportWidget .RoninSportWidget-event{margin:9px 0!important;background:#292b37!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.12);transition:border-color .2s,transform .2s}
#viiva-pro #RoninSportWidget .RoninSportWidget-event:hover{border-color:rgba(240,0,135,.7)!important;transform:translateY(-1px)}
#viiva-pro #RoninSportWidget .RoninSportWidget-event.vv-featured-match{border-left:5px solid #f00087!important;background:linear-gradient(90deg,rgba(240,0,135,.12),#292b37 26%)!important}
#viiva-pro #RoninSportWidget .RoninSportWidget-event.vv-featured-match:before{content:"NÄSTA MATCH";display:block;padding:7px 14px;background:#f00087;color:#fff;font:900 10px/1 "Times New Roman",Times,serif;letter-spacing:.16em;text-transform:uppercase}
#viiva-pro #RoninSportWidget .RoninSportWidget-event--wrapp{padding:15px 18px!important}
#viiva-pro #RoninSportWidget .RoninSportWidget-date-events-by-time{border-top:1px solid rgba(255,255,255,.12)!important}
@media(max-width:760px){#viiva-pro .vv-schedule-toolbar{padding:15px 10px 12px}#viiva-pro .vv-toolbar-top{align-items:stretch;flex-direction:column;margin-bottom:15px}#viiva-pro .vv-book-now{width:100%}#viiva-pro .vv-date-tabs,#viiva-pro .vv-league-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}#viiva-pro .vv-date-tabs::-webkit-scrollbar,#viiva-pro .vv-league-tabs::-webkit-scrollbar{display:none}#viiva-pro .vv-date-tabs button,#viiva-pro .vv-league-tabs button{flex:0 0 auto;padding:8px 11px;font-size:11px}#viiva-pro #RoninSportWidget .RoninSportWidget-events{padding:6px!important}#viiva-pro #RoninSportWidget .RoninSportWidget-event{margin:7px 0!important;border-radius:6px!important}#viiva-pro #RoninSportWidget .RoninSportWidget-event--wrapp{padding:12px 10px!important}}