/*--Import GLOBAL CSS--*/
@import url('/sites/all/themes/vegaswinners/css/global.css');

body{font-family:var(--font-family); color:hsl(var(--color));background: #f5f5f5;}
.container{max-width:1199px; padding-left:15px; padding-right:15px;}
p {margin-bottom: 15px;}
.btn-green{background: hsl(var(--primary-color));color: #FFF;}
.btn-green:hover{background: hsl(var(--primary-color-hover));}
#main h2, #main h3 {margin-bottom: 15px;font-weight: bold;}
.text-center {text-align: center;}
.margin-top-60 {margin-top: 60px;}
header{background-color:hsl(0,0%,100%); position:relative;}
header .container{min-height:60px; display:flex;height: 160px;}
header .logo, header .container nav, header .cart-link, header .nav-icon{align-self:center;}

.logo img{height: 160px;}
.header-bg {height: 160px;}

header .container nav{flex-grow:1; margin-left:75px;}
nav ul{display:flex; align-items:center; justify-content:space-between; max-width:480px;}
nav ul li a{font-size:16px; font-weight:500; color:hsl(0,0%,0%); display:block; line-height:1;}
nav ul li a:hover{color:hsl(var(--primary-color));}
header .btn{min-width:125px; min-height:100%;}
header .cart-link{margin-left:10px;}
.cart-link{font-size:22px; color:hsl(0,0%,0%); display:inline-flex; align-items:center;}
.cart-link span{font-size:16px; font-weight:500; margin-left:10px;}
.cart-link:hover{color:hsl(var(--primary-color));}
header .nav-icon{margin-left:15px;}
.region-content {background: #FFF;padding: 20px;}
.dropdown-menu{border-radius:0; padding:0;}
.dropdown-item:focus, .dropdown-item:hover{background-color:var(--secondary-color);}
.dropdown-item{color: #FFF;padding: 10px 10px !important;font-weight: bold;}
.dropdown-menu{background:hsl(var(--secondary-color));color: #FFF;}

.view-subdomain-specific-sport-books th,
.view-subdomain-specific-sport-books td {text-align: center;vertical-align: middle;}
.small-text {font-size: 10px;margin-top: 10px;max-width: 260px;
    text-align: center;
    display: block;
    margin: 0 auto;}

.view-subdomain-specific-sport-books h4 {font-size: 21px;}



.view-subdomain-specific-sport-books .views-field-field-min-deposit,
.view-subdomain-specific-sport-books .views-field-field-score {font-size: 22px;}

.image-logo-left {flex: 1;}


.dropdown-item:hover{background: hsl(var(--primary-color)) !important;color: #FFF !important;}

h2.bottom-red-border {border-bottom: 7px solid hsl(var(--primary-color));padding-bottom: 20px;}

.view-front-page-articles .views-row {margin-bottom: 40px;}
.view-front-page-articles .views-field-body {margin-bottom: 20px;}
.view-front-page-articles h3 a {color: #000;margin-bottom: 20px;}
.view-front-page-articles .views-field-view-node span {width: 140px;}
.view-front-page-articles .views-field-view-node span a {color: #FFF;}


#edit-field-phone,
.commerce-line-item-views-form #edit-submit,
#edit-field-device-type,
#edit-field-device-push-id-gcm,
#edit-field-device-push-id-apn {display: none;}


.view-content .field-content {width: 100%;}
.views-field .user-picture {width: 100%;}
.views-field .user-picture img {width: 100%;height: auto;}
.pick-price {float: left;margin-right: 15px;padding-top: 15px;}
.pick-purchase-actions .commerce-add-to-cart {float: left;}
.pick-purchase-actions .commerce-add-to-cart div[id*='edit-line-item-fields'] {display: none;}
.view-shop-picks .views-row,
.view-best-bets .views-row,
.view-free-picks .views-row {border-bottom: 4px solid hsl(var(--primary-color));margin-bottom: 20px;padding-bottom: 20px;}


.placeholder {
    display: initial;
    min-height: initial;
    vertical-align: initial;
    cursor: initial;
    background-color: initial;
    opacity: initial;
}


#inner-page-header {background-color: #181f2f;
    color: #FFF;
    text-align: center;
    margin-bottom: 40px;
    padding: 30px;}
#inner-page-header h1{
    font-size: 20px;font-weight: bold;}
#sidebar {margin-top: 20px;}
#sidebar .page-banner {background-size: auto 95%;
    background-position-x: -248px;}
.section{padding:50px 0;}


.user-picture {width: 80px;height: auto;}
.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row {width: 100% !important;    display: contents !important;}
.hero-section{min-height:400px; background:url(/sites/all/themes/vegaswinners/images/hero-banner.jpg) center center no-repeat; background-size:cover; position:relative; isolation:isolate; display:flex; align-items:center;}
.hero-section::before{position:absolute; inset:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; z-index:-1;}
.hero-section .container{display:flex; flex-direction:column; align-items:center;}
.hero-section h2{font-weight:700; color:hsl(0,0%,100%); text-align:center;}
.hero-section .btn{min-height:40px; min-width:160px;}
.hero-section .btn:not(:first-child){margin-top:30px;}


.bets-slide .bets-slide-content {height: 100px;overflow-y: scroll;}



#views_slideshow_cycle_teaser_section_front_page_featured_picks-block_1 {width: 100% !important;}
.bets-slider-wrap{padding:30px 50px; background-color:hsl(0,0%,100%);}
.bets-section h4{text-align:center; font-weight:500;}
.bets-section h4:not(:last-child){margin-bottom:20px;}
.bets-slider{overflow:hidden;height: 425px;width: 100%;}
.bets-slide{border:3px solid hsl(var(--light-gray-color)); padding:25px;}
.bets-slide-header:not(:last-child), .bets-slide-content:not(:last-child){margin-bottom:20px;}
.bets-slide-header{display:flex; align-items:center;}
.bets-slide-header figure:not(:last-child){margin-right:15px;}
.bets-slide-header figure img{border-radius:15px; max-width:68px;}
.bets-slide-header p{font-weight:500;}
.bets-slide-header p:not(:last-child){margin-bottom:5px;}
.bets-slide-header p a{color:hsl(var(--color)); text-decoration:underline;}
.bets-slide-header p a:hover{text-decoration:none; color:hsl(var(--primary-color));}
.bets-slide-content p:not(:last-child){margin-bottom:10px;}
.bets-slide-footer{display:flex; align-items:center; justify-content:flex-end;}
.bets-slide-footer p{font-weight:500;}
.bets-slide-footer p:not(:last-child){margin-right:20px;}
.bets-slider .swiper-slide{width:auto;}

.offer-boxes{display:grid; grid-template-columns:repeat(3, 1fr); min-height:170px; margin-top:10px;}
.offer-boxes .offer-box{padding:15px; display:grid; place-items:center; text-align:center;}
.offer-boxes .offer-box:first-child{background-color:hsl(222, 33%, 14%);}
.offer-boxes .offer-box:nth-child(2){background-color:hsl(219, 25%, 20%);}
.offer-boxes .offer-box:last-child{background-color:hsl(217, 19%, 27%);}
.offer-boxes .offer-box h5{font-weight:500; color:#fff;}

footer{margin-top: 40px;background-color:hsl(var(--secondary-color)); border-top:16px solid hsl(218, 11%, 66%);}
.footer-content{padding:50px 0;}
.copyright{padding:30px 0; border-top:5px solid hsl(0,0%,100%);}
.footer-logo img{max-width:216px;}
.footer-content ul li:not(:last-child){margin-bottom:5px;}
.footer-content ul li a{color:hsl(0,0%,100%); font-weight:500; font-size:16px;}
.footer-content ul li a:hover{color:hsl(var(--primary-color)); font-weight:500;}
.footer-content p{text-transform:uppercase; color:hsl(218, 11%, 66%); font-weight:500;}
.footer-content p:not(:last-child){margin-bottom:10px;}
.copyright{text-align:center;}
.copyright p{font-size:12px; color:hsl(0,0%,100%); font-weight:500;}
.copyright p:not(:last-child){margin-bottom:10px;}

.section-header:not(:last-child){margin-bottom:40px;}
.section-header h2{font-weight:700; color:hsl(0,0%,100%);}
.section-logo img{max-width:120px;}
.section-header .section-logo:not(:last-child){margin-bottom:25px;}

.video-wrapper{position:relative; padding-bottom:56.25%; /* 16:9 */ height:0;}
.video-wrapper iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.video-wrapper + .btn{margin-top:50px;}
.video-content-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.video-content-grid p{font-weight:500; color:hsl(0,0%,100%); text-transform:uppercase;}
.video-section .section-content .row{margin:-15px;}
.video-section .section-content .row > *{padding:15px;}

.winner-section article .article-content{padding:25px 0;}
article .row{margin:-25px;}
article .row > *{padding:25px;}
article h2{font-weight:700;}
article h2:not(:last-child){margin-bottom:25px;}
article figure{background-size:cover; background-repeat:no-repeat; background-position:center center; flex-grow:1; min-height:400px;}
.champion li{padding-left:45px; position:relative;}
.champion li:not(:last-child){margin-bottom:15px;}
.champion li::before{position:absolute; left:0; top:0; width:12px; height:100%; background-color:#000; content:"";}
.champion li h5{font-weight:700; color:hsl(1, 78%, 49%);}
.champion li h5:not(:last-child){margin-bottom:10px;}
.champion li:first-child::before{background-color:hsl(1, 83%, 84%);}
.champion li:nth-child(2)::before{background-color:hsl(0, 90%, 74%);}
.champion li:nth-child(3)::before{background-color:hsl(0, 84%, 63%);}
.champion li:last-child::before{background-color:hsl(1, 75%, 51%);}

.other-section .page-section:not(:last-child){margin-bottom:50px;}
.page-banner{min-height:300px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.page-banner h2:not(:last-child){margin-bottom:20px;}
.page-banner h2, .page-banner h5{color:hsl(0,0%,100%); font-weight:700;}

.page-section .page-section-block{margin-bottom:25px;}
.values{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.value{padding:30px 15px; background-color:hsl(0,0%,100%); display:flex; flex-direction:column; align-items:center; text-align:center;}
.value h5, .value p{font-weight:500;}
.value svg{font-size:33px; color:hsl(var(--secondary-color));}
.value svg:not(:last-child), .value h5:not(:last-child), .value p:not(:last-child){margin-bottom:20px;}
.testimonial-slider-wrap{padding:30px; background-color:hsl(0,0%,100%); display:flex; align-items:center; min-height:280px;}
.testimonial{text-align:center; font-weight:500; max-width:80%; margin:0 auto;}
.testimonial h5{font-weight:700; margin-top:20px;}
.testimonial-slider{overflow:hidden;}
.swiper-fade .swiper-slide{opacity:0 !important;}
.swiper-fade .swiper-slide.swiper-slide-visible.swiper-slide-active{opacity:1 !important;}

.article-box{padding:30px; min-height:230px; background-color:hsl(0,0%,100%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.article-box.article-box-secondary{background-color:hsl(var(--secondary-color));}
.article-box.article-box-secondary h2{color:hsl(0,0%,100%);}
.article-box h2{font-weight:700;}
.article-box-header{display:flex; align-items:center; justify-content:center;}
.article-box-header:not(:last-child), .article-box h2:not(:last-child){margin-bottom:30px;}
.article-box-header img{max-width:55px;}
.article-box-header img:not(:last-child){margin-right:20px;}
.article-box-header h5{font-weight:700; color:hsl(0,0%,100%);}
.buttons{display:flex; align-items:center;}
.buttons .btn:not(:last-child){margin-right:30px;}


.view-subdomain-specific-sport-books tbody .views-field-field-bookmaker-logo {min-width: 200px;background: #f05251;}
.view-subdomain-specific-sport-books tbody .views-field-field-bookmaker-logo img {width: 100%;height: auto;}
.view-subdomain-specific-sport-books .views-field-field-offer-small-text h3 {font-weight: bold;font-size: 20px;}
.view-subdomain-specific-sport-books .views-field-field-disclaimer {font-size: 16px;}





@media(max-width:1199px){
	header .container nav{margin-left:50px;}
	header .container{min-height:50px;}
	nav ul{max-width:440px;}
	nav ul li a{font-size:15px;}
	header .btn{min-width:110px;}
	.cart-link{font-size:18px;}
	.cart-link span{font-size:15px; margin-left:5px;}
	.hero-section{padding:40px 0;}
	.hero-section .btn:not(:first-child){margin-top:20px;}
	.hero-section{min-height:350px;}
	.hero-section .btn{min-width:140px;}
	.bets-slider-wrap{padding:30px;}
	.footer-logo img{max-width:176px;}
	.footer-content ul li a, .footer-content p{font-size:15px;}
	.footer-content{padding:40px 0;}
	.copyright{border-top-width:4px;}
	.copyright{padding:25px;}
	footer{border-top-width:12px;}
	article .row{margin:-15px;}
	article .row > *{padding:15px;}
	.winner-section article .article-content{padding:0;}
	.champion li{padding-left:30px;}
	.champion li::before{width:8px;}
}
@media(max-width:991px){
	header .container nav{margin-left:30px;}
	nav ul{max-width:400px;}
	nav ul li a{font-size:14px;}
	header .btn{min-width:90px;}
	.cart-link{font-size:16px;}
	.cart-link span{font-size:14px;}
	.hero-section{padding:30px 0;}
	.hero-section{min-height:300px;}
	.bets-slider-wrap{padding:30px 15px;}
	.bets-slide-header figure img{border-radius:12px; max-width:60px;}
	.bets-slide{padding:20px;}
	.footer-content ul li a, .footer-content p{font-size:14px;}
	.copyright{border-top-width:3px;}
	.copyright{padding:20px;}
	.footer-content .row{margin:-15px;}
	.footer-content .row > *{padding:15px;}
	.footer-logo img{max-width:150px;}
	footer{border-top-width:8px;}
	.section{padding:40px 0;}
	.other-section .page-section:not(:last-child){margin-bottom:40px;}
	.value{padding:25px 15px;}
	.value svg:not(:last-child), .value h5:not(:last-child), .value p:not(:last-child){margin-bottom:15px;}
	.value svg{font-size:28px;}
	.values{gap:15px;}
	.testimonial-slider-wrap{min-height:230px;}
}
@media(min-width:768px){
	nav{display:block !important;}
	.menu > ul > li:hover .dropdown-menu{display:block;}
	.menu li a {padding: 22px;}
	.menu li a:hover{background: hsl(var(--secondary-color));color: #FFF;}
	.dropdown-item:hover{background: hsl(var(--primary-color));color: #FFF;}
	.dropdown-item{color: #FFF;padding: 10px 10px;font-weight: bold;}
	img.mb-3 {float: left;padding-right: 20px;}
}
@media(max-width:767px){
	header .container{min-height:45px;height: 100px;}



.logo img{height: 100px;}
.header-bg {height: 100px;}


	.dropdown-menu{border:0; position:static !important; transform:none !important;}
	.dropdown-item{padding:5px 15px; background-color:var(--secondary-color);}

	header .btn.btn-primary{margin-left:auto;}
	header .container nav{margin-left:0;}
	nav{position:absolute; left:0; top:100%; width:100%; z-index:99; display:none;}
	nav ul{display:block; max-width:100%;}
	nav ul li:not(:last-child){border-bottom:1px solid hsl(0,0%,100%);}
	nav ul li a{background-color:hsl(var(--light-gray-color)); padding:12px 15px; font-size:13px;}
	.hero-section{min-height:250px;}
	.bets-slide-header figure img{border-radius:8px; max-width:50px;}
	.bets-slide{padding:15px;}
	.bets-slider .swiper-slide .bets-slide{width:300px;}
	.offer-boxes{grid-template-columns:repeat(1, 1fr); min-height:100px;}
	.offer-boxes .offer-box{min-height:100px;}
	.offer-boxes .offer-box h5 br{display:none;}
	.footer-content ul li a, .footer-content p{font-size:13px;}
	.footer-content ul li:not(:last-child){margin-bottom:0;}
	.footer-content p:not(:last-child){margin-bottom:5px;}
	.footer-logo img{max-width:120px;}
	.footer-content{padding:30px 0;}
	.copyright{border-top-width:2px;}
	footer{border-top-width:4px;}
	.champion li{padding-left:20px;}
	.champion li::before{width:6px;}
	article figure{min-height:300px;}
	.champion li h5:not(:last-child){margin-bottom:5px;}
	.page-banner{min-height:250px;}
	.values{grid-template-columns:repeat(2, 1fr); gap:10px;}
	.testimonial{max-width:100%;}
	.buttons .btn:not(:last-child){margin-right:20px;}
	.article-box-header img{max-width:40px;}
	.article-box-header img:not(:last-child){margin-right:15px;}

	.view-subdomain-specific-sport-books .views-field-field-bookmaker-logo {display: none;}
	.view-subdomain-specific-sport-books td.views-field-field-offer-small-text {width: 140px;font-size:12px;}
	.view-subdomain-specific-sport-books td.views-field-field-offer-small-text h3 {font-size:14px;}
	.view-subdomain-specific-sport-books th.views-field-field-min-deposit {font-size: inherit;}
	.view-subdomain-specific-sport-books th.views-field-field-score {font-size: inherit;}

}
@media(max-width:575px){
	header .btn{min-width:auto;}	
	.hero-sectio h2 br{display:none;}
	.bets-slider .swiper-slide .bets-slide{width:280px;}
	.video-content-grid{grid-template-columns:repeat(1, 1fr); gap:15px; text-align:center;}
	.champion li{padding-left:15px;}
	.champion li::before{width:4px;}
	.page-banner{min-height:200px;}
	.section{padding:30px 0;}
	.other-section .page-section:not(:last-child){margin-bottom:30px;}
	.values{display:grid; grid-template-columns:repeat(1, 1fr);}
	.article-box{padding:25px 15px;}
}