@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lemon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');


/*** 
Left Header Gradient: 		255, 255, 255
Right Header Gradient:		255, 255, 255
***/


/*.transp-bg-left {*/
/*background: rgb(255, 255, 255);  Old browsers */
   
/*}*/
/*.transp-bg-right {*/
/*background: rgb(255, 255, 255);  Old browsers */
   
/*}*/

.transp-bg-left {
background: rgb(255, 255, 255); /* Old browsers */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.transp-bg-right {
background: rgb(255, 255, 255); /* Old browsers */
    background: linear-gradient(to left, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 1) 35%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1100px) and (max-width: 1500px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}

@media only screen and (min-width: 800px) and (max-width: 1099px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 1) 5%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}


/* Header Bottom Border */
.main-header {
	border-bottom: 2px solid #930f10;	
}




/* Print Button Gradient */
.print-newsletter {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#930f10+0,9b3c3e+100 */

background: rgb(147,15,16); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(147,15,16,1) 0%, rgba(155,60,62,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(147,15,16,1)), color-stop(100%,rgba(155,60,62,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(147,15,16,1) 0%,rgba(155,60,62,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(147,15,16,1) 0%,rgba(155,60,62,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(147,15,16,1) 0%,rgba(155,60,62,1) 100%); /* IE10+ */

background: linear-gradient(45deg,  rgba(147,15,16,1) 0%,rgba(155,60,62,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930f10', endColorstr='#9b3c3e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

/* Print Button Hover Gradient */
.print-newsletter:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b3c3e+0,930f10+100 */

background: rgb(155,60,62); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(155,60,62,1) 0%, rgba(147,15,16,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(155,60,62,1)), color-stop(100%,rgba(147,15,16,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(155,60,62,1) 0%,rgba(147,15,16,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(155,60,62,1) 0%,rgba(147,15,16,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(155,60,62,1) 0%,rgba(147,15,16,1) 100%); /* IE10+ */

background: linear-gradient(45deg,  rgba(155,60,62,1) 0%,rgba(147,15,16,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b3c3e', endColorstr='#930f10',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


/* Top Icon Colour */
.top-menu.wrapper li a, .top-menu.wrapper li i {
    color: #ffffff;
}

/* Top Icon Hover Colour */
.top-menu.wrapper li:hover a, .top-menu.wrapper li:hover i {
    color: #ffffff;
}


/* Print Button Text Colour */
.fixed-menu .print-newsletter span, .fixed-menu .print-newsletter i {
    color: #ffffff;
    text-shadow: none !important;
}

.sidepanel.left p.ImageCenter img {
    background: -moz-linear-gradient(center top , #fff, #dfdfdf 50%, #cecece) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

.main-nav li {
    text-shadow: none !important;
}
.main-nav li:hover, .main-nav li.active {

}

.Heading1Center, .Heading2Center, .Heading3Center, .Heading1Left, .Heading2 {
    font-family: 'Lemon', cursive;
    text-transform:uppercase;
    font-style: normal !important;
}

.mobile-sponsors .Heading1Section, .bg-gradient, #Offline .Heading1Section {
    background: #124578;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(22, 72, 122)), color-stop(100%,#577fa7));
    background: -webkit-linear-gradient(45deg, rgb(22, 72, 122) 0%,#577fa7 100%);
    background: linear-gradient(45deg, #124578 0%,#577fa7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124578', endColorstr='#577fa7',GradientType=1 );
}

.main-bg, .bg-main, input.btn, button.btn, a.btn, #Offline .ColourTable, .colourBox, .hover-main-bg:hover {
    background-color: #124578 !important;
}


body {
    color: #09315a;
}

#Offline .Heading2, #Offline .Heading2Left, #Offline .Heading2Center, #Offline .Heading2Right {
    text-shadow: none;
}

.main-content {
    background-color: rgba(234, 245, 255, 0.8);
}

article.newsletter-content.left.newsletter-wrap {
    background-color: #eaf5ff;
}

p.Heading1Center {
    color: #124578 !important;
}

#Offline .borderDiv, .borderBox {
    border-color: #124578 !important;
}

@media only screen and (max-width: 900px) {
.newsletter-content, .page-content {
    background-color: #eaf5ff;
  }
}