@charset "UTF-8";

/* ################################################################
############# section 1: global styling ###########################
################################################################ */

/* ****************************************************************
************* sub-section 1.1: general styling rules **************
**************************************************************** */

/* ======== style 001: standard process for browser ============== */
* {
  box-sizing: border-box;
}


/* ======== style 002: puts margin either side of page =========== */
.c17-000000001-device-padding {
	width: 98%;
	margin: auto;
}


/* ======== style 003: makes sure page fills viewport window ===== */
body, html {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}


/* #################################################################
############# section 2: main styling schemes ######################
################################################################# */

/* ****************************************************************
************* section 2.1 - styling scheme for cookies bar ********
**************************************************************** */

/* ========== style x: ========================================= */

/* ########## style 004: ########## */
.c17-000000002-top-cookies-bar {
	background-color:#000;
	color: white;
	font-size: 14px;
  	text-align: center;
	height: 25px;
}

/* ########## style 005: styling for cookies buttons ########## */
.c17-000000002-cookies-button-ok, .c17-000000002-cookies-button-policy {
  	border: none;
  	color: white;
  	padding: 2px 6px 2px 6px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 12px;
  	margin: 4px 2px;
  	cursor: pointer;
}

/* ########## style 006: cookies button ok ########## */
.c17-000000002-cookies-button-ok {
	background-color: #4CAF50; /* Green */
}

/* ########## style 007: cookies button policy ########## */
.c17-000000002-cookies-button-policy {
	background-color: #f44336; /* Red */
}

/* ########## style 008: @media variable for top cookies bar - media query breakpoint ########## */
@media only screen and (max-width: 600px) {
/* For cookies response at or below 600px: */
.c17-000000002-top-cookies-bar {
	height: 55px;
  	}
}


/* ****************************************************************
************* section 2.2 - styling scheme for top nav ************
**************************************************************** */

/* style 009: styling scheme for topnav bar */
.c17-000000003-top-nav-container {
	/* back color for nav bar is held in each theme css */
	overflow: auto;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 100%;
	overflow: auto;
}

/* style 010: logo container position */
.c17-000000003-logo-container {
	float: left;
}

/* style 011: used in javascript for burger response */
.c17-000000003-responsive {
	width: 100%;
	height: auto;
}

/* ########## style 012: aligns dropdown and non dropdown top nav itmes ########## */
.c17-000000003-topnav a {
  	margin: 8px 0px;
  	float: left;
  	display: block;
  	/* color for non-dropdown main menu items in css theme file */
  	text-align: center;
  	padding: 14px 16px;
  	text-decoration: none;
  	font-size: 14px;
}

/* ########## style 013: creates styling for burger icon - actual lines created in html ########## */
.c17-000000003-burger {
  	width: 35px;
  	height: 5px;
  	/* color - burger bars held in theme css file */
  	margin: 2px 0;
}

/* ########## style 014: makes nav bar sit right up against cookies bar ########## */
body {margin:0;}

/* ########## style 015: makes burger wrap underneath logo ########## */
.c17-000000003-topnav {
  	overflow: hidden;
  	background-color: transparent;
}

/* ########## style 016: displays and hides burger menu depending on device size ########## */
.c17-000000003-topnav .c17-000000003-icon {
  	display: none;
}

/* ########## style 017: lines topnav items up horizontally on the bar ########## */
.c17-000000003-dropdown {
  	float: left;
  	overflow: hidden;
}

/* ########## style 018: controls dropdown meu ########## */
.c17-000000003-dropdown .c17-000000003-dropbtn {
  	font-size: 14px;
  	border: none;
  	outline: none;
  	/* color for dropdowns on main bar held in themes css file*/
  	padding: 22px 16px;
  	background-color: inherit;
  	font-family: inherit;
  	margin: 0;
}

/* ########## style 019: hides dropdown menu items ########## */
.c17-000000003-dropdown-content {
  	display: none;
  	position: absolute;
  	background-color: #f9f9f9;
  	min-width: 160px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	z-index: 1;
}

/* ########## style 020: displays dropdown list items ########## */
.c17-000000003-dropdown-content .c17-000000003-display-dropdown {                                  /* was a tagged */
  	float: none;
  	color: black;
  	padding: 12x 16px;
  	text-decoration: none;
  	display: block;
  	text-align: left;
}

/* ########## style 021: highlights current item mouse is hovering over on top nav but not on dropdowns ########## */
.c17-000000003-topnav a:hover, .c17-000000003-dropdown:hover .c17-000000003-dropbtn {
  	background-color: #555;
  	color: white;
}

/* ########## style 022: holds highlight on top nav while also highlighting item on dropdown ########## */
.c17-000000003-dropdown-content a:hover {
  	background-color: #ddd;
  	color: black;
}

/* ########## style 023: displays dropdown menu ########## */
.c17-000000003-dropdown:hover .c17-000000003-dropdown-content {
  	display: block;
}

/* ########## style 024: arrow stage 2 - rotates reverse L to create down arrow ########## */
.c17-000000003-down {
  	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
}

/* styling for logo on top nav */
.c17-000000003-logo {
	width: 180px;
	height: 60px;
	padding-left: 6px;
	padding-right: 32px;
	padding-top: 3px
}

.c17-000000003-notification {
	background-color: #555;
	color: white;
	text-decoration: none;
	padding: 15px 26px;
	position: relative;
	display: inline-block;
	border-radius: 2px;
	float: right;
}

.c17-000000003-notification:hover {
	background: red;
}

.c17-000000003-notification .c17-000000003-badge {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	border-radius: 50%;
	background-color: red;
	color: white;
	float: right;
}


/* *********************************************************************************
************* sub-section 2.3 - styling scheme for bottom navigation bar ***********
********************************************************************************* */

/* ########## style 1:  ########## */
.c17-000000016-footerbar {
	/* Footer bar at the bottom of the page */
  	background-color: #43464f;
    	color: white;
  	font-size: 12px;
  	clear: both;
  	padding-left: 2%;
    	padding-right: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
  	float: center;
}

/* ########## style 2:  ########## */
table.c17-000000016 {
	table-layout: fixed ;
	width: 100% ;
}

/* ########## style 3:  ########## */
td.c17-000000016 {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	width: 25% ;
	text-align: 
}