@charset "UTF-8"; 

header {
	background-color: #000;
	text-transform: uppercase;
}

.logo .leicester-logo {
	height: 30px;
	margin-left: 15px;
}
.logo .leicester-logo:not(:lang(cs)):not(:lang(en)):not(:lang(ch)) {
    margin-left: -6px;
}

.logo img {
	max-width: 100px;
}

.header-landingpageLog {
	margin-right: auto;
}

.header-landingpageLogo img {
	max-height: 40px;
}

.pragmatic-logo {
    position: relative;
    margin-left: 5px;
    width: 100px; /* Default size */
    height: auto; /* Maintain aspect ratio */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pragmatic-logo {
        width: 80px; /* Smaller on tablets */
    }
}

@media (max-width: 480px) {
    .pragmatic-logo {
        width: 60px; /* Even smaller on mobile */
    }
}






.icon-bar {
	border: 2px solid #fff;
	width: 30px;
	display: block;
	margin: 0 0 3px 0;
	border-radius: 10px;
}

.navbar-toggler:focus {
	outline: none;
}
.navbar-nav {
	align-items: center;
}
li.nav-item {
	font-size: 14px;
}
.nav-mainItem {
	margin: 0 1em;
	font-size: 14px;
}
.nav-mainItem a {
	color: #a678f7;
	text-align: center;
	display: inline-block;
	text-decoration: none;
}
.nav-mainItem a:hover, .nav-mainItem a.active {
	color: #fce442;
	text-decoration: none;
}
.nav-mainItem a span {
	display: block;
}
.dropdown-menu a {
	color: #fff;
	font-size: 14px;
}
.dropdown-menu {
    background-color: #000;
}

.nav-item .lang-ch {
	background: url('../images/flags.png') no-repeat -1px 4px;
	width: 26px;
	height: 26px;
	display: block;
	float: left;
	margin: 0 10px 0 0px;
}


.offcanvas .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 3.5rem 0.25rem 1.2rem;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #222;
}

.navbar-expand-lg .nav-link { 
	padding: 0 1rem;
	display: flex;
    align-items: center;
}


/*no otherLinks nav*/
.no-otherLinks-nav .nav-link,
.no-otherLinks-nav .dropdown-menu a {
  font-size: 12px;
}

.no-otherLinks-nav .livechat-btn {
  font-size: 12px;
	padding: 3px 6px;
	width: auto;
}

.no-otherLinks-nav .navbar-nav .dropdown-menu {
  left: auto;
  right: 0;
}
/*no otherLinks nav*/


/* OFF Canvas Responsive View */
.navbar .offcanvas.offcanvas-end {
  top: 57px;
  max-width: 0 !important;
  transform: translate(0) !important;
  transition: 0.3s all ease-in-out;
  align-items: baseline;
}
.navbar .offcanvas.offcanvas-end > * {
  min-width: 310px;
}
.navbar .offcanvas.offcanvas-end.show {
  max-width: 310px !important;
}




/* RWD for header */

