@charset "UTF-8";

/* 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: #9c8468;	/* OW */
	--darkgreen: #60A510; /* RFMC */
	--indigo: #6610f2;
	--purple: #6E295B; /* RFMC */
	--pink: #d63384;
	--red: #FF0000;
	--orange: #FC992B;   /* OW */
	--yellow: #F9A61A;
	--light-yellow: #FFFF99;
	--green: #6F9D36; /* OW */
	--teal: #20c997;
	--cyan: #0dcaf0;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #222222;	/* OW */
	--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(--green);
	--hover-color: #FB6640;
	--gradient: linear-gradient(90deg, var(--darkgreen), #2e591d);
	
	--body-font: "Montserrat", sans-serif;
	--body-font-weight: 400;
	--body-font-size: 18px;
	--body-color: var(--black);
	
	--title-font: "Special Elite","Arial", sans-serif;
	--title-font-weight: 700;
	--title-color: var(--orange);
}

	   
body{ /* Page and Editor body */
	font-family: var(--body-font);
	font-weight: var(--body-font-weight);
	font-size: var(--body-font-size);
	color: var(--body-color);
}

#body { /* Page body */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: flex;  /* setup flex container with child flex */
	flex-direction: column; /* vertical flex items - ie: to fill height */
	height: 100vh; /* set page to fill 100% viewport height*/
}

.table, th, td {
	color: var(--body-color) !important;
}

h1,h2,.componentheading, .contentheading{
	font-family: var(--title-font);
	font-weight: var(--title-font-weight);
	font-size: 36px;
	color: var(--title-color);
 	margin-bottom:1em;
}

h3 {
	font-family: var(--title-font);
	font-size: 26px;
	margin-top:20px;
	margin-bottom:20px;
	color:var(--black);
}

h4 {
	font-family: var(--body-font);
	font-size: 18px;
	font-weight: bold;
	color:var(--black);
}

.btn-primary, .btn-default {
	color: var(--link-color);
	border-color: var(--link-color);
	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; 
}
.lead-2{
	font-size:36px;
	color:var(--ow-darkblue);
}

.lead-3 {
	font-size:30px;
	color:var(--ow-darkblue);
}
a {
	color:var(--link-color);
	text-decoration: none;
}

a:hover{
	color:var(--hover-color);
}

h4 > a{
	color:var(--link-color);
}

h3 > a{
	color:var(--link-color);
}


a img{
	text-decoration: none;
	max-width:100%;
}

img{
	border: 0;
	max-width:100%;
}

/*************************/
/* Layout Table Settings */
/*************************/
#wrapper_header{
	/* display: flex; */
	padding-top: 10px;
	margin: 0;
	position:relative;	
	vertical-align:top;
	margin-top:0px;
	margin-bottom:0px;
	z-index:10;
	background-color: var(--black);
}

#header_row{ }

#logo_div {
	}

.logo {
	background: var(--white);
	padding: 5px;
	border-radius: 10px;
	}

a.navbar-brand{
	padding:5px;
	padding-right:20px;
	height:inherit;
}


.header_text{
	font-family: var(--body-font);
	font-size: 32px;
	font-weight: bold;
	color: #000;
	margin-bottom:0px;
}

.header_subtext{
	font-family: var(--title-font);
    font-size: 28px;
	color: #A4587E;
	margin-bottom:0px;
}

.header_phone{
	font-size: 22px;
	font-weight: bold;
	margin-left:70px;
	display:inline-block;
	color:var(--white);
}

.contact_header{
	color: var(--black);
	padding: 0px;
	text-align:right;
}
.contact_header a{
	color: var(--link-color);
}
.contact_header a:hover{
	color: var(--hover-color);
}
.contact_phone {
	clear:right;
	font-size: 32px;
}

/* CSS to break out the of the BS Container 
   - used for 100% wide wrapper backgrounds */
.break-container {
	width:100vw;  /* Break Container */
	position:relative; /* Break Container */
	left:calc(-1 * (100vw - 100%)/2); /* Break Container */
}

