/*
Theme Name: the Ansel Gallery
Theme URI: http://www.thepixelpixie.com/themes/anselgallery
Author: Laura Sage, aka thePixelPixie
Author URI: http://www.thepixelpixie.com/
Description: 2018 custom theme to display a searchable gallery of images. Simple layout. No login.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, gallery, lightbox, keywords, titles, media, bootstrap
Text Domain: ansel

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

FONTS ARE CALLED IN THE CUSTOM-STYLES.PHP FILE IN ORDER TO USE GET_BLOGINFO('TEMPLATE_DIRECTORY') INSTEAD OF A FULL PATH
*/

html,
body {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	font-style: normal;
	font-family: 'avenir', helvetica, sans-serif;
}

body {
	background-color: #f3f2f2;
}

.cblNavMenu2 {
	display: none;
}

.row {
	margin: 15px 0;
}

.modal-body ::selection {
	background: #fff; /* WebKit/Blink Browsers */
}

.modal-body ::-moz-selection {
	background: #fff; /* Gecko Browsers */
}

main {
	min-height: 60vh;
}

a {
	transition: all 0.2s linear;
}

a:hover,
a:focus {
	text-decoration: none;
}

a:focus {
	outline-offset: -2px;
}

.svg-inline--fa {
	position: relative;
}

h4 {
    font-family: "avenir-heavy", sans-serif;
    font-size: 20.8px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.contentPage--block {
	background: #ffffff;
	padding: 50px;
}

.contentPage--block p {
	margin-top: 0;
    margin-bottom: 2rem;
    line-height: normal;
}

.card-header h5 button.btn-link {
	font-size: 16px;
	font-family: "avenir-black", sans-serif !important;
	color: #333 !important;
}

.card-header h5 button.btn-link:hover {
	text-decoration: none;
	color: rgba(51,51,51,.75) !important;
}

.card-header button {
	width: 100%;
	text-align: left;
}

.card-header button .arrow {
	float: right;
}

.card-header button[aria-expanded="true"] .arrow svg {
	transform:rotate(180deg);
	animation: turn .75s 1;
}

@keyframes turn {
  0% {
    transform: rotate(0);    
  }
  100% {
    transform: rotate(180deg);
  }
}

#accordion .card-body a.sub-term .box {
	background: none;
	border: 1px solid #c0c1c2;
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	font-family: "avenir-black", sans-serif;
	margin: 20px 3%;
	text-align: center;
	width: 100%;
	text-transform: capitalize;
	padding: 0 12px;
	/*display: list-item;
	list-style: none;*/
	outline: 0;
	/*position: relative;*/
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 70px;
	/*font-size: 14px;*/
	touch-action: manipulation;
	cursor: pointer;
	height: 70px;
	float: left;
	color: #333;
	overflow: hidden;
}

#accordion .card-body a.sub-term:hover .box {
	background-color: #eee;
}

#accordion .card-body a.sub-term .box .onhover {
	transition: all .2s ease-in-out;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
}

#accordion .card-body a.sub-term:hover .box .onhover {
	transform: scale(1.07);
}

/*#navbarContent {
	width: 100%;
}*/

.navbar-brand {
    margin-right: 0;
}

.navbar-brand:hover {
	color: rgba(255,255,255,.8);
	text-decoration: none;
}

.navbar-nav {
	margin: auto;
}

.nav-item h1 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-family: "avenir-black", sans-serif;
	line-height: 1.1;
	box-sizing: border-box;
	color: #333;
	text-align: center;
}

.page-numbers {
	/*color: #fff;*/
	padding: 10px;
	line-height: 50px;
	white-space: nowrap;
}

.page-numbers.current {
	/*color: #fff;*/
	font-family: 'avenir-heavy', helvetica, sans-serif;
}

.entry-content-box button {
	border-radius: 0;
}

