/*
Theme Name: ML Competitions
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body{
  color: #3c3c3b;
  font-family: 'Exo 2', sans-serif !important;
}
.bg-light{
	background: #FFF !important;
}
.bg-dark{
	background:#3c3c3b !important;
}
.bg-dark a{
	color:#FFF;
	text-decoration: none;
	transition: all 0.5s;
}
.bg-dark a:hover{
	color:#e30613;
}
.btn-primary{
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	border-color:rgba(227,6,19,1);
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.15em;
	color:#FFF !important;
}
.btn-primary::after{
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	content:"\f105";
	padding-left:0.25em;
}
.btn-primary:hover{
	border-color:rgba(227,6,19,1);
}
.btn-big{
	font-size:1.5em;
	margin:2em auto 0;
}
.badge{
	font-size:0.85em;
}
.bg-primary{
	background: rgb(227,6,19);
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	text-transform: uppercase;
}
h1,h2,h3,h4,h5{
	font-family: 'Exo 2', sans-serif !important;
}
h1.entry-title{
	text-align: center;
	margin-bottom: 1em;
}
h1{
	text-transform: uppercase;
	font-weight: bold;
	font-size:2.5em;
	line-height: 1em;
}
h1.large{
	font-size:8em !important;
}
h3{
	color:rgba(227,6,19,1);
	font-size:2em;
	text-align: center;
}
.element-space-padding{
	padding:3em 0;
}
a{
	color:rgba(227,6,19,1);
}
a:hover{
	color:#ccc;
}
.alertable{
	width:300px !important;
}

/* BOOTSTRAP
-------------------------------------------------- */

.card-img-top{
	width:100%;
	height:300px;
	background-size: cover;
	background-position: center;
}
/* WOOCOMMERCE
-------------------------------------------------- */
.alertable a.button.alt{
	margin-bottom:0.5em;
}
.alertable-ok{
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%) !important;
	border-color:rgba(227,6,19,1) !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	border-color:rgba(227,6,19,1);
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.15em;	
}
.input-text{
	display: block;
	padding: .375rem .75rem;
	font-size:1rem;
	background-color: #FFF;
	background-clip:padding-box;
	border:1px solid #ced4da;
	apperance:none;
	border-radius: .25rem;
}
.woocommerce-info{
	border-top-color: rgba(227,6,19,1);
}
.woocommerce-info::before{
	color: rgba(227,6,19,1);
}
ul.wc-tabs{
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	margin-top:2em;
}
ul.wc-tabs a{
	font-weight: bold;
	text-decoration: none;
	font-size:2em;
}
.woocommerce-tabs table{
	width:100%;
	margin-top:2em;
}
.woocommerce-tabs table tr td{
	padding:0.5em;
}
.woocommerce-tabs tbody tr:nth-child(2n){
	background:#DDDDDD;
}
.single_add_to_cart_button{
	text-align: center;
}
.woocommerce-Tabs-panel{
	border-top: 1px solid rgba(227,6,19,1);
}
.woocommerce-Tabs-panel h4{
	text-align: center;
	font-weight: bold;
}
.woocommerce-MyAccount-navigation ul{
	padding-left:0;
	list-style: none;
}
.woocommerce-MyAccount-navigation ul li{
	padding:0.5em 0;
	border-bottom: 1px #ccc solid;
	
}
.woocommerce-MyAccount-navigation ul li a{
	font-weight: bold;
	text-decoration: none;
}
.woocommerce-product-gallery {
position: relative;
margin-bottom: 3em
}
 
.woocommerce-product-gallery figure {
margin: 0
}
 
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}
.woocommerce-product-gallery .flex-control-thumbs{
	padding:0;
	margin:0;
}
.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
float: left;
cursor: pointer
}
 
.woocommerce-product-gallery .flex-control-thumbs img {
opacity: .5
}
 
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
opacity: 1
}
 
.woocommerce-product-gallery img {
display: block;
	width:100%;
	height: auto;
	image-rendering: crisp-edges;
}
 
.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {

}
 
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width:25%;
	padding:10px 5px 5px;
}
 
.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {

}
 
.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
z-index: 99;
}
 