@media screen and (max-width: 320px) {
	.logo .leicester-logo {
		height: 30px;
	}
	.header-landingpageLogo img {
		max-height: 30px;
	}
	.no-otherLinks-nav .navbar-nav li:first-child {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1199px) {
  .offcanvas-body .nav-mainItem {
    margin: 0;
  }
}

@media screen and (min-width: 320px)  and (max-width: 1199px) {
	header > .container {
	  max-width: none;
	}
  
	/* Header menu sidebar Start*/
	.navbar {
	position: initial;
        display: flex;
        align-items: center;
        justify-content: space-between;
	}
  
	.navbar-collapse {
	  padding: 0;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	  position: absolute;
	  top: 57px;
	  width: 310px;
	  background: #000;
	  right: 0;
	  overflow-x: hidden;
	  overflow-y: auto;
	  z-index: 3;
	}
  
	.livechat-btn {
	  width: 250px;
	  padding: 3px 20px;
	}
  
	.navbar-nav {
	  padding: 10px 0px 60px;
	}
  
	.navbar-nav li {
	  border-bottom: 1px solid #2c2c2c;
	  width: 100%;
	  padding: 10px 2em;  
	}
	.navbar-nav .nav-mainItem a span {
	  display: inline-block;
	}
  
	.nav-link {
	  padding: 0;
	}
  
	.collapse.show {
	  visibility: visible;
	}
  
	.collapsing {
	  visibility: visible;
	  height: 0;
	  -webkit-transition-property: height, visibility;
	  transition-property: height, visibility;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
  
	.collapsing.width {
	  -webkit-transition-property: right, visibility;
	  transition-property: right, visibility;
	  right: -310px !important;
	  height: 100%; 
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
  
	.collapse.width {
	  height: 100%;
	  -webkit-transition: right 300ms ease;
	  -moz-transition: right 300ms ease;
	  -o-transition: right 300ms ease;
	  transition: right 300ms ease;
	}
  
	.navbar-expand-lg {      
	  justify-content: space-between;
	}
  
	.navbar-expand-lg .navbar-nav {
	  -ms-flex-direction: column;
	  flex-direction: column;
	  margin-right: 0 !important;
	  margin-left: 0 !important;
	  width: 100%;
	}
	
	.navbar-expand-lg .nav-link {
	  padding: 0;
	}
  
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	  position: static;
	}
  
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid,
	.navbar-expand-lg>.container-lg,
	.navbar-expand-lg>.container-md,
	.navbar-expand-lg>.container-sm,
	.navbar-expand-lg>.container-xl {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	}
	
	.navbar-expand-lg .navbar-collapse {
	  align-items: baseline;
	}
	.navbar-expand-lg .navbar-collapse.collapse:not(.show) {
	  display: none !important;
	}
  
	.navbar-expand-lg .navbar-toggler {
	  display: block;
	}
	.header-landingpageLogo {
	  margin-right: auto;
	}
	/* Header menu sidebar End*/
  
	/*no otherLinks nav*/
	.no-otherLinks-nav {
		width: calc( 100% - 116px);
	}
	.no-otherLinks-nav .navbar-nav {
	  flex-direction: row;
	  flex-wrap: wrap;
	  padding: 0;
	  justify-content: flex-end;
	}
	.no-otherLinks-nav .navbar-nav li {
	  border: 0;
	  padding: 0 0 0 10px;
	  width: auto;
	}
	.no-otherLinks-nav .navbar-nav li:first-child {
	  padding-left: 0;
	}
	.no-otherLinks-nav .navbar-nav .dropdown-menu {
	  position: absolute;
	}
	.no-otherLinks-nav .nav-item .lang {
	  margin-right: 5px;
	}

	 /*no otherLinks nav*/
}

@media screen and (min-width: 991px) {

	/*no otherLinks nav*/
  .no-otherLinks-nav .livechat-btn {
    width: auto;
    padding: 3px 14px;
  }
  /*no otherLinks nav*/

}

@media screen and (min-width: 1200px) {
	header {
		z-index: 1;
    position: relative;
	}
	
	li.nav-item {
		margin: 0 0.5em;
	}
	.logo img {
		max-width: 150px;
	}
	.logo .leicester-logo {
		height: 40px;
	}	
	.header-landingpageLog img {
		max-height: 62px;
	}

	.no-otherLinks-nav .livechat-btn, 
	.no-otherLinks-nav .nav-link, 
	.no-otherLinks-nav .dropdown-menu a {
		font-size: 14px;
	}

	.header-landingpageLogo img {
		max-height: 56px;
	}
  .navbar .offcanvas.offcanvas-end {
    max-width: 100% !important;
    transition: 0s all ease-in-out;
  }
}

@media screen and (min-width: 1200px) {
	header > .container {
		max-width: 1190px;
	}
}




/* General Button Style */
.livechat-btn {
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    background-color: #830b7c; /* Button background color */
    color: #fff;
    font-size: 16px;
    font-weight: normal; /* Make text not bold */
    text-transform: uppercase;
    border: none; /* Remove yellow border */
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

/* Create the shine effect */
.livechat-btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.4);
    animation: shine 2s infinite;
}

/* Animation for diamond shine effect */
@keyframes shine {
    0% {
        transform: rotate(45deg) translateX(-100%) translateY(-100%);
    }
    50% {
        transform: rotate(45deg) translateX(100%) translateY(100%);
    }
    100% {
        transform: rotate(45deg) translateX(-100%) translateY(-100%);
    }
}