.entry-content-box .btn-primary .fas {
  color: rgba(255,255,255,.75);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.entry-content-box button.copy,
.gform_footer input[type="submit"] {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	transition: all 20ms ease-out;
	margin-bottom: 10px;
}

.entry-content-box button.copy:hover,
.entry-content-box button.copy:focus {
	color: #fff;
}

.entry-content-box button.copy:active,
.gform_footer input[type="submit"] {
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.entry-content-box button.suggest {
	background-color: #f2f2f2;
	background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
	border: 1px solid #bfbfbf;
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: #8c8c8c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 20ms ease-out;
	margin-bottom: 5px;
}

.entry-content-box button.suggest:hover,
.entry-content-box button.suggest:focus {
	background: #f2f2f2;
	border-color: #8c8c8c;
	color: #000;
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
}

.entry-content-box button.suggest:active {
	background: #f2f2f2;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.entry-content-box p,
.modal-body p {
	line-height: normal;
}

.entry-content-box .entry-text,
.modal-body .entry-text {
	font-size: 14px;
	color: #0c0d0d;
	margin-bottom: 0;
	width: 100%;
}

.entry-content-box .entry-text:nth-of-type(2),
.modal-body .entry-text:nth-of-type(2) {
	margin-top: 5px;
}

.entry-content-box .keywords,
.modal-body .keywords {
	margin-bottom: 10px;
}

.entry-content-box .keywords form {
	text-align: left;
}

.entry-content-box .keywords button,
.modal-body .keywords button {
	display: inline-block;
	padding: 0 10px;
	margin: 2.5px;
	cursor: pointer;
	color: #666e6e;
	height: 35px;
	line-height: 35px;
	border: 1px solid #d9e0e0;
	border-radius: 4px;
	background-color: #f4f6f6;
	font-size: .875rem;
	font-weight: 400;
	white-space: nowrap;
}

.entry-content-box .keywords button:hover,
.modal-body .keywords span:hover {
	background-color: #fcfdfd;
}

#megamenu .dropdown-item form {
	width: 80%;
	text-align: center;
}

form.wpsp-page-nav-form {
	width: 100%;
}

footer {
	background-color: #000;
	color: #fff;
	border-top-style: solid;
	border-top-width: 8px;
	font-size: 14px;
}

footer .container-fluid.py-3 {
	padding-bottom: 0 !important;
}

footer .row {
	margin: 0;
}

footer .footer-title {
	font-family: 'avenir-heavy',helvetica, sans-serif;
	font-size: 18px;
}

footer .row.row-eq-height ul.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer .footer-links ul {
	color: transparent;
	padding: 0;
}

footer .widget img {
	filter: invert(100%);
	margin: auto;
}

ul.footer-links li {
	padding: 10px 0;
}

ul.footer-links li a {
	color: #fff;
	text-decoration: none;
}

ul.footer-links li a:hover {
	color: rgba(255, 255, 255, .7);
}

footer .col-sm .designed-by.text-right {
	text-align: left !important;
}

.page .content.container-fluid {
	margin-bottom: 50px;
}

.row {
  width: 100%;
}

.bg-light {
    background-color: #fff !important;
}

.img-wrap:hover h3 {
	color: #1d4269;
}

.modal-backdrop {
   background-color: #132c48;
}

.modal-lg {
    max-width: 87vw;
}

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

#sidebar .tagcloud a {
	opacity: 0.80;
	color: #FFF;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 6px;
	line-height: 30px;
	border-radius: 5px;
}

#sidebar .tagcloud a:nth-child(9n) {
	background-color: #4A4A4A;
}

#sidebar .tagcloud a:nth-child(9n+1) {
	background-color: #428BCA;
}

#sidebar .tagcloud a:nth-child(9n+2) {
	background-color: #5CB85C;
}

#sidebar .tagcloud a:nth-child(9n+3) {
	background-color: #D9534F;
}

#sidebar .tagcloud a:nth-child(9n+4) {
	background-color: #567E95;
}

#sidebar .tagcloud a:nth-child(9n+5) {
	background-color: #B433FF;
}

#sidebar .tagcloud a:nth-child(9n+6) {
	background-color: #00ABA9;
}

#sidebar .tagcloud a:nth-child(9n+7) {
	background-color: #B37333;
}

#sidebar .tagcloud a:nth-child(9n+8) {
	background-color: #FF6600;
} 

@media (max-width: 991.98px) {
	.modal-body .btn-group {
		display: none;
	}
}

.d-flex.align-items-end {
	width: 100%;
}

/* MEGA MENU */
.menu-large {
	position: static !important;
}