a.woocommerce-product-gallery__trigger {
text-decoration: none;
}
 
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .875em;
right: .875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden;
}
 
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #169fda;
color: #ffffff;
}
 
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: #1781ae;
border-color: #1781ae;
color: #ffffff;
}
 
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0;
}
.woocommerce-invalid #checkbox-tc {
    outline: 2px solid red;
    outline-offset: 2px;
}
/* LOTTERY
-------------------------------------------------- */
.lottery-time{
	margin:1em 0;
}
.lottery-time-countdown{
	margin:auto;
	justify-content: center;
	clear:unset;
	display: flex;
	width:unset;
	max-width:240px;
}
.wc_lotery_countdown-section {
	display:block;
	position: relative;
	width:22.5%;
	float:left;
	font-size:75%;
	text-align:center;
}
.wc_lotery_countdown-section:nth-child(n+2):before {
	display: block;
	position: absolute;
	content:':';
	font-size:2em;
	left:-2px;
}
.wc_lotery_countdown-amount {
	background:linear-gradient(180deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	font-size:2.25em;
	display:inline-block;
	width:40px;
	height:40px;
	border-radius: 5px;
	font-weight: bold;
	color:#FFF;
}
.wc_lotery_countdown-period {
    display: block;
}
.wc_lotery_countdown-descr {
	display: block;
	width: 100%;
}

.counter h5{
	font-size:1em !important;
	margin-bottom:0.5em !important;
}
.counter .lottery-time-countdown{
	margin: 0 auto 0.75em;
}

.ticket-tab-bar .ticket-tab-bar-item{
	margin:0.25em;
	background:#3c3c3b;
	color:#FFF;
}
.ticket-tab-bar .ticket-tab-bar-item.ticket-tab-active{

}
.lottery-ajax-change{
	margin-top:0.5em !important;
}
.lottery-end{
	opacity:0.5;
}
.wcl-progress-meter{
	margin-top:3em !important;
}
.wcl-progress-meter .title{
	position: absolute;
	top:-100%;
	left:40%;
	font-weight: bold;
}
.pick-number ul{
	padding-left:0 !important;
}
ul.lottery-pn-answers li{
	display: inline-block !important;
	width:auto !important;
	margin-right: 0.5em !important;
	border:none !important;
	background:#ccc;
}
ul.tickets_numbers li.tn{
	margin:0.1em !important;
	border:none !important;
	background:#ccc;
}
ul.tickets_numbers li.taken{
	opacity: 0.5;
}
ul.tickets_numbers li.reserved{
	background: #f2c84cbd !important;
}
ul.tickets_numbers li.taken:hover{
	opacity: 0.5;
}
ul.tickets_numbers li.tn:hover{
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%) !important;
	color:#FFF;
}
ul.tickets_numbers li.in_cart{
	background:#C2FDB7 !important;
}
ul.tickets_numbers li.selected, ul.lottery-pn-answers li.selected{
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%) !important;
	color:#FFF;
}
.lottery-colour-graph{
	float:left;
	max-width:480px;
	display: block;
	text-align: left;
	margin:2em 0;
}
.lottery-colour-graph .colour-graph-item{
	display: block;
	padding: 2px 6px;
}
.lottery-colour-graph .colour-graph-item .inner-colour-graph-item{
	display: flex;
	align-items:center;
}
.lottery-colour-graph .inner-colour-graph-item p{
	margin:0;
	font-size:15px;
	margin-right:10px;
	text-transform: uppercase;
	width: calc(100% - 20px);
	font-weight: bold;
}
.lottery-colour-graph .inner-colour-graph-item div{
	width:20px;
	height:20px;
}
#ticket-numbers, #participate-btn{
	opacity:0.5;
	pointer-events:none;
	cursor:not-allowed;
}
#ticket-numbers.enable, #participate-btn.enable{
	opacity: 1;
	pointer-events:unset;
	cursor:pointer;
}
.lottery-question{
	font-weight: bold;
	font-size:1.5em;
	text-align: center;
}
ul.lottery-pn-answers{
	text-align: center;
}
.alertable .button{
	font-size:0.85em !important;
}
button.button:hover{
	opacity: 0.5 !important;
}
/* NAVBAR
-------------------------------------------------- */

