@charset "utf-8";
/* CSS Document */

/* Roboto / Icomoon font */
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Slab');
@import url('/content/dam/generic/css/icomoon.css');

.nav-sunslots-main,
.responsible-gambling-main-slots,
.footer.footer-main-slots {display:none;}

body {font-family:'Roboto', sans-serif !important; color:#707070; font-size:14px;}
.sectionComponent section {padding:30px 0;}
.less-content {white-space:initial;}

.description-container-rte .description-content ul li {font-size:14px; margin:5px auto;}
.description-container-rte p {font-family:'Roboto', sans-serif !important;}
.description-container-rte .description-content {margin-bottom:15px;}

p.less-content {display:none;}
.divider.info-divider {width:100%; background:#eeeeee;}

pre, ul li {word-break: break-word;}

/* landing banner */
.landing-banner {height:180px; background-repeat:no-repeat; background-position-x:left; background-color:#000000;}

/* navigation */
section.navigation {padding:0;}
.navigation .container {width:100%;}

.navigation .sidenav {padding:0; margin:0;}
.navigation .sidenav li {padding: 0;margin: 0 !important;list-style: none;list-style-image: none;display: inline-block;color: #ffffff;font-size: 15px; text-transform: uppercase; width:100%;}
.navigation .sidenav li a {text-decoration:none; display:block; padding:10px 15px 10px 0;}
.navigation .sidenav li a:hover,
.navigation .sidenav li a:active,
.navigation .sidenav li a:focus {color:#f59e18;}

body.home li.grandgaming a,
body.about-us li.aboutus a,
body.become-partner li.becomepartner a,
body.find-venue li.findvenue a,
body.elevate li.elevate a,
body.csi li.csi a,
body.faq li.faq a,
body.in-news li.inthenews a,
body.contact li.contact a {color: #f59e18;}

section.nav-contact {display: none; padding: 10px 0; background-color:#000000; color:#ffffff;}
section.nav-contact .container {padding:0; margin:0 auto;}
section.nav-contact p {display:none;}
section.nav-contact a:hover {color:#ffffff;}
section.nav-contact .description-container-rte .description-content {margin-bottom:0;}

.navigation .description-container-rte .description-content {margin-bottom:0;}
.navigation p {display:none;}

.grandgaming-logo-top {padding: 15px 0; display:inline-block; max-width:120px; position:relative; z-index:100;}

.dropdown-menu {padding:0; margin:0; border:0; border-radius:0; background-color:#f59e18;}
.description-container-rte .description-content .dropdown-menu>li {width:100%; padding:0; margin:0;}
.dropdown-menu>li>a {border-bottom: 1px solid #eee; color: #000000 !important; font-size: 13px; padding: 10px !important;}
.dropdown-menu>li:last-child>a {border:0;}
.open>.dropdown-menu {position:inherit; top:0;}

body.about-us.mission-statement li.aboutus.mission a,
body.about-us.group-structure li.aboutus.structure a,
body.about-us.affiliates li.aboutus.affiliates a,
body.about-us.employment-opportunities li.aboutus.employment a,
body.about-us.internships li.aboutus.internships a,
body.about-us.learnership li.aboutus.learnership a {color: #ffffff !important;}

.caret {margin-left:5px;}

.sidenav {
    height: 100%;
		width: 300px;
    position: fixed;
    z-index: 1;
    top: 0;
		right: -300px;
    background-color: #000000;
    transition: 0.5s;
	-webkit-transition:0.5s;
}
.sidenav ul {float:right; padding:0; margin:0; width:100%; text-align:right; position:relative; top:100px;}

#mySidenav {max-width:100%; box-shadow:-10px 0 50px rgba(0,0,0,0.5); z-index:222;}

.sidenav-icon {font-size:30px; cursor:pointer; position:relative; top:20px; z-index:333;}

.sidenav.responsive {right:0;}

@media (min-width: 768px){
	section.nav-contact {display: block;}
	.sidenav .closebtn-wrap,
	.sidenav-icon {display:none;}
	#mySidenav {width:100%; box-shadow:none;}
	.navigation .sidenav {height:auto; background-color:transparent; position:absolute; width:100%;right: 15px; top: 30px;}
	.sidenav ul {width:auto; top:0; text-align:left;}
	.open>.dropdown-menu {position:absolute; top:40px;}
	.dropdown.open:after {bottom: 0;position: absolute;content: '';width: 0;height: 0;left: 0;right: 0;margin: 0 auto;border-style: solid;border-width: 0px 15px 15px 15px;border-color: transparent transparent #f59e18 transparent;}
	.dropdown-menu>li>a:hover {background-color:#f5b128;}
	.navigation .sidenav li {width:auto;}
	.navigation .sidenav li a:hover,
	.navigation .sidenav li a:active,
	.navigation .sidenav li a:focus {color:#f59e18;}
	body.home li.grandgaming a,
	body.about-us li.aboutus a,
	body.become-partner li.becomepartner a,
	body.find-venue li.findvenue a,
	body.elevate li.elevate a,
	body.csi li.csi a,
	body.faq li.faq a,
	body.in-news li.inthenews a,
	body.contact li.contact a {color: #f59e18;}
}

@media (min-width: 992px){
	.navigation .container {width:970px;}
}

@media (min-width: 1200px){
	.navigation .container {width:1170px;}
}
/* end of navigation */

/* footer */
.footer {border-top:5px solid #f59e18; background-color:#000000; color:#ffffff; padding-top:0 !important; position:relative;}

.footer .container {width:100%;}
@media (min-width: 992px){
	.footer .container {width: 970px;}
}
@media (min-width: 1200px){
	.footer .container {width: 1170px;}
}

.footer .col-left h4 {text-align:center;}
.footer .col-center h4 {text-align:center;}
.footer .col-right h4 {text-align:center;}

.copyright .description-container-rte p {font-size: 13px !important; text-align:center;}

.grandgaming-slots-circle {
    position: absolute;
    left: 50%;
    margin-left: -115px;
    top: -100px;
}

section.responsible-gambling {
    border-top: 1px solid #ffffff;
    padding-bottom: 100px;
}

@media (min-width: 768px){
.footer .col-left h4 {text-align:left;}
.footer .col-center h4 {text-align:center;}
.footer .col-right h4 {text-align:right;}
.copyright .description-container-rte p {text-align:left;}
}

.footer h4 {color:#ffffff;}
.footer p a {color:#f59e18;}

.footer .footer-nav {padding:0 0 10px 0; margin:0; border-bottom:1px solid #fff;}
.footer .footer-nav li {padding:0; margin:0; list-style:none; list-style-image:none; display:inline-block; color:#ffffff; font-size:15px;}
.footer .footer-nav li a {display:block; text-decoration:none; padding:3px 15px 3px 0; text-transform:uppercase;}
.footer .footer-nav li a:hover {color:#f59e18;}

@media (min-width: 768px){
	.footer .footer-nav {padding:0;}
	.footer .footer-nav li a {padding:10px 15px 10px 0;}
}

.footer .connect-links {padding:0; margin:0; display:inline-block;}
.footer .connect-links li {padding:0; margin:0; list-style:none; list-style-image:none; display:inline-block; color:#ffffff;}
.footer .connect-links li a {
	color:#ffffff;
	font-size:36px;
	line-height:36px;
	padding:5px; margin:5px;
	display:block;
	background:#707070;
	text-decoration:none;
	width:46px;
	height:46px;
	border-radius:50%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;}
.footer .connect-links li a span {font-size:36px; line-height:36px; display:inline-block;}
.footer .connect-links li a:hover {background-color:#f59e18; color:#000000;}

.buttonComponent.section {margin-bottom:20px;}
.buttonComponent.section a.become-a-patner {position: absolute; right: 0; top: -50px; display:none;}

@media (min-width: 768px) {
	.buttonComponent.section a.become-a-patner {display:block;}
}

/* end of footer */

h1, h2, h3, h4, h5 {margin:0 auto; padding:20px 0 10px; font-family:'Roboto', sans-serif !important; letter-spacing:0; color:#000000;}
h1 {font-size:36px; line-height:40px; color:#f59e18; text-align:left; text-transform:uppercase; font-family:'Roboto Slab', sans-serif !important;}
h1 span {color:#000000; font-family:'Roboto Slab', sans-serif !important;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:20px; line-height:24px;}
h4 {font-size:17px; line-height:21px; padding:15px 0 !important;}

p {font-size:14px !important; line-height:20px; margin:0 0 15px;}
b, strong {color:#000000;}
iframe {border:0;}

/* backgrounds */
.bg-primary {background-color:#c2341c;}
.bg-secondary {background-color:#f59e18;}


.bg-light {background-color: #f7f8f9;}
.bg-dark {background-color:#000000;}

.bg-primary div,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary p,
.bg-primary span {color:#ffffff;}

.primary-overlay {background-color:rgba(212, 56, 30, 0.65);}

/* links / buttons */
a, .btn-link {color:#f59e18;}
a:hover, .btn-link:hover,
a:focus, .btn-link:focus,
a:active, .btn-link:active {color:#000; text-decoration:none;}

.btn.btn-link {padding:10px 0 !important; margin:0 auto;}

.btn {
	border-radius:0;
	border:0;
	white-space:normal;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	}

.btn-primary {background-color:#f59e18; color:#000000; font-family:'Roboto Condensed', sans-serif;}
.btn-primary:hover {background-color:#000000; color:#f59e18; font-family:'Roboto Condensed', sans-serif;}

.btn-secondary {background-color:#f59e18; color:#ffffff;}
.btn-secondary:hover {color:#000000;}

.btn.btn-link:before {
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e915";
	font-size: 18px;
    position: relative;
    top: 3px;}

/* text color */
.text-primary {color:#f59e18 !important;}
.text-secondary {color:#eec41a}

/* default unordered list */
.page-content-main ul {padding: 0 0 0 20px; margin: 0 0 10px;}
.page-content-main ul li {list-style:none; list-style-image:none; margin-left:20px;}
.page-content-main ul li:before {
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e915";
	margin-left:-15px;
}

/* custom paddings / margins */
.nopadding-top,
.nopadding-top h2,
.nopadding-top h3,
.nopadding-top h4 {padding-top:0;}

.no-spaces, .no-spaces section {padding: 0 !important; margin: 0 auto;}

/* homepage carousel */
.small-height {height:350px;}

.carousel .owl-nav .owl-prev,
.carousel .owl-nav .owl-next {background-image:none;}

.highlightsCarousel .owl-dots .owl-dot {width:10px; height:10px; border-radius: 10px; border: 2px solid #ffffff;}
.highlightsCarousel .owl-dots .owl-dot.active {background: #f59e18;}

.owl-item .carousel-picture-info.primary-overlay {
    background-color: rgba(0, 0, 0, 0.75);
    width: 550px !important;
    display: block;
    top: 100px;
    bottom: auto !important;
    left: 20%;
    padding: 25px !important;
}

#landing-carousel {background-color:#000000; margin-bottom:0;}
#landing-carousel .container {width:100%; max-width:100%;}
.no-gutters {padding:0;}

#landing-carousel .col-xs-12.col-sm-10,
#landing-carousel .col-xs-12.col-sm-2 {width:100%; text-align:center;}

#landing-carousel .btn.btn-outline-primary {border:2px solid #ffffff; color:#ffffff;}
#landing-carousel .btn.btn-outline-primary:before {content:'Find out more'; text-transform:uppercase; color:#ffffff;}
#landing-carousel .btn.btn-outline-primary:hover {color:#000000; background-color:#ffffff;}
#landing-carousel .btn.btn-outline-primary:hover:before {color:#000000;}

#landing-carousel .carousel-picture-info {height:230px; top:30px; max-width:60%;}
#landing-carousel .carousel .owl-nav .owl-next {right:40px;}
#landing-carousel .carousel .owl-nav .owl-prev {left:22px;}

#landing-carousel h3 {font-size:18px; line-height:21px; padding:0 0 10px 0;}

.carousel-picture-info.primary-overlay div>p {height: 90px; overflow: hidden; margin-bottom: 20px;}
.carousel-picture-info p {display:none;}

@media (min-width: 768px) {
	.small-height {height:525px;}
	.carousel-picture-info p {display:block;}
	#landing-carousel .carousel-picture-info {top:100px; max-width:none;}
	#landing-carousel h3 {font-size:27px; line-height:27px; padding:20px 0 10px;}
	.carousel-picture-info.primary-overlay div>p {height: auto; overflow: visible; margin-bottom:initial;}
	#landing-carousel .col-xs-12.col-sm-2 {text-align:left;}
}

/* card component - image */
.card-caption {text-align:left;background:#ffffff;padding:0 20px 20px;margin-bottom: 20px;}
.card-caption h3 {color:#f59e18; font-weight:500;}
.item-cards-light .card-caption {
    background-color: rgba(0,0,0,0.05);
}

a.btn-block {background-color:#000000; height:190px; text-decoration:none; color:#f59e18; display:block; width:100%; text-align:center;}
a.btn-block:hover {background-color:#f59e18; color:#000000;}
a.btn-block h3 {color:#f59e18; padding-top:5px;}
a.btn-block:hover h3 {color:#000000;}

/* image / text overlay */
.image-overlay {position: relative; padding: 0; display: table; width: 100%;}

.image-overlay img {position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
.image-overlay-medium img {height:100%;}

.image-overlay-text {
	position: relative;
    top: 0;
    color: #ffffff;
    z-index: 100;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 30px; }
.image-overlay-text h2,
.image-overlay-text h3,
.image-overlay-text h4,
.image-overlay-text p,
.image-overlay-text a {color: #ffffff;}

.image-overlay-text h2,
.image-overlay-text h3,
.image-overlay-text h4 {padding-top:0;}

.image-overlay-small {height: 200px; overflow:hidden;}
.image-overlay-medium {height: 365px; overflow:hidden;}

@media (min-width: 992px) {
	.image-overlay-small {height: 170px;}
	.image-overlay-text {vertical-align:top;}
}

@media (min-width: 1200px) {
	.image-overlay-small {height: 200px;}
	.image-overlay-text h2,
	.image-overlay-text h3,
	.image-overlay-text h4 {padding-top:20px;}
}

.d-table {display:table;}
.d-table-cell {display:table-cell;}
.align-middle {vertical-align:middle;}

/* enquire block */
.enquire-block {border-left:5px solid #000000; background-color:#f59e18; display:inline-block; color:#ffffff; padding:0 20px 20px 20px;}
.enquire-block a,
.enquire-block h3 {color:#ffffff;}
.enquire-block a:hover,
.enquire-block a:hover h3 {color:#000000; text-decoration:none;}

/* faq accordion */
.faq-accordion .question-heading {padding:10px 15px; background-color:#f5f5f5; border-color:#ddd;}
.faq-accordion .question-heading:hover {cursor:pointer;}
.faq-accordion .question-heading p {color:#f59e18; padding:0; margin:0;}

.faq-accordion .expand-icon,
.faq-accordion .question-heading.collapsed .expand-icon {background-image:none; top:0; font-size:36px; line-height:36px; height:36px; width:36px; right:15px;}
.faq-accordion .expand-icon:before {
	content: "\e916";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.faq-accordion .accordion-title-container {margin-right: 50px;}

.faq-accordion .panel {margin-bottom:10px;}
.faq-accordion .panel-body {padding: 15px !important;}
.faq-accordion .panel-body-dark {background:#ffffff;}

/* articles */
.special-title {padding:15px;}
.special-title h2,
.special-title h3 {font-size:18px; color:#ffffff; padding:0; margin:0;}
.articles h3 {font-size:18px; padding-top:0;}

.border-left {border-left:5px solid #000; padding-left:15px;}

/* find a venue */
.map-marker {width: 50px; position: relative; float: right;}

/*li word break*/
li.word-break {word-break: break-word;}

.padding-top-20 {padding-top:20px;}
.padding-bottom-20 {padding-bottom:20px;}

/* landing carousel update */
body.home #landing-carousel .carousel .fluid-image-block {position:absolute;}
body.home #landing-carousel .carousel .small-height {height:180px}
body.home #landing-carousel .carousel-picture-info {top:25px; min-height:140px; padding:20px 10px !important; height:auto;}
body.home #landing-carousel .carousel-picture-info h3 {margin:0 auto; padding:0 0 10px;}
body.home #landing-carousel .owl-controls {height:0;}

@media (min-width: 481px) {
body.home #landing-carousel .carousel .small-height {height:288px}
body.home #landing-carousel .carousel-picture-info {top:70px;}
}

@media (min-width: 768px) {
body.home #landing-carousel .carousel .small-height {height:372px}
body.home #landing-carousel .carousel-picture-info {top:50px; padding:30px !important;}
body.home #landing-carousel .carousel-picture-info p {text-align:left; display:block; height:auto; margin-bottom:10px;}
}

@media (min-width: 992px) {
body.home #landing-carousel .carousel .small-height {height:450px}
body.home #landing-carousel .carousel-picture-info {top:100px;}
}

@media (min-width: 1200px) {
body.home #landing-carousel .carousel .small-height {height:525px}
}

body.home #landing-carousel .carousel .fluid-image-block img {width:100%;}