.megamenu {
	width: 100%;
	padding: 0;
	margin: 0;
}

.megamenu > div > li > ul,
.dropdown-item {
	padding: 0;
	margin: 0;
}

.megamenu > div > li > ul > li {
	list-style: none;
}

.dropdown-menu {
	display: block;
	visibility: hidden;
	opacity:0;
	transform: translateY(0px);transition:.5s ease all;
	border: 0;
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: 0;
    border-radius: 0;
}

.dropdown-menu.show {
	display: block;
	visibility: visible;
	opacity:1;
	transform: translateY(50px);transition:.5s ease all;
}

.dropdown-menu.megamenu {
	border-top: 1px solid;
	border-top-color: #d4d5d5;
}

.dropdown-menu.megamenu .dropdown-item .formy {
	border-left: 1px solid;
	border-left-color: #d4d5d5;
}

.dropdown-menu.megamenu .dropdown-item .formy.text p,
.dropdown-menu.megamenu .dropdown-item .formy.text h2,
.dropdown-menu.megamenu .dropdown-item .formy.text h3 {
	white-space: normal;
}

.dropdown-menu.megamenu .dropdown-item .formy.text p:first-of-type {
	padding-top: 40px;
}

.dropdown-menu.megamenu .dropdown-item .formy.text p:last-of-type {
	padding-bottom: 40px;
}

.dropdown-menu.megamenu .search-form.form-search.form-horizontal.pull-right.align-middle {
	padding: 40px 10px;
	/*margin: 10px;*/
}

.navbar .dropdown-menu .dropdown-item.theme-settings .formy.text p a {
	font-family: 'avenir-heavy', helvetica, sans-serif;
	display: inline-block;
	position: relative;
	text-decoration: none;
	padding: 5px 0;
	color: inherit;
	font-size: inherit;
	font-weight: normal;
}

.navbar .dropdown-menu .dropdown-item.theme-settings .formy.text p a:hover {
	color: #555;
}

.navbar .dropdown-menu .dropdown-item.theme-settings .formy.text p a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  transition: transform 0.3s;
}

.navbar .dropdown-menu .dropdown-item.theme-settings .formy.text p a:hover:after {
  transform: scaleX(1);
}

.dropdown-menu.megamenu .row {
	margin: 0;
}

.megamenu .card {
	outline: none;
}

.megamenu .card:hover,
.megamenu .card:focus {
    outline: 1px solid #000;
}

.megamenu > div > li > ul > li > a {
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333333;
	white-space: normal;
}

.megamenu > div > li > ul > li > a:hover,
.megamenu > div > li > ul > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
	color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	/*filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);*/
	cursor: not-allowed;
}

.megamenu.dropdown-header {
	color: #428bca;
	font-size: 18px;
}

@media (max-width: 768px) {
	.megamenu {
		margin-left: 0;
		margin-right: 0;
	}
	
	.megamenu > li:last-child {
		margin-bottom: 0;
	}
	
	.navbar-nav .open .dropdown-menu .dropdown-header {
		color: #fff;
	}
}

.navbar .navbar-brand img {
	max-height: 90px;
	min-width: 200px;
}

.navbar .cblInput--search__wrap {
	position: relative;
}

.navbar .cblInput--search {
    background: #f3f2f2;
    padding: 10px;
    position: relative;
    z-index: 1;
}

.cblHeaderTbl--title {
	margin-bottom: 25px;
}

