/* 
 Theme Name:   vw-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     vw-pet-care
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

:hover {transition: transform ease-in-out 0.3s;}
.lazybg{background: none!important; background-image: none!important;}
.site-logo {display: block; background:  var(--site-logo) no-repeat center center / contain; width: 200px; height: 70px; text-indent: -9999px;}
#maincontent{min-height: calc(100vh - 300px);}

h1, h2, h3 {clear: both;}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {padding: 5px; border-left: 5px solid #ffb197; font-size: 22px;}
h4 {font-size: 20px;}
img{display: block;}
#content-vw a{text-decoration: none; color: #FF642F;}
#content-vw a:hover{text-decoration: underline;}
.main-navigation .current_page_item a{color: #000; text-decoration: none;}
.main-navigation .current_page_item a:hover{color: #FF642F;}
:is(#content-vw, .popup-wrapper) .cta-btn:not(.review-btn) {display: block; padding: 10px 25px; width: max-content; background: #FF642F; color: #ffffff; text-align: center; border-radius: 5px; text-decoration: none; cursor: pointer;}
:is(#content-vw, .popup-wrapper) .cta-btn:not(.review-btn):hover {background: #ff8b63; color: #fff; text-decoration: none;}

[class*="bg-"] [class*="logo-"]{display:block;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;max-width: 100%;}
.brand-logo.size-150 { width: 150px; height: 75px; border-radius: 4px; margin: 0 auto; }

.bg-supabet {background-color: #fff;}
.bg-bassbet {background: linear-gradient(0deg, #0075ff1a, #0075ff1a), linear-gradient(#0837af 15%, #001e59);}
.bg-rabona {background-color: #cc0034;}
.bg-betovo {background-color: #242424;}
.bg-wildrobin {background-color: #201109;}
.bg-boomerang-bet {background-color: #0a2b6b;}
.bg-sportuna {background: #1a1a1a;}
.bg-slotuna {background-color: #032b3d;}
.bg-playio{background-color: #0a2929;}
.bg-spinight {background-color: #0c0d24;}
.bg-rtbet {background-color: #111111;}
.bg-funbet {background-color: #3c21c4;}
.bg-ocean-spin {background-color: #0f293f;}
.bg-realspin {background-color: #f3f5f6;}
.bg-dachbet {background-color: #f5f5f7;}
.bg-cashed {background-color: #002d28;}
.bg-mr-punter {background-color: #1a1a1a;}
.bg-spinanga {background: #004148;}
.bg-malina { background: -o-radial-gradient(50% 50%, ellipse farthest-side, #412c56, #230623) no-repeat; background: radial-gradient(ellipse farthest-side at 50% 50%, #412c56, #230623) no-repeat; background-color: #230623; }

.logo-supabet {background: var(--logo-supabet);}
.logo-rabona {background: var(--logo-rabona);}
.logo-betovo {background: var(--logo-betovo);}
.logo-boomerang-bet {background: var(--logo-boomerang-bet);}
.logo-sportuna {background: var(--logo-sportuna);}
.logo-funbet {background: var(--logo-funbet);}
.logo-realspin {background: var(--logo-realspin);}
.logo-cashed {background: var(--logo-cashed);}
.logo-mr-punter {background: var(--logo-mr-punter);}
.logo-malina {background-image: var(--logo-malina);}
.logo-spinight {background-image: url("/images/brands/spinight.svg");}
.logo-rtbet {background: url('/images/brands/rtbet.svg');}
.logo-ocean-spin {background: url('/images/brands/oceanspin.svg');}
.logo-bassbet {background-image: url("/images/brands/bassbet.png");}
body.webp .logo-bassbet {background-image: url("/images/brands/bassbet.webp");}
.logo-wildrobin {background-image: url("/images/brands/wildrobin.png");}
body.webp .logo-wildrobin {background-image: url("/images/brands/wildrobin.webp");}
.logo-slotuna {background-image: url('/images/brands/slotuna.png');}
body.webp .logo-slotuna {background-image: url('/images/brands/slotuna.webp');}
.logo-playio {background-image: url("/images/brands/playio.png");}
body.webp .logo-playio {background-image: url("/images/brands/playio.webp");}
.logo-dachbet {background-image: url("/images/brands/dachbet.png");}
body.webp .logo-dachbet {background-image: url("/images/brands/dachbet.webp");}
.logo-spinanga {background-image: url("/images/brands/spinanga.png");}
body.webp .logo-spinanga {background-image: url("/images/brands/spinanga.webp");}

.primary-table .table-row.table-row-hidden { display: none; }
.primary-table .table-row { min-height: 110px; border: 1px solid #ffb197; border-radius: 6px; background: #F8F8F8;}
.primary-table .table-row:first-child { background: #ffffff; border-width: 2px; }
.primary-table .brand-logo { border-radius: 5px 0 0 5px; }
.primary-table .brand-logo [class*="logo-"] { width: 180px; margin: 0 auto; }
.primary-table .brand-rating { border-right: 1px solid #C4C4C4; }
.brand-rating :is(h3, .brand-score, .brand-name) { color: #000000; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.brand-rating h3::before { all: unset; }
.brand-score { gap: 5px; }
.rating-star { width: 17px; height: 16px; background: center / contain no-repeat var(--icon-rating-star); position: relative; top: -1px; }
.brand-bonus { color: #FF5757; font-weight: 600; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 27px; }
.bonus-before { color: #555555; font-size: 22px; }
.bonus-after { font-size: 18px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .cta-btn {
    width: 235px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
}
.cta-btn.review-btn { background: transparent; border: 1px solid #C4C4C4; }
.cta-btn.review-btn:hover:not(.not-active) { background: #ffffff; }
.cta-btn.review-btn.not-active { border: 1px solid #E5E5E5; }
.special-terms {padding: 0 10px 20px; margin-top: -10px; font-size: 10px; color: #555555;}
@media screen and (max-width:767px) {
	.primary-table { max-width: 350px; }
	.primary-table .brand-logo { border-radius: 4px 4px 0 0; display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
}

#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked + .tab-prime.casino tbody tr.row-hidden { display: table-row; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: inline-block; }
#show-more:checked ~ #hide-btn, label[for=show-more] { cursor: pointer; margin-bottom: 2rem; left: 50%; transform: translateX(-50%); position: relative; display: inline-block; }
.primary-table ~ #show-btn, .primary-table ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid #ffb197; background: transparent; font-weight: 600; font-size: 14px; text-align: center; }
.primary-table ~ #show-btn:hover, .primary-table ~ #show-btn ~ #hide-btn:hover { background: #ffb197; border-color: #ffb197; }
.primary-table ~ #show-btn span, .primary-table ~ #show-btn ~ #hide-btn span { position: relative; }
.primary-table ~ #show-btn span::after, .primary-table ~ #show-btn ~ #hide-btn span::after { content: ""; position: absolute; width: 14px; height: 7px; top: 50%; transform: translateY(-50%); right: -20px; }
.primary-table ~ #show-btn span::after { background: center / contain no-repeat var(--icon-arrow-down); }
.primary-table ~ #show-btn ~ #hide-btn span::after { background: center / contain no-repeat var(--icon-arrow-up); }
.primary-table .row-hidden { display: none; }
#show-more:checked + .primary-table .row-hidden { display: flex; }

.popup-wrapper { display: none; z-index: 99999; left: 0; top: 0; background-color: #5e220e96; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.popup-wrapper .close-btn { font-size: 22px; font-weight: bold; line-height: 20px; color: #ffb197; position: absolute; top: -30px; right: 2%; cursor: pointer; }
.popup-wrapper .close-btn:hover { color: #FF642F; }
.popup-wrapper .popup-title { font-size: 30px; text-align: center; color: #fff; margin-bottom: 15px; font-weight: bold; }
.popup-wrapper .special-terms {color: #fff;}
@media screen and (min-width:768px) {
	.popup-wrapper .popup-box { width: 660px; max-width: 100%; transform: translate(-50%, -50%); left: 50%; top: 50%; }
}
@media screen and (max-width:767px) {
	.popup-wrapper .popup-box { max-height: 100vh; width: 100%; max-width: 100%; padding: 40px 15px 15px; margin-top: 20px; }
	.popup-wrapper .primary-table ~ .special-terms { text-align: center; max-width: 350px; margin: -10px auto 0; font-size: 10px; }
	.popup-wrapper .primary-table .special-terms { padding: 0 10px 10px; margin-top: -10px; font-size: 10px; line-height: normal; }
	.popup-wrapper .primary-table .cta-btn { width: 250px; padding: 10px 0; }
	.popup-wrapper .primary-table .bonus-before { font-size: 20px; }
	.popup-wrapper .primary-table .bonus-amount { font-size: 25px; }
	.popup-wrapper .primary-table .bonus-after { font-size: 16px; }
	.popup-wrapper .popup-title { font-size: 23px; }
	.popup-wrapper .close-btn { top: 1%; right: 3%; }
}

.faq{padding: 0;}
.faq li{list-style: none;}
.faq li.answer{background: #ffb19729;}

.footer-menu{list-style: none; padding: 0;}
.footer-menu.regs{border-top: 1px solid #fff;}
.footer-menu.regs li{background: #fff;}
.footer-menu li{ display: inline-block; color: #fff; padding: 5px 10px; vertical-align: middle;}
.footer-menu li a{color: #fff; text-decoration: none;}
.copyright a{text-decoration: none;}
[class*="reg-"] {display: block; background-repeat: no-repeat; text-indent: -9999px;}
.reg-18 {background: var(--icon-18plus); width: 34px; height: 34px;}
.reg-gamblingtherapy {
    background: var(--logo-gamblingtherapy);
    width: 34px;
    height: 34px;
}