#wrapper_menu{
    background-image: url('../images/menu_bkgd.jpg');
    background-repeat: repeat;
    background-position: top center;
	border-top: rgba(0,0,0,.7) 5px solid;
	border-bottom: rgba(0,0,0,.7) 5px solid;
}

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

#wrapper_top{ }

#top_row{ }
 
#wrapper_main{
	padding-top:0.5em;
	flex: 1; 		/* Stretch this wrapper to makeup page height */
}

#main_container{ 
	background-color: var(--white);
	margin-top: 10px;
	padding-top: 20px;
	border-radius: 10px;
}

#main_row{ 
}
 
#left_column{
	vertical-align:top;
}

#main_column{
	vertical-align:top;
}

#right_column{
	color: var(--darkgrey);
	vertical-align:top;
}

#bottom_row{
	text-align:center;	
	font-size:10px;
}

#wrapper_bottom_a{ 
}

#wrapper_bottom_b{ 
	padding:20px;
	background-color: var(--gray-100);
 }

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

#footer_row{ }

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

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


/*Icons*/
[role=tooltip] {
	display:none;			 
}

.choices__button_joomla {				
	display:none;			
}
.icon-cog::before{
	content:"\e065";
}

.icon-calendar, .icon-cog{
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}


a.icon {
	color:var(--link-color);
	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(--hover-color);
}

/**************/
/* Slideshows */
/**************/
/* Note: use units vw to scale with the viewport width */
div.organicslider_wrapper  {
	margin-top:10px;
	background-repeat: no-repeat;
	background-position: center center;	
	z-index:1;
}

.carousel-item img{
/*	border-radius:10px; */
}

.carousel-caption {
	bottom:0;  /* 0 for bottom aligned, none for top */
	top:none;
	background-color: rgba(0, 0, 0, .25);
	left:0; /* was %15 */
	right:0; /* was %15 */
	padding-right:5%;
	padding-left:5%;
	padding-bottom:40px;
}


div.slide_title{	
	color: var(--yellow);
	font-size: 2vmin;
	font-weight:bold;
	line-height:normal;
	text-align:left;
}

div.slide_description{	
	color: var(--white);
	font-size: 4vmin;
	line-height:normal;
	text-align:left;
}


div.wrapper_overlay_text {
	z-index:2;
	position: absolute;
	right:0;
	left:0;
	display: flex;
	justify-content: center;
}

div.overlay_text{
	color: var(--white);
	font-size: 2vw;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;
	color:#FFF;
	float:left;
	max-width:800px;
}


	
/**************************/
/*          Menus         */
/**************************/

/* Toggle Button */
.navbar-toggler{
	font-family: var(--title-font);
	color:var(--gray-dark);
	border: 1px solid var(--link-color);	
	padding:10px;
	margin-bottom:20px; 
}

/* Top Level */
.nav-item a {
	font-family: var(--title-font);
	font-size: 22px;
	color:var(--gray-dark);
	text-transform: uppercase;
	border-bottom: #1E1915 2px solid;
	text-shadow: 0px 1px 1px #4d4d4d;
	padding-left:20px !important;
	padding-right:20px !important;
}

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

/* Top Level Hover*/
.nav-item a:hover,
.nav-item a:focus{
	color:var(--brown);
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	border-radius:5px;
}

/* Dropdown Box */
.dropdown-menu {
	background-color: var(--white);
	}
	
/* Dropdown Item */
.dropdown-menu .nav-item a{
	font-size: 16px;
	color: var(--link-color);
	}
/* Dropdown Item Hovered*/
.dropdown-menu .nav-item a:hover{
	font-size: 16px;
	color: var(--hover-color);
	}

/* Admin Menu */
	
#admin_menu {
	background-color: var(--white);
}
	
#admin_menu .nav-item a{
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color:var(--black);
	border:none;
	text-shadow: none;
	}

#admin_menu .moduletable{
	text-align: center;
}