.cblHeaderTbl--title label {
    font-family: "avenir-black", sans-serif;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.cblHeaderTbl--dates .hours-cta {
	font-family: "avenir-black", sans-serif;
	text-decoration: underline;
}

.cblHeaderTbl--dates div {
	padding: 0 25px;
}

.cblHeaderTbl--dates dl {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	display: table-row;
	float: none;
}

.cblHeaderTbl--dates dt {
	float: left;
	font-family: "avenir-black", sans-serif;
	padding-right: 50px;
	height: 30px;
	min-width: 130px;
	text-transform: capitalize;
}

.cblHeaderTbl--dates dd {
	float: left;
	height: 30px;
}

/* (ETS) CBL SEARCH FORM */
.navbar form {
	padding: 0;
}

.navbar button {
	background: transparent;
	border: 0px none;
}

.navbar button[type="submit"] {
	border: 0px none;
    background: transparent;
}

.navbar ::-webkit-input-placeholder {
	color: #000000;
	font-style: italic;
}

.navbar :-moz-placeholder {
	color: #000000;
	font-style: italic;
}

/* Firefox 18- */
.navbar ::-moz-placeholder {
	color: #000000;
	font-style: italic;
}

/* Firefox 19+ */
.navbar .-ms-input-placeholder {
	color: #000000;
	font-style: italic;
}

.navbar input[type="search"],
.wpsp-page-nav-form input[type="text"],
.gform_fields input[type="text"],
.gform_fields textarea {
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	color: #000000;
	background: #f3f2f2;
	outline: 0 none;
	border: 0px none;
	resize: none;
	width: 100%;
	padding: 6.5px;
}

.wpsp-page-nav-form button[type=submit],
.gform_fields input[type="submit"] {
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	outline: 0 none;
	border: 0px none;
	resize: none;
}

.navbar input[type="search"][disabled] {
	border: 0px none;
    background: #efeded;
    color: #d4d5d5;
    cursor: not-allowed;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.navbar select:focus,
	.navbar textarea:focus,
	.navbar input:focus,
	.gform_fields select:focus,
	.gform_fields textarea:focus,
	.gform_fields input:focus {
		font-size: 16px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.navbar select,
	.navbar textarea,
	.navbar input,
	.gform_fields select,
	.gform_fields input,
	.gform_fields textarea {
		font-size: 16px;
	}
}

.fas.fa-map-marker-alt {
	margin-right: 10px;
	position: relative
}

.pagination_links {
	width: 100%;
	text-align: center;
}

/* IMAGE GRID */
* {
	box-sizing: border-box;
}

.grid:after {
	content: '';
	display: table;
	clear: both;
}

.grid-sizer {
	width: 33.333%;
}

.grid-item {
	width: calc(33.333% - 30px);
}

.entry-title {
	text-transform: none;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 0 3px;
	color: #454545;
	margin-bottom: 0;
}

.entry-title-box {
	border-bottom: 2px solid #efeded;
	padding: 0 .5em;
}

.entry-content-box {
	padding: .5em;
}

.grid-item p {
	color: #555;
}

@media (max-width: 575px) {
	.grid-sizer {
		width: 100%;
	}
	
	.grid-item {
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.grid-sizer {
		width: 50%;
	}
	
	.grid-item {
		width: calc(50% - 30px);
	}
}

/* To change the amount of columns on larger devices, uncomment the code below */
@media (min-width: 768px) and (max-width: 991px) {
	.grid-sizer {
		width: 33.333%;
	}
	
	.grid-item {
		width: calc(33.333% - 30px);
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.grid-sizer {
		width: 25%;
	}
	
	.grid-item {
		width: calc(25% - 30px);
	}
}

@media (min-width: 1200px) {
	.grid-sizer {
		width: 33.333%;
	}
	
	.grid-item {
		width: calc(33.333% - 30px);
		margin: 15px;
	}
	
	.nav-item h1 {
		font-size: 70px;
		padding: 0;
		margin: 0;
		font-weight: bold;
		font-family: "avenir-black", sans-serif;
		line-height: 1.1;
		box-sizing: border-box;
		color: #333;
		text-align: center;
	}
}

.grid-item {
	float: left;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #fff;
	position: relative;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	overflow: hidden;
}

.img-overlay-wrap {
	position: relative;
	display: inline-block;
}

.img-overlay-wrap .overlay {
	z-index: 2;
}

.watermark::after {
	z-index: 1;
}

.watermark {
	position: relative;
}

.watermark::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	margin: auto;
	background-repeat: no-repeat; 
}




/* Hero */
#hero {
	height: 35vh;
	overflow: hidden;
	margin-bottom: 50px;
}

.hero {
	background-color: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: 10px solid;
	position: relative;
}

.hero .hero--wrapper {
	max-width: 1440px;
    margin: 0px auto;
    position: relative;
}

.hero .hero--wrapper .row {
	margin: 0 0;
}

@media (max-width: 640px) {
	.hero .hero--wrapper .container {
		padding-left: 0;
		padding-right: 0;
	}
}

.hero .hero-col-centered {
	padding: 0;
}

.hero--image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.hero--image img {
	width: auto;
	height: 100%;
}

.hero--content {
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hero--mask {
	height: 35vh;
	padding: 30px 10%;
	float: none;
	margin: 0 auto;
}

.hero--mask::before {
	content: '';
	opacity: .5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: white;
}

.hero--mask.with-image::before {
	opacity: .8;
}

.hero--title {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-family: "avenir-black", sans-serif;
	font-size: 70px;
}

@media (min-width: 994px) {
	.hero--title {
		font-size: 70px;
	}
}

@media (max-width: 993px) {
	.hero--title {
		font-size: 40px;
	}
}

@media (max-width: 640px) {
	.hero--title {
		font-size: 40px;
		padding-right: 0;
	}
}

.hero--caption {
	text-transform: capitalize;
	font-family: "avenir-medium", sans-serif;
	font-size: 30px;
	margin-bottom: 20px;
}

@media (min-width: 994px) {
	.hero--caption {
		font-size: 30px;
	}
}

@media (max-width: 993px) {
	.hero--caption {
		font-size: 20px;
	}
}

@media (max-width: 640px) {
	.hero--caption {
		font-size: 20px;
	}
}

.hero {
    background-color: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 2;
}



/* NAV SYSTEM */
.block {
	display: block;
}

.cblNavMenu {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 98;
}

.cblNavMenu--wrap {
	border-bottom: 10px solid;
}

.cblNavMenu--link {
	text-transform: uppercase;
	padding: 0px;
	border: 0px none;
	border-bottom: 0px none;
	vertical-align: middle;
	cursor: pointer;
	z-index: 95;
	overflow: hidden;
}

a#megamenu.nav-link {
	text-align: center;
}

@media (min-width: 994px) {
	.cblNavMenu--link {
		height: 50px;
	}
	
	a#megamenu.nav-link {
		text-align: right;
	}
	
	.cblNavMenu span {
		font-weight: bold;
		/*letter-spacing: 0.1;*/
		cursor: pointer;
	}
	
	.entry-content-box button.copy,
	.entry-content-box button.suggest,
	.gform_footer input[type="submit"] {
		margin-bottom: 0;
	}
	
	.cblNavMenu--link__content {
		-webkit-transform: translate(0, -50%);
		transform: translate(0%, -50%);
		top: 50%;
	}
	
	footer .row.row-eq-height .col-sm:nth-of-type(2) {
		border-right: 2px solid #4e4e4e;
		border-left: 2px solid #4e4e4e;
	}
	
	footer .col-sm .designed-by.text-right {
		text-align: right !important;
	}
	
	footer .widget img {
		float: right;
	}
	
	footer .menu-main-menu-container,
	footer .menu-footer-menu-2-container {
		padding-left: 25px;
	}
}

.cblNavMenu--link:hover .cblNavbar--icon {
	text-align: center;
}

.cblNavMenu--label {
	font-family: "avenir-black", sans-serif;
	/*letter-spacing: .0625em;*/
}

.cblNavMenu span {
	font-weight: bold;
	letter-spacing: 0;
	cursor: pointer;
}

.cblNavMenu--bg {
	z-index: 99999;
}

.cblNavMenu--icon {
	position: relative;
	z-index: 10;
	display: block;
}

.cblNavMenu--icon img {
	position: relative;
	z-index: 10;
}

.home .cblNavMenu--wrap {
	border: 0px none;
	/*height: 75vh;*/
}

/* MAIN BUTTONS */
.navBtn {
	cursor: pointer;
	border: 0px none;
	text-align: center;
	padding: 0;
	position: relative;
	min-height: 1px;
	float: left;
	box-sizing: border-box;
}

.navBtn .cblNavMenu--link__content {
	position: relative;
	font-family: "avenir-black", sans-serif;
	color: #ffffff;
}

@media (max-width: 993px) {
	.navBtn .cblNavMenu--link__content {
		padding: 5px 0;
	}
}
	
	@media (max-width: 640px) {
		.navBtn .cblNavMenu--link__content {
			max-width: 100%;
			padding: 0;
		}
		
		.navBtn .cblNavMenu--label {
			font-size: .55em;
			letter-spacing: .045rem;
		}
		
		.navbar div.w-50,
		.navbar div.w-25 {
			width: 100% !important;
		}
		
		.navbar-brand.mr-0 {
			width: 100%;
			text-align: center;
		}
		
		.navbar-text.mt-1.w-25.text-right {
			text-align: center !important;
		}
		
		.navbar-text.mt-1.w-25.text-right .ml-auto {
			margin: auto;
		}
	}
	
	.navBtn .cblNavMenu--icon {
		display: none;
	}
	
	.navBtn .cblNavMenu--label {
		display: inline;
		max-width: 50%;
		line-height: 40px;
	}
	
	.navBtn:after {
		box-sizing: border-box;
	}
	
	.justify-content-center.w-50 .nav-item {
		margin: auto;
	}
	
	@media (min-width: 994px) {
		/*.navBtn {
			width: 25%;
			font-size: 14px;
		}
		
		.navBtn.max {
			width: 20%;
			font-size: 18px;
		}*/
	}
	
	@media (max-width: 993px) {
		/*.navBtn {
			width: 25%;
			font-size: 14px;
		}
		
		.navBtn.max {
			width: 20%;
			font-size: 11px;
		}*/
		
		
	}
	
	@media (max-width: 640px) {
		/*.navBtn {
			width: 25%;
			font-size: 14px;
		}
		
		.navBtn.max {
			width: 20%;
			font-size: 11px;
		}*/
	}
	
	.home .navBtn {
		cursor: pointer;
		border: 0px none;
		text-align: center;
		padding: 0;
	}
	
	.home .navBtn:hover .cblNavMenu--icon__img {
		transform: scale(1.05);
	}
	
	.home .navBtn .cblNavMenu--link__content {
		position: relative;
		font-family: "avenir-black", sans-serif;
		padding: 0px;
		max-width: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	@media (max-width: 993px) {
		.home .navBtn .cblNavMenu--link__content {
			max-width: 100%;
			padding: 0;
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn .cblNavMenu--link__content {
			max-width: 100%;
			padding: 0;
		}
	}
	
	.home .navBtn .cblNavMenu--icon {
		position: relative;
		z-index: 10;
		width: 220px;
		max-width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 20px;
		margin: 0 auto 20px auto;
	}
	
	@media (max-width: 993px) {
		.home .navBtn .cblNavMenu--icon {
			height: 150px;
			width: 150px;
			margin: 0;
			float: left;
			-webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn .cblNavMenu--icon {
			height: 100px;
			width: 120px;
			margin: 0;
			float: left;
			-webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
		}
	}
	
	.home .navBtn .cblNavMenu--icon__imgwrap {
		margin-top: 20px;
		width: 100%;
		width: 220px;
		height: 220px;
		overflow: hidden;
		border-radius: 50%;
		border-width: 10px;
		border-style: solid;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}
	
	.home .navBtn .cblNavMenu--icon__imgwrap .navimage {
		/*width: 230px;
		height: 230px;
		transition: all .2s ease-in-out;*/
		background-size: 100%;
		background-position: center center;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		transition: all 0.7s ease;
		width: 100%;
		height: 100%;
	}
	
	.home .navBtn:hover .cblNavMenu--icon__imgwrap .navimage {
		-webkit-transform: scale(1.2) rotate(3deg);
		-moz-transform: scale(1.2) rotate(3deg);
		-o-transform: scale(1.2) rotate(3deg);
		-ms-transform: scale(1.2) rotate(3deg);
		transform: scale(1.2) rotate(3deg);
	}
	
	@media (max-width: 993px) {
		.home .navBtn .cblNavMenu--icon__imgwrap {
			padding: 0;
			height: 120px;
			width: 120px;
			margin: 0 auto;
			margin-top: 15px;
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn .cblNavMenu--icon__imgwrap {
			border-width: 5px;
			height: 90px;
			margin: 0px auto;
			margin-top: 10px;
			width: 90px;
		}
	}
	
	.home .navBtn .cblNavMenu--label {
		display: inline;
		width: 100%;
	}
	
	@media (min-width: 994px) {
		.home .navBtn .cblNavMenu--label {
			text-align: center;
			font-size: 30px;
		}
		
		.home .cblNavMenu--wrap {
			height: 70vh;
		}
		
		body footer {
			height: 100%;
		}
	}
	
	@media (max-width: 993px) {
		.home .navBtn .cblNavMenu--label {
			display: block;
			height: 150px;
			float: left;
			line-height: 150px;
			text-align: left;
			font-size: 25px;
		}
		
		.cblNavMenu--wrap {
			height: auto;
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn .cblNavMenu--label {
			display: block;
			height: 120px;
			float: left;
			line-height: 120px;
			text-align: left;
			font-size: 25px;
		}
	}
	
	.home .navBtn .cblNavMenu--bg {
		content: '';
		position: relative;
		z-index: 0;
		width: 100%;
		height: 100%;
	}
	
	@media (min-width: 994px) {
		.home .navBtn .cblNavMenu--bg {
			margin: 0 auto;
		}
	}
	
	@media (max-width: 993px) {
		.home .navBtn .cblNavMenu--bg {
			padding: 20px;
			margin: 0 auto;
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn .cblNavMenu--bg {
			padding: 10px 15px;
			height: 120px;
			width: 120px;
			margin: 0 auto;
		}
	}
	
	.home .navBtn .cblNavMenu--bg__inner {
		padding-bottom: 100%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
	
	/*@media (min-width: 994px) {
		.home .navBtn {
			width: 25%;
		}
		
		.home .navBtn.max {
			width: 20%;
			height: 75vh;
		}
	}*/
	
	@media (max-width: 993px) {
		.home .navBtn {
			width: 100% !important;
		}
		
		.home .navBtn.max {
			width: 100% !important;
			height: auto !important;
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn {
			width: 100% !important;
			height: 110px !important;
		}
		
		.home .navBtn.max {
			width: 100% !important;
		}
	}
	
	@media (min-width: 994px) {
		.home .navBtn.max .cblNavMenu--label {
			font-size: 25px;
		}
	}
	
	@media (max-width: 993px) {
		.home .navBtn.max .cblNavMenu--label {
			font-size: 25px;
		}
	}
	
	@media (max-width: 640px) {
		.home .navBtn.max .cblNavMenu--label {
			font-size: 25px;
		}
	}
	
	.single .navBtn .cblNavMenu--icon__imgwrap {
		display: none;
	}
	
	@media (min-width: 994px) {
		.single .navBtn .cblNavMenu--icon__imgwrap {
			display: none;
		}
	}
	
	@media (max-width: 993px) {
		.single .navBtn .cblNavMenu--icon__imgwrap {
			display: block;
		}
	}
	
	@media (max-width: 640px) {
		.single .navBtn .cblNavMenu--icon__imgwrap {
			display: block;
		}
	}
/* END MAIN NAV */



.gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
    line-height: 1 !important;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper textarea {
    padding: 2px 1px !important;
}

label {
    margin-bottom: 0 !important;
}

.gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
    line-height: 0 !important;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}



/* DYNAMIC-ISH CSS */
.bordercolorhome {
	border-color: #000000;
}



/* ISOTOPE TABLE SORT */
.dataTables_wrapper {
	position: relative;
	clear: both;
	transform: scale(1);
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_disabled_previous {
	background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('../images/forward_enabled_hover.png') no-repeat top right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}
 
th:active {
	outline: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers a:active {
	outline: none
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	/*cursor: hand;*/
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


#dt_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}


#dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#dt_example #demo {
	margin: 30px auto 0 auto;
}

#dt_example .demo_jui {
	margin: 30px auto 0 auto;
}

#dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#dt_example .spacer {
	height: 20px;
	clear: both;
}

#dt_example .clear {
	clear: both;
}

#dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#dt_example a {
	color: #0063DC;
	text-decoration: none;
}

#dt_example a:hover {
	text-decoration: underline;
}

#dt_example ul {
	color: #4E6CA3;
}

.css_right {
	float: right;
}

.css_left {
	float: left;
}

.demo_links {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}

#demo_info {
	padding: 5px;
	border: 1px solid #B0BED9;
	height: 100px;
	width: 100%;
	overflow: auto;
}

.testyellow {
	fill: orange;
}