.navbar{
	font-size:1.5em;
	font-weight: bold;
	text-transform: uppercase;
	background:#3c3c3b;
}
.sub-nav{
	background: rgb(227,6,19);
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	padding:0.5em 0;
	font-size:0.75em;
	color:#FFF;
}
.sub-nav .sub-item{
	display: inline-block;
	padding-left:0.5em;
}
.sub-nav a{
	color:#FFF;
	text-decoration: none;
}
.navbar-brand{
	padding:1em 0;
}
.navbar-brand img{
	width:60%;
}
.navbar-nav{
	margin-left:auto;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .dropdown-item:hover{
	color:#A2A2A2 !important;
}
.navbar-light .navbar-nav .nav-link.active{
	color:#e30613 !important;
}
.navbar-light .navbar-nav .nav-link{
	color:#FFF !important;
}
.navbar-light .navbar-toggler{
	border:2px solid #3c3c3b;
}
.navbar i.fa-dropdown{
	float:right;
}
.navbar .fa-angle-right:before{
	content:"\f105";
}
.nav-link::after{
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	content:"\f105";
	margin-left:.255em;
	float:right;
}
.dropdown-toggle::after{
font-family: "Font Awesome 5 Free"; font-weight: 900;
	content:"\f107";
	border:none;
	vertical-align: 0;
}
.dropdown-menu {
	border:none;
	font-size:1em;
	background:none;
}
.dropdown-item{
	padding:0.3em 0 !important;
	font-weight:600 !important;
	color:#FFF;
}
.dropdown-item:hover{
	background:none;
}
.navbar-light .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 5rem;
  z-index: 10;
}
.carousel-gradient{
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
}

