@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; 
  }
}*/

: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;	
	--indigo: #6610f2;
	--purple: #6E295B; 
	--pink: #d63384;
	--red: #FF0000;
	--orange: #FC992B;   
	--yellow: #F9A61A;
	--light-yellow: #FFFF99;
	--green: #88A56A; 
	--darkgreen: #28371A; 
	--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(--green);
	--hover-color: #FB6640;
	
	--body-font: Montserrat, "Arial", sans-serif;
	--body-font-weight: 400;
	--body-font-size: 18px;
	--body-color: var(--black);
	--body-letter-spacing: unset;

	
	--title-font: Roboto, "Arial", sans-serif;
	--title-font-weight: 700;
	--title-color: var(--orange);
	--title-letter-spacing: unset; 

}	

h1,h2,.componentheading, .contentheading{
}

h3 {

}

/*************************/
/* Layout Table Settings */
/*************************/
#wrapper_header{

}

.container-below-top {
}

#wrapper_menu{
	border-bottom: 10px solid var(--orange);
	border-top: 1px solid var(--orange);
}

#admin_menu {
	background-color: var(--yellow);
}

#wrapper_slideshow{ 
	border-bottom: 10px solid var(--orange);
}

.carousel-caption {
	display:none !important;
}

div.organicslider_wrapper {
	margin-top:0;
}

#wrapper_organicfooter {
	border-top: 1px solid var(--orange);
	background-color:var(--black);
	outline: 10px solid var(--black);
}




/**************************/
/*          Menus         */
/**************************/
.navbar-toggler{
}

/* Top Level */
.nav-item a {
}

/* Top Level Active*/
.nav-item.active a{
}

/* 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{
}

/* Miscellaneous  */
.rounded_10 {
	border-radius:10px;
}

.redText {
	color: var(--red);
}

ul.organicbullets {
    list-style-type: none;
    padding: 0px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:0.5em;
    margin: 0px;
	margin-bottom:25px;
}

ul.organicbullets  li {
    background-image: url('../images/OrganicWebs_bullet_green_20.png');
    background-repeat: no-repeat;
    background-position: 10px 0.5em;
    padding-left: 35px;
	padding-top:0.4em;
	padding-bottom:0.5em;
}

code {
	background: url("../images/code.png") no-repeat scroll 10px 10px #F0F8FF;
	border-radius: 3px 3px 3px 3px;
	font-style: italic;
	display:inline-block;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 36px;
	padding-bottom: 10px;
	padding-left: 36px;
	color:var(--white);
	font-size:100%;
	font-family:"Courier New", monospace;
}

.showcase_div {
	font-size: 12px;
	text-align: center;
	min-height:350px;
	float: left;
	padding-left:8px;
	padding-right:8px;	
	padding-top:10px;
	border-radius:5px;
    background-color: var(--gray-100);
    border-color: var(--gray-300);
	border-style:solid;
	border-width:1px;
	margin-bottom:20px;
}

.showcase_div img{
	padding-bottom:10px;	
	width:100%;
}

.showcase_div p{
	padding-bottom:5px;	
	margin-bottom:0px;
}

pre {
	background-color:var(--gray-200);
	padding:10px;
	border: 1px solid var(--gray-400);
}