/* cmsms stylesheet: w3-theme modified: 04/19/21 12:41:23 */
:root {  
  	--theme-main-color: #29a2a6;
	--theme-dark-color: #155254;
   	--theme-link-color: #abcc4e;	
	--theme-font-family: 'Bitter', serif; 
}

/* media queries */
@media only screen and (min-width: 768px) {
	/* for desktop */
.sticky {
	position: fixed;
  	top: 0;
	z-index: 20;
  	width: 100%;
}
.sticky + .non-sticky {
  padding-top: 120px;
}
}
/* end media queries */

body {	
	color:#666;
	background: #fff;	
}
h1 { 
color: #fff;
font-family: var(--theme-font-family);}

h2 { 
color: var(--theme-main-color);
font-family: var(--theme-font-family);}

h3, h4 { 
font-family: var(--theme-font-family);}

a {		
	text-decoration: none;
	color: var(--theme-link-color);
	font-weight:bold;
}
a:hover {
	color: #000;
	background-color: var(--theme-link-color);
	text-decoration: none;
}

.border-bottom {
	border-bottom: 1px dashed var(--theme-dark-color);
}
#footer a {
	text-decoration: none;	
}

.hr-dashed-white {
    border-top: 1px dashed #fff;
    margin-top: 20px;    
}
.hr-dashed-black {
    border-top: 1px dashed #000;
    margin-top: 20px;    
}
.hr-dashed-theme {
    border-top: 1px dashed var(--theme-dark-color);
    margin-top: 20px;    
}

.clear {clear:both;}

/* social media icons */
a.facebook {
  	position: relative;
  	float: left;
  	display: block;
	width: 48px;
	height: 48px;
	text-decoration: none;
	background: url("../../uploads/design/images/facebook.png");
  	margin: 0 1em 0 0;	
 	border: 0px;
  	padding: 0px;
	border-bottom: none !important;
}

a.facebook:hover {
  	position: relative;
  	float: left;
	background-position: -48px 0;  	
  	border: 0px;
  	padding: 0px;
}

a.facebook-small {
  	position: relative;
  	float: right;
  	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background: url("../../uploads/design/images/facebook-small.png");
  	margin: 0 1em 0 0;	
 	border: 0px;
  	padding: 0px;
	border-bottom: none !important;
}

a.facebook-small:hover {
  	position: relative;
  	float: right;
	background-position: -32px 0;  	
  	border: 0px;
  	padding: 0px;
}

a.linkedin {
  	position: relative;
  	float: left;
  	display: block;
	width: 48px;
	height: 48px;
	text-decoration: none;
	background: url("../../uploads/design/images/linkedin.png");
  	margin: 0 1em 0 0;	
 	border: 0px;
  	padding: 0px;
	border-bottom: none !important;
}

a.linkedin:hover {
  	position: relative;
  	float: left;
	background-position: -48px 0;  	
  	border: 0px;
  	padding: 0px;
}

a.linkedin-small {
  	position: relative;
  	float: right;
  	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background: url("../../uploads/design/images/linkedin-small.png");
  	margin: 0 1em 0 0;	
 	border: 0px;
  	padding: 0px;
	border-bottom: none !important;
}

a.linkedin-small:hover {
  	position: relative;
  	float: right;
	background-position: -32px 0;  	
  	border: 0px;
  	padding: 0px;
}

/* honeypot for contact form */
.honeypot {display: none;}

/* w3.css extenions */

.w3-image-border {	
    padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;  
}
.w3-image-align-left{
	display: inline;
    float: left;
    margin: 0 1em .3em 0;
}
.w3-image-align-right{
	display: inline;
    float: right;
    margin: 0 0 .3em 1em;
	}
	
.w3-image-resize-50 {
    width: 50%;
    height: auto;
}
.w3-image-resize-25 {
    width: 25%;
    height: auto;
}

/* widths */
.w3-width-100 {
width: 100%;
}

/* fonts */

.w3-font-roboto-slab {
  font-family: 'Roboto Slab', serif;
}
.w3-font-open-sans {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
}
.w3-font-bitter {
  font-family: 'Bitter', serif;  
}

/* fixed contact button & slideshow */
.contact-button {
    position: fixed;
    right: 0;
    top: 240px;
    z-index: 20;
	width: 35px;
}

.slideshow-button-left {
	margin-left: 150px;
}
.slideshow-button-right {
	margin-right: 150px;
}

/* sidebar nav links */
#sidebar {
	margin-top: 0;
}

#sidebar ul.navlist {
  	list-style: none;  
  	font-family: var(--theme-font-family);  
	margin-top: 0;
	margin-bottom: 40px;	
	padding: 15px 15px 5px;	
}

#sidebar ul.navlist li {
  	margin-left: 0;
 	margin-bottom: 5px;  	
	padding-bottom: 5px;
color: var(--theme-main-color)	;
  	/*font-size: 120%;*/
	/*border-bottom: 1px dashed var(--theme-dark-color);*/
}

#sidebar ul.navlist li.header { 	
	font-size: 140%;
	font-family: var(--theme-font-family);
	text-indent: 0;
	background-color: inherit;	
	border-bottom: none;
}

#sidebar ul.navlist li a {	
	text-decoration: none;	
color: var(--theme-main-color)	;
	/*display:block;*/
}

#sidebar ul.navlist li a:hover {	
	background-color: var(--theme-link-color);
	color: #000;
}

#sidebar ul.navlist li a.current {	
	background-color: var(--theme-main-color);
	color: #fff;
}

/* w3 colour theme - based on #29a2a6 (teal) */
.w3-theme-l5 {color:#000 !important; background-color:#f1fbfb !important}
.w3-theme-l4 {color:#000 !important; background-color:#cff2f3 !important}
.w3-theme-l3 {color:#000 !important; background-color:#9fe5e7 !important}
.w3-theme-l2 {color:#000 !important; background-color:#6fd7db !important}
.w3-theme-l1 {color:#fff !important; background-color:#3ecacf !important}
.w3-theme-d1 {color:#fff !important; background-color:#269397 !important}
.w3-theme-d2 {color:#fff !important; background-color:#218286 !important}
.w3-theme-d3 {color:#fff !important; background-color:#1d7275 !important}
.w3-theme-d4 {color:#fff !important; background-color:#196264 !important}
.w3-theme-d5 {color:#fff !important; background-color:#155254 !important}

.w3-theme-light {color:#000 !important; background-color:#f1fbfb !important}
.w3-theme-dark {color:#fff !important; background-color:#155254 !important}
.w3-theme-action {color:#fff !important; background-color:#155254 !important}

.w3-theme {color:#fff !important; background-color:#29a2a6 !important}
.w3-text-theme {color:#29a2a6 !important}
.w3-border-theme {border-color:#29a2a6 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#29a2a6 !important}
.w3-hover-text-theme:hover {color:#29a2a6 !important}
.w3-hover-border-theme:hover {border-color:#29a2a6 !important}

/*  alternative hover colour is green  */
.w3-hover-green:hover {color:#fff !important; background-color:#abcc4e !important}
.w3-hover-text-green:hover {color:#abcc4e !important}
.w3-hover-border-green:hover {border-color:#abcc4e !important}

/* basic black & white */
.w3-white {color:#000 !important; background-color:#fff !important}
.w3-black {color:#fff !important; background-color:#000 !important}
.w3-text-white{color:#fff!important}
.w3-text-black{color:#000!important}
.w3-text-dark-grey{color:#3a3a3a!important}