@charset "UTF-8";
/*******************************************************/
/*******  SAMPLE USER CSS                           ****/
/*******  Rename to user.css to take effect         ****/
/*******************************************************/


/* make page container wider than 1320 for large screens*/
/*@media (width >= 1650px) {
  .container {
    max-width: 1600px; 
  }
}*/


@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(''), url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'), url('../fonts/montserrat-v23-latin-regular.woff') format('woff');
	}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''), url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), url('../fonts/roboto-v29-latin-700.woff') format('woff');
	}

:root { /*Set Template Colours */
	--primary: #386E24;
	--secondary: #6c757d;
	--success: #198754;
	--info: #0dcaf0;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #212529;
	--black: #000;
	--blue: #9ACAEB;
	--darkblue: #424077;					 
	--brown: #983923;	
	--indigo: #6610f2;
	--purple: #6E295B; 
	--pink: #d63384;
	--red: #dc3545;
	--orange: #FB6640;   
	--yellow: #F9A61A;
	--light-yellow: #FFFF99;
	--green: #88A56A; 
	--darkgreen: #60A510; 
	--teal: #20c997;
	--cyan: #0dcaf0;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #222222;	
	--gray-100: #f8f9fa;
	--gray-200: #e9ecef;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6c757d;
	--gray-700: #495057;
	--gray-800: #343a40;
	--gray-900: #212529;
	
	--link-color: var(--black);
	--hover-color: #FB6640;
	
	--body-font: Montserrat, "Arial", sans-serif;
	--body-font-weight: 400;
	--body-font-size: 16px;
	--body-color: var(--black);
	--body-letter-spacing: unset;

	
	--title-font: 'Montserrat', sans-serif;
	--title-font-weight: 700;
	--title-color: var(--green);
	--title-letter-spacing: unset; 

}	

h1,h2,.componentheading, .contentheading{
}

h3 {
}

h4{
}

.btn-primary, .btn-default {
	color: var(--yellow);
	border-color: var(--yellow);
	background-color: var(--white);
}

.btn-primary:hover, .btn-default:hover  {
	color: var(--hover-color);
	border-color: var(--hover-color);
	background-color: var(--white);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--white);
    pointer-events: none;
    opacity: 0.65; 
}

/*************************/
/* Layout Table Settings */
/*************************/
#wrapper_header{
	/* display: flex; */
	background-color: var(--white);
	padding-top: 0px;
}

#wrapper_menu{
	background-color:var(--white);
}

#admin_menu {
	background-color: var(--white);
}

#wrapper_slideshow{ 
	background-color: var(--white);
}

#main_container{
}

#wrapper_bottom_b{ 
	margin-top: 20px;
	background-color: var(--gray-200);
 }

#wrapper_bottom_b img{ 
	padding: 10px;
	background-color:var(--white);
 }


#wrapper_footer{
		margin-top:10px;
	background-color:var(--gray-dark);
	color:var(--gray-200);
}

#wrapper_footer h3 {
	color:var(--white);	
}

#wrapper_footer h4 a{
	color:var(--white);
	font-size: 16px;
	
}						  
#wrapper_footer h4 a:hover{
	color:var(--yellow);
}


#footer_row{ }

.footer {
	background: var(--darkgrey);
	}

/**************/
/* Slideshows */
/**************/
/* Note: use units vw to scale with the viewport width */

.carousel-caption {
	/*display:none !important;*/
}


div.slide_title{	
}

div.slide_description{	
}


div.overlay_text{
}



/**************************/
/*          Menus         */
/**************************/
.navbar-toggler{
	color:var(--black);
	border: 1px solid var(--black);	
}

/* Top Level */
.nav-item a {
	font-size: 16px;
	color:var(--black); 				
}

/* Top Level Active*/
.nav-item.active a{
 	color:var(--yellow);
}

/* Top Level Hover*/
.nav-item a:hover,
.nav-item a:focus{
}

/* Dropdown Box */
.dropdown-menu {
}
	
/* Dropdown Item */
.dropdown-menu .nav-item a{
}
	
/* Dropdown Item Hovered*/
.dropdown-menu .nav-item a:hover{
}

	
#admin_menu .nav-item a{
}

/***************/
/* Feature Box */
/***************/
div.featurebox {
}

div.featurebox ul{
}

div.featurebox li{
}

div.featurebox_blue {
}

/***************/
/* Highlight Box */
/***************/

div.highlight {
}

div.highlight-orange {
}

.blue-wrapper{
}

.white-box{
}
/*********************/
/* VIDEO LIST        */
/*********************/
 h3.category_header {
	background: var(--yellow);
	padding:10px;
	font-weight:bold;
 }
 
 div.videolist_length {
	display:inline;
	float:right;
 }
 
 div.videolist_publishdate {
	display:inline;
 }					
/* Miscellaneous  */
.rounded_10 {
	border-radius:10px;
}

.com-content__filter.btn-group {
	margin-bottom:10px;
}

a.icon {
	background-color:var(--yellow);
	color:var(--white);
	display: inline-block;
	text-align:center;
	width:50px;
	height:50px;
	padding:10px;
	margin:5px;
	font-size:22px;
	border-radius: 50%;
}

a.icon:hover{
	background-color:var(--orange);
}




/* Page Banners */
div.pageheader {
	background-image: url(../../../../../images/page_banners/media_banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height:400px;
	padding-top:20px;
}

div.pageheader h2 {
	color: var(--yellow);
	background-color: rgba(0, 0, 0, 0.7);
	padding:10px;
	padding-left:10%;
	padding-right:10%;
	display:inline;
}

div.pageheader.mediarelease{
	background-image: url(../../../../../images/page_banners/media_banner.jpg);
}

div.pageheader.videos{
	background-image: url(../../../../../images/page_banners/video_banner.jpg);
}

div.pageheader.contact{
	background-image: url(../../../../../images/page_banners/contact_banner.jpg);
}

div.pageheader.tickets{
	background-image: url(../../../../../images/page_banners/media_banner.jpg);
}