.carousel .badge{
	margin-bottom: 0.5em;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-position: center;
  background-size: cover;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
.carousel h1{
	margin:0;
	line-height: 1em;
}
.carousel h2{
	margin-bottom:0.75em;
}
.carousel h2 span{
	font-weight:bold;
}
.carousel h1, .carousel h2{
	text-shadow: 0 0 5px #000;
}

/* FEATURES BAR CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */

.features-bar{
	background: #3c3c3b;
	padding:3em 0;
	color:#FFF;
	text-align: center;
	line-height: 1.3em;
}
.features-bar .feature-icon{
	background: rgb(227,6,19);
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
    width: 125px;
    height: 125px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
	padding-top:0.2em;
}
.features-bar h1{
	margin-bottom: 1em;
}
.features-bar h2{
	text-transform: uppercase;
	font-weight: bold;
	margin:0.75em auto 0.1em;
	font-size:1.25em;
}

/* FEATURES ITEMS BAR CONTENT
-------------------------------------------------- */

.featured-items{
	text-align: center;
	margin:2em auto;
}
.featured-items h1{
	margin-bottom: 1em;
}

/* FEATURED POSTS STYLING
-------------------------------------------------- */
.winner-posts{
	background: #ccc;
	text-align: center;
	color:#3c3c3b;
}
.winner-posts a{
	text-decoration: none;
}
.winner-posts h1{
	color:#3c3c3b;
}
.winner-posts .card{
	color:#3c3c3b;
	border:none;
}
.winner .card h5{
	font-weight: bold;
}


/* SHOP ITEM STYLING
-------------------------------------------------- */

.shop-wrapper{
	background:#ccc;
	text-align: center;
	padding: 2em 0;
}
.shop-wrapper h1{
	margin-bottom:1em;
}
.shop-item{
	box-shadow: 0 0 0.75em 0.25em #AFAFAF;
	border:none;
	position: relative;
	z-index: 1;
	margin-bottom: 1em;
	text-align: center;
}
.shop-item a{
	text-decoration: none;
	color:#3c3c3b;
}
.shop-item a:hover{
	color:#3c3c3b;
}
.shop-item h5{
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.75em;
	margin-bottom:0;
}
.shop-item .card-text{
	font-size:1.25em;
}
.shop-item .badge{
	position: absolute;
	z-index: 2;
	top:10px;
	left:10px;
}

/* WOO LOTTERY
-------------------------------------------------- */
.shop-timer-wrapper{
	width:100%;
	margin:0.5em 0;
}
.shop-timer-container{
	margin:auto;
	justify-content: center;
	clear:unset;
	display: flex;
	width:unset;
	max-width:240px;
}
.shop-timer-section{
	display:block;
	position: relative;
	width:22.5%;
	float:left;
	font-size:75%;
	text-align:center;
}
.shop-timer-display{
	background:linear-gradient(180deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	font-size:2.25em;
	display:inline-block;
	width:40px;
	height:40px;
	border-radius: 5px;
	font-weight: bold;
	color:#FFF;
}
.shop-timer-section:nth-child(n+2):before {
	display: block;
	position: absolute;
	content:':';
	font-size:2em;
	left:-2px;
}


/*
.lottery-time-countdown{
	width:60%;
}
.lottery-time-countdown .wc_lotery_countdown-section{
	background:linear-gradient(180deg, rgba(227,6,19,1) 0%, rgba(203,7,103,1) 100%);
	font-size:1.25em;
	padding:0.25em;
	border-radius: 5px;
	font-weight: bold;
	color:#FFF;
	margin-right:0.5em;
}
/* SINGLE ITEM PAGE
-------------------------------------------------- */
.single-item-wrapper{
	padding: 2em 0;
}
.single-item-wrapper h1{
	font-size:3em;
	text-align: center;
	margin-top:0.5em;
}
.single-item-wrapper h2{
	font-size:2em;
	text-align: center;
	margin-top:0;
	color:rgba(227,6,19,1);
}
.single-item-wrapper h5{
	text-transform: uppercase;
	font-size:1em;
	font-weight: bold;
	text-align: center;
}
.single-item-wrapper .badge{
	font-size:1.25em;
	margin: 0 auto 0.75em;
	display: table;
}
.single-item-wrapper ul{
	padding-left:1rem;
}
.single-item-wrapper .shop-timer-wrapper{
	margin:2em 0;
}
.single-item-wrapper .shop-timer-container{
	margin:0 auto;
	font-size:1.5em;
	max-width:300px;
}
.single-item-wrapper .shop-timer-display{
	width:55px;
	height:55px;
}


/* PAGINATION
-------------------------------------------------- */
.page-navigation{
	margin-bottom:2em;
}

/* FOOTER
-------------------------------------------------- */

footer.page-foot{
	background:#3c3c3b;
	color:#FFF;
	padding:2em 0;
}
footer.page-foot .foot-logo{
	width:30%;
}
footer.page-foot h5{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.2em;
	color:rgba(227,6,19,1);
}
footer.page-foot p.small-print{
	font-size:0.75em;
}
ul.social-icons{
	list-style: none;
	padding:0;
}
ul.social-icons li{
	display: inline-block;
	font-size:1.5em;
	padding-right: 0.5em;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
	.single_add_to_cart_button{
		text-align: left;
	}
	h3{
		text-align: left;
	}
 	.navbar{
  		font-size:1.2em;
	}
	.navbar i.fa-dropdown{
		padding:6px 0 0 3px;
	}
	.sub-nav{
		font-size:1em;
	}
	.dropdown-menu{
		background:#646463;
		padding:0.5em;
		width:275px;
		margin-top:0;
	}
	.dropdown-item{
		font-size:0.75em;
	}
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
	.single-item-wrapper h1, .single-item-wrapper h2, .single-item-wrapper h5{
		text-align: left;
	}
	.single-item-wrapper h1{
		margin-top:0;
	}
	.single-item-wrapper .badge{
		margin: 0 0 0.75em;
	}
	.single-item-wrapper .shop-timer-container{
		margin:0;
	}
	.lottery-time-countdown{
		margin:0;
	}
	.lottery-colour-graph{
		float:right;
		text-align: right;
		margin:0;
	}
	.lottery-question{
		text-align: left;
	}
	ul.lottery-pn-answers{
		text-align: left;
	}
	.nav-link::after{
		float:none;
	}
	.navbar .menu-item{
		padding-left: 1em;
	}
}

@media (min-width: 1200px) {
	.navbar-brand img{
		width:60%;
	}
 	.navbar{
  		font-size:1.5em;
	}
	.dropdown-menu{
		width:350px;
	}
}