#admin_menu .mod-menu{
	display:inline;
}
#admin_menu .mod-menu li{
	display:inline-block;
}

/***************/
/* Login page */
/***************/
div.com-users-login {
	margin-top: 30px;
}

div.com-users-login__input,
form.mod-login div.input-group {
	margin-top:20px;
	margin-bottom:20px;
}

div.com-users-login__options,
ul.mod-login__options {
	display:none;
}

button.plg_system_webauthn_login_button {
	display:none;
}

button.input-password-toggle {
	margin-top:0;
	margin-bottom:0;	
}


/* Ignite Gallery */
.ig_grid_cell {
	min-height: 330px;
}
.ig-thumb-text_below {
	min-height: 100px;
    font-size: 14px;
}

/* Feature Box */
div.featurebox {
	font-size: 24px;
	color: var(--white);
	background-color: var(--green);
	padding: 20px;
	border-radius: 10px;
	margin-bottom:20px;
}

div.featurebox ul{
	padding-left:0px;
}

div.featurebox li{
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:40px;
	list-style-type: none;
	min-height:50px;
	margin-bottom:10px;
}

div.featurebox_blue {
	background:var(--blue);
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;
}

/* Highlight Box */
div.highlight {
	font-family: var(--title-font);
	font-weight: var(--title-font-weight);
	font-size: 36px;
	background-color: var(--light-yellow);
	padding: 40px;
	padding-top:40px;
	padding-bottom:20px;
	width: 100%;
	border-radius: 10px;
	margin-bottom:40px;
	overflow: hidden;
	
}


div.highlight-orange {
	font-family: var(--title-font);
	font-weight: var(--title-font-weight);
	font-size: 36px;
	background-color: var(--orange);
	padding: 40px;
	padding-top:40px;
	padding-bottom:20px;
	width: 100%;
	border-radius: 10px;
	margin-bottom:40px;
	overflow: hidden;
}

.blue-wrapper{
	background-color: var(--blue);
	padding-top: 30px;
	padding-bottom: 30px;	
}

.white-box{
	background-color: var(--white);
	padding:20px;
	border-radius: 5px;
}


/* Modules use the class card */
.card {
    box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
}
/* Modules on different module positions in the template the position as class name */
.main-top.card {
    background: var(--gray-800);
}


/* Bootstrap Forms */
.form-group {
	margin-top:10px;
	margin-bottom:10px;
}


/* JOOMLA SUBFORM LAYOUTS */

div.subform-repeatable-group {
  border: 1px solid #ced4da;
  border-radius: .25rem;
  margin-top: 20px;
  margin-left: 32px;
  padding: 32px 32px 16px 28px;
  position: relative;
}

div.subform-repeatable-group > .control-group {
  margin-top: 0;
}

div.subform-repeatable-group > .btn-toolbar .btn-group {
  margin: 0;
  position: static;
}

div.subform-repeatable-group > .btn-toolbar .btn {
  position: absolute;
}

div.subform-repeatable-group > .btn-toolbar .btn.group-add {
  border-radius: .25rem 0;
  bottom: -1px;
  right: -1px;
}

div.subform-repeatable-group > .btn-toolbar .btn.group-remove {
  border-radius: 0 .25rem;
  top: -1px;
  right: -1px;
}

div.subform-repeatable-group > .btn-toolbar .btn.group-move {
  border-radius: .25rem 0 0 .25rem;
  padding: 0;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

div.subform-repeatable-group > .btn-toolbar .btn.group-move span {
  padding: 1.5rem .5rem;
}

div.subform-repeatable-group > .btn-toolbar .btn.group-move-up {
  border-radius: 0;
  margin-top: -45px;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

div.subform-repeatable-group > .btn-toolbar .btn.group-move-down {
  border-radius: 0;
  margin-top: 45px;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.subform-repeatable-group[draggable="true"], .subform-repeatable-group[draggable="true"] > td {
  background-color: #5abfdd;
}


/* Miscellaneous  */
.rounded_10 {
	border-radius:10px;
}