/* = BRANDING.CSS

*** TABLE OF CONTENTS

1.	Fonts Families
2.	Site Defaults
3.	Text Colors
4.	Background Colors
5.	Buttons
6.	Common Borders
7.	Form Elements
8.	Common Element Styles
9.	Main Menu

*** NOTES

1.	EVERYTHING in this file can and most likely should be edited
2.	To be edited with the aid of a branding guidline provided by the designer
3.	Additional styles can be added in this file but ONLY to existing selectors. New selectors need to go into custom.css

-------------------------------------------------------------- */




/* = Fonts Families
-------------------------------------------------------------- */

/*** Example Font Usage - Delete after use ***/
/* NOTE - This example uses two distinct fonts  for 'normal' and 'bold' weights */
/* 
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
		 url('../fonts/montserrat-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
    	url('../fonts/montserrat-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
} */

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-RegularItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
    	url('../fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
    	url('../fonts/opensans-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
    	url('../fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
    	url('../fonts/opensans-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

html body .montserrat { font-family: 'Montserrat',Arial,Helvetica,sans-serif; }
html body .open-sans { font-family: 'Open Sans',Arial,Helvetica,sans-serif; }
html body .os-semi { font-weight:bold; }
html body .arial { font-family: Arial,Helvetica,sans-serif; }




/* = Site Defaults
-------------------------------------------------------------- */

body {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	line-height: 1.43;
}


html.esp-html body {
	padding-top: 0 !important;
}

/*** Default Heading Styles - can be overwritten individually & are not affected by 'strong', 'b' or 'a' styles ***/
/* NOTE - Do not change margin or font size unless you know EXACTLY how it will affect the spacing as a whole */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: -0.375em;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
.h1 b, .h2 b, .h3 b, .h4 b, .h5 b, .h6 b {
	font-weight:400;
}

h1, html .h1 {
	font-size: 2.6em;
	margin-bottom: 0.8em;
	font-weight:300;
	clear:both;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	text-align:center;
}

h2, html .h2 {
	font-size: 1.8em;
	margin-bottom: 1em;
	font-weight: 300;
}
h3, html .h3 {
	font-size: 1.6em;
	margin-bottom: 1.2em;
	font-weight: 300;
}
h4, html .h4 {
	font-size: 1.4em;
	margin-bottom: 1.4em;
	font-weight:300;
}
h5, html .h5 {
	font-size: 1.2em;
	margin-bottom: 1.6em;
	font-weight:400;
}
h6, html .h6 {
	font-size: 1em;
	font-weight:normal;
	margin-bottom: 1.8em;
}

small, .small {
    font-size: 0.85em;
    letter-spacing: 1px;
    margin-bottom: 0.2em;
}

h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #A3A3A3; font-weight: normal; }
h1 .small, h2 .small, h3 .small, .h1 .small, .h2 .small, .h3 .small { font-size: 0.65em; }
h4 .small, h5 .small, h6 .small, .h4 .small, .h5 .small, .h6 .small { font-size: 0.75em; }



.title-max { max-height:2.85em; overflow:hidden; }
.title-max.title-sep { max-height:6.4em; overflow:hidden; }
.title-min { min-height:2.85em; }
.title-min.title-sep { min-height:6.4em; }
@media (min-width: 756px) {
	.vid-news-title.title-sep { max-height:5.3em !important; padding-bottom: 65px; }
}

.title-auto { min-height:0px!important;	max-height:none!important; }

.category-max {
	display:block;
	max-height:1.4em;
	overflow:hidden;
}

/*Desktop Only*/
@media all and (min-width: 1021px) {
	.desktop-title-max { max-height:2.85em; overflow:hidden; }
	.desktop-title-max.title-sep { max-height:3.6em; overflow:hidden; }
	.desktop-title-min { min-height:2.85em; }
	.desktop-title-min.title-sep { min-height:3.6em; }

	.desktop-title-auto { min-height:0px!important; max-height:none!important; }
}

/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1020px){
	.tablet-title-max { max-height:2.85em; overflow:hidden; }
	.tablet-title-max.title-sep { max-height:3.6em; overflow:hidden; }
	.tablet-title-min { min-height:2.85em; }
	.tablet-title-min.title-sep { min-height:3.6em; }

	.tablet-title-auto { min-height:0px!important; max-height:none!important; }
}

/*Mobile Only*/
@media (max-width: 767px) {
	.mobile-title-max { max-height:2.85em; overflow:hidden; }
	.mobile-title-max.title-sep { max-height:3.6em; overflow:hidden; }
	.mobile-title-min { min-height:2.85em; }
	.mobile-title-min.title-sep { min-height:3.6em; }

	.mobile-title-auto { min-height:0px!important; max-height:6.4em!important; }
}


/* = Text Colors
-------------------------------------------------------------- */

/*** Heading colour ***/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong
{
	color: #111;
}

/*** Main content text color ***/
body, html .default-text-color, html .default-text-color a, html [class*="-text-color"] .default-text-color, html [class*="-text-color"] .default-text-color a {
	color: #4D5557;
}

/*** Bold text color (usually darker than main text color) ***/
html blockquote, strong, dt, html .strong-text-color, html .strong-text-color a, html [class*="-text-color"] .strong-text-color, html [class*="-text-color"] .strong-text-color a {
	color: #333;
}

/*** Secondary text color (usually lighter than main text color) ***/
html blockquote em, html .tag-line, code, kbd, samp, pre, html .secondary-text-color, html .secondary-text-color a, html [class*="-text-color"] .secondary-text-color, html [class*="-text-color"] .secondary-text-color a {
	color: #A3A3A3;
}

/*** Highlight color (usually more colorful than body text) ***/
/* NOTE - This class is optional and may not appear in some designs */
html .highlight-text-color, html .highlight-text-color a, html [class*="-text-color"] .highlight-text-color, html [class*="-text-color"] .highlight-text-color a {
	color: #E2219B;
}

/***  link text colour - usually more colorful than body text ***/

a, html .link-text-color, html .link-text-color a, html [class*="-text-color"] .link-text-color, html [class*="-text-color"] .link-text-color a {
	color: #E2219B;
}

a:hover, html .link-text-color,html .link-text-color a, html [class*="-text-color"] .link-text-color, html [class*="-text-color"] .link-text-color a {
	color: #DC362D;
}


/* Dark background Overwrites */
body .dark-background .highlight-text-color { color: #E2219B; }

/* = Main Menu
-------------------------------------------------------------- */

/*** Main Menu Colors ***/

/* Main menu nav link  */
#horizontal-menu .main-menu.nav-menu li a {color:#111; transition: opacity 0.3s ease-in-out 0s; opacity: 0.4; }
/* Main menu nav link : hover styles */
#horizontal-menu .main-menu.nav-menu li a:hover { opacity: 0.8; }
/* Main menu nav link parent and ancestor styles */
#horizontal-menu .main-menu.nav-menu li.current-menu-item > a,
#horizontal-menu .main-menu.nav-menu li.current-page-ancestor > a,
#horizontal-menu .main-menu.nav-menu > li.current-menu-ancestor > a,
#horizontal-menu .main-menu.nav-menu > li.in_breadcrumb > a {
	opacity: 1;
}

/* Main Menu - Level 2 */
#sub-menu.open {
	min-height:62px;
}
#sub-menu li.current-menu-item > a .default-text-color,
#sub-menu li.current-menu-parent > a .default-text-color{
	opacity: 1;
	color:#111111 !important;
}

/*** Main Menu Spacing ***/

#horizontal-menu .main-menu li { margin: 0; }
#horizontal-menu .main-menu li a { padding: 20px 0; }


/*** Magic Line Styles ***/
.magic-line {height: 3px; background: #66AAA4;}


/* = Background Colors
-------------------------------------------------------------- */

.dark-green-bg { background-color:#00A052; }
.light-green-bg { background-color:#66C697; }
.dark-blue-bg { background-color:#007268; }
.light-blue-bg { background-color:#66AAA4; }

.purple-bg { background-color:#DC362D; }

.hot-pink-bg { background-color:#E2219B; }
.light-pink-bg { background-color:#EE7AC3; }

.orange-bg { background-color:#FF7900; }
.yellow-bg { background-color:#FCBA2D; }

.light-gray-bg { background-color:#F8F8F8; }
.gray-bg { background-color:#97979F; }
.black-bg { background-color:#1A1A1A; }
.aqua-bg {background-color:#0A4958;}
.white-bg { background-color:#FFFFFF; }
.white-bg-90 { background-color:rgba( 255,255,255,0.9); }


/* Selection Colour */

::selection,
::selection{text-shadow:none; background:#3399FF; color:#FFF;}
::-moz-selection{text-shadow:none; background:#3399FF; color:#FFF;}
::-moz-selection{text-shadow:none; background:#3399FF; color:#FFF;}

.dark-background ::selection,
.dark-background ::selection{background:#FFF; color:#3399FF;}
.dark-background ::-moz-selection{background:#FFF; color:#3399FF;}
.dark-background ::-moz-selection{background:#FFF; color:#3399FF;}

/* = Buttons
-------------------------------------------------------------- */

input[type="submit"], input[type="button"], input[type="reset"], .button, button {
	padding:16px 30px;
	color:#FFFFFF;
	border-style:solid;
	border-width:2px;
	border-radius: 5px;
	font-size: 1.1em;
}

/*** Button Sizes ***/
/* Usable Classes  : button-small, button-regular , button-large , button-full  */
/* NOTE - You can overwrite the border-radius of any of the button sizes with the following classes: .rounded-small | .rounded-regular | .rounded-large */
/* Example Usage : button button-small rounded-large */

html body .button-small {
	padding:13px 19px;
}

html body .rounded-small,
body .button-small {
	border-radius: 3px;
}

html body .button-regular {
	padding:16px 29px;
}

html body .rounded-regular,
body .button-regular {
	border-radius: 5px;
}

html body .button-large {
	padding:19px 44px;
}

html body .rounded-large,
body .button-large {
	border-radius: 7px;
}

html body .rounded-circle {
	border-radius: 50%;
}

/*============= Button - Primary Color =============*/

input[type="submit"], input[type="button"], input[type="reset"], .button, button {
	background-color:#E2219B;
	border-color:#E2219B;
}

/*** Button - Primary Color Hover ***/

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .button:hover, button:hover, html body .button-hollow:hover {
	background-color:#DC362D;
	border-color:#DC362D;
	color:#FFFFFF;
}

/*** Button - Hollow ***/
/* Usable Classes : button-hollow  */
/* Example Usage : button button-hollow  */

html .button-hollow {
	background:none;
	color:#E2219B; /* IN MOST CASES THIS IS THE SAME AS THE PRIMARY BACKGROUND COLOR */
}

html .button-hollow:hover {
	color:#FFFFFF;
}

/*** Button - Hollow on Hover ***/
/* Usable Classes : button-hollow-hover */
/* Example Usage : button button-hollow-hover  */

html .button-hollow-hover:hover {
	background:none;
	border-color:#DC362D; /* IN MOST CASES THIS IS THE SAME AS THE PRIMARY BACKGROUND COLOR HOVER */
	color:#DC362D; /* IN MOST CASES THIS IS THE SAME AS THE PRIMARY BACKGROUND COLOR HOVER */
}


/*============= Button - Secondary Color =============*/

/* Class Usage  : button-hollow button-secondary-color  */

html body .button-secondary-color {
	background-color:#66AAA4;
	border-color:#66AAA4;
}

html .button-secondary-color:hover, html body .button-hollow:hover.button-secondary-color {
	background-color:#1498D8;
	border-color:#1498D8;
}

/*** Button - Hollow ***/
/* Usable Classes : button-hollow  */
/* Example Usage : button button-secondary-color button-hollow  */

html .button-hollow.button-secondary-color {
	background:none;
	color:#66AAA4; /* IN MOST CASES THIS IS THE SAME AS THE SECONDARY BACKGROUND COLOR */
}

html .button-hollow:hover.button-secondary-color {
	color:#FFFFFF;
}

/*** Button - Hollow on Hover ***/
/* Usable Classes : button-hollow-hover */
/* Example Usage : button button-secondary-color button-hollow-hover  */

html .button-hollow-hover.button-secondary-color:hover {
	background:none;
	border-color:#1498D8; /* IN MOST CASES THIS IS THE SAME AS THE SECONDARY BACKGROUND COLOR HOVER */
	color:#1498D8; /* IN MOST CASES THIS IS THE SAME AS THE SECONDARY BACKGROUND COLOR HOVER */
}

html body .button.button-faint {
	color:#939393;
	background-color:rgba(0,0,0,0.05);
	border:none;
	padding: 18px 32px;
}

html body .button.button-faint:hover {
	color:#FFF;
	background-color:#E2219B;
}



/* Dark Background Buttons

html body .dark-background .button,
html body .dark-background .button:hover {
	background-color:transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
*/

/* = Alerts
-------------------------------------------------------------- */

.alert-success { background-color: #DFF0D8;	border-color: #D6E9C6; color: #3C763D; }
.alert-success a { color: #2B542C; }

div.alert-info { background-color: #D9EDF7; border-color: #BCE8F1; color: #31708F; }
div.alert-info a { color: #245269; }

div.alert-warning {	background-color: #FCF8E3; border-color: #FAEBCC; color: #8A6D3B; }
div.alert-warning a { color: #66512C; }

div.alert-error { background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442; }
div.alert-error a { color: #843534; }

[class*="alert-"], [class*="alert-"].form-field { padding:15px; }

html body .esp-form-hide-completed.has-errors .esp-form-remove-has-errors {
	display:none!important;
}


/* Sidebar */
.sidebar .esp-sub-menu li a, .sidebar .widget_nav_menu li a {}
.sidebar .widget_nav_menu li.current-menu-item > a, .sidebar .esp-sub-menu > ul li.current-menu-item > a {}

/* = Images
-------------------------------------------------------------- */

.loop img { border-radius: 3px; }

figure.wp-caption img {	border-radius: 3px 3px 0 0; }

.wp-caption-text-inner {
	background-color: #454545;
	color: #ffffff;
	border-radius: 0 0 3px 3px;
}

/* = Common Borders
-------------------------------------------------------------- */


/*** Commom Border Color - separate if need be ***/

hr, fieldset, pre, table td, table th, .table-responsive, .responsive-table-wrap, .loop article, .pagination-wrap, .comment-content, .breadcrumbs, .common-border-color {
	border-color: rgba(0, 0, 0, 0.2);
	border-width:1px;
}

/*** Common Border Radius - separate if need be ***/

code, kbd, pre, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
	border-radius: 3px;
}




/* = Form Elemments
-------------------------------------------------------------- */

/*Common Form Elements - Border Color */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
	background-color: #FFFFFF;
	color: #757575;
	border:1px solid #CCC;
}


/*Common Form Elements - Border Color : Hover */
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, select:hover {
	border-color:#9F9F9F;
}


/*Common Form Elements - Border Color : Focus */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus {
	border-color:#757575;
}


/*** Fancy Checkboxes & Radios ***/

/* Unchecked Border Color */
.form-field-checkbox input:checked + label:before, .form-field-checkbox input:not(checked) + label:before, .form-field-radio input:checked + label:before, .form-field-radio input:not(checked) + label:before {
	border:2px solid #DDD;
}

/* Unchecked Border : hover + : focus Color */
.form-field-checkbox input:hover:not(checked) + label:before, .form-field-radio input:hover:not(checked) + label:before, .form-field-checkbox input:focus:not(checked) + label:before, .form-field-radio input:focus:not(checked) + label:before {
	border-color:#CCC;
}

/* Checked Border Color */
.form-field-checkbox input:checked + label:before, .form-field-checkbox input:hover:checked + label:before, .form-field-radio input:checked + label:before, .form-field-radio input:hover:checked + label:before {
	border-color:#4483D0!important;
}

/* Checked Tick Color (checkbox) */
body .form-field-checkbox input:checked + label:after {
	border-color: #4FA4DD;
}

/* Checked Circle Color (radio) */
.form-field-radio input:not(checked) + label:after,
.form-field-radio input:checked + label:after {
	background-color: #4FA4DD;
}


/* Shadows */

.box-shadow {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    position: relative;
}
.floated-box-shadow {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.shadow-from-none {
    box-shadow: none;
}

.floated-box-shadow:hover, .floated-box-shadow:hover + .floated-box-shaddow, .floated-box-shadow:hover + .floated-box-shadow {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}



/* = Common Element Styles
-------------------------------------------------------------- */


/*** Tables ***/

table th {
	color: #333333;
	background-color:#EEEEEE;
}

.table-striped tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}



/***  Blockquotes ***/

body blockquote {
	font-size: 2em;
	font-weight: 300;
	margin: 20px 0 40px;
	text-align: center;
}
blockquote em {
	display: block;
	font-size: 0.7em;
	font-style: normal;
	margin-top: 20px;
}



/***  Pagination ***/

.pagination {
    margin-left: -9px;
	margin-right:-9px;
}

.pagination span, .pagination a, .pagination .pag-sep {
	border-radius:3px;
	text-align:center;
	min-height:44px;
	line-height:44px;
	margin: 0 9px;
}

.pagination span, .pagination a {
	background-color: #E4E4E4;
	color: #5D5D5D;
	padding: 0 15px;
	min-width:44px;
}

.pagination a:hover, .pagination .current {
	color:#fff;
	background-color: #3a86e5;
}

/* = Unique Site Styles
-------------------------------------------------------------- */

/*Desktop Only*/
@media all and (min-width: 1021px) {

}

/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1020px){

}

/*Tablet Only*/
@media (max-width: 767px) {

}
/* Single Posts Team */
div.single-post-team-image {
	width: 330px;
	float: left;
	margin-right: 21px;
	margin-bottom: 21px;
}
.caption {
	padding-bottom: 15px;
	padding-left: 10px;
}
/* Title Seps */

.title-sep {
	padding-top: 15px;
}
.title-sep::after {
	background-color: #66AAA4;
	height: 2px;
	width: 25px;
}

.title-sep.sep-small::after {
	height: 2px;
	width: 15px;
}

.title-sep.sep-large::afterr {
	height: 2px;
	width: 35px;
}

/*Desktop Only*/
@media all and (min-width: 1021px) {
	html .title-sep.desktop-sep-regular::after {
		height: 1px;
		width: 40px;
	}

	html .title-sep.desktop-sep-small::after {
		height: 1px;
		width: 20px;
	}

	html .title-sep.desktop-sep-large::after {
		height: 1px;
		width: 60px;
	}
}

/*Tablet Only*/
@media all and (min-width: 1021px) {
	html .title-sep.tablet-sep-regular::after	{
		height: 1px;
		width: 40px;
	}

	html .title-sep.tablet-sep-small::after	{
		height: 1px;
		width: 20px;
	}

	html .title-sep.tablet-sep-large::after	{
		height: 1px;
		width: 60px;
	}
}

/*Mobile Only*/
@media all and (min-width: 1021px) {
	html .title-sep.mobile-sep-regular::after	{
		height: 1px;
		width: 40px;
	}

	html .title-sep.mobile-sep-small::after	{
		height: 1px;
		width: 20px;
	}

	html .title-sep.mobile-sep-large::after	{
		height: 1px;
		width: 60px;
	}
}

/* Dont Change */
.title-sep, .page-title { position: relative; }

.title-sep::after,
html .align-left .title-sep::after,
html body .align-left.title-sep::after { top: 0; content: ""; left: 0;	margin-left: 0;	position: absolute; }


html .align-right .title-sep::after,
html body .align-right.title-sep::after { left: auto; right: 0; }


/*Desktop Only*/
@media all and (min-width: 1021px) {
	html .desktop-align-left .title-sep::after, html body .desktop-align-left.title-sep::after { left: 0; right: auto; transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); }
	html .desktop-align-center .title-sep::after, html body .desktop-align-center.title-sep::after { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	html .desktop-align-right .title-sep::after, html body .desktop-align-right.title-sep::after { left: auto; right: 0; transform: translateX(0%); -ms-transform: translateX(0%);	-webkit-transform: translateX(0%);	}
}

/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1020px){
	html .tablet-align-left .title-sep::after, html body .tablet-align-left.title-sep::after { left: 0; right: auto; transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); }
	html .tablet-align-center .title-sep::after, html body .tablet-align-center.title-sep::after { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	html .tablet-align-right .title-sep::after, html body .tablet-align-right.title-sep::after { left: auto; right: 0; transform: translateX(0%); -ms-transform: translateX(0%);	-webkit-transform: translateX(0%); }
}

/*Mobile Only*/
@media (max-width: 767px) {
	html .mobile-align-left .title-sep::after, html body .mobile-align-left.title-sep::after { left: 0; right: auto; transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); }
	html .mobile-align-center .title-sep::after, html body .mobile-align-center.title-sep::after { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	html .mobile-align-right .title-sep::after, html body .mobile-align-right.title-sep::after { left: auto; right: 0; transform: translateX(0%); -ms-transform: translateX(0%);	-webkit-transform: translateX(0%); }
}

/* Header */

.header-hamburger .hamburger {
	padding: 0;
	top:0;
	right:0;
	margin-top:0;
}

.header-hamburger .hamburger-box {
	width: 21px;
	height: 18px;
}

.header-hamburger .hamburger-inner, .header-hamburger .hamburger-inner::before, .header-hamburger .hamburger-inner::after {
	width: 21px;
	height: 2px;
}

.header-hamburger .hamburger-inner::before, .header-hamburger .hamburger-inner::after {	content: ""; display: block; }
.header-hamburger .hamburger-inner::before { top: -8px; }
.header-hamburger .hamburger-inner::after { bottom: -8px; }

@media all and (min-width: 1021px) {
	#horizontal-menu {
		border-top:1px solid rgba(0,0,0,0.1);
	}
}

/* Jumbo Menu */

#sub-menu.sub-menu-overflow {
	overflow:hidden;
	/*transition:box-shadow 0.3s ease-in-out 0.3s;*/
	/*box-shadow: 0 -20px 26px -40px rgba(0, 0, 0, 0.15) inset;*/
}

/*#sub-menu.sub-menu-open {*/
	/*box-shadow: 0 18px 16px -16px rgba(0, 0, 0, 0.25) inset;*/
/*}*/

/*#sub-menu .sub-menu-inner {*/
	/*box-shadow: 0 -10px 4px 6px rgba(0, 0, 0, 0.15);*/
	/*transition: box-shadow 0.3s ease-in-out 0s;*/
/*}*/

/*#sub-menu.sub-menu-open .sub-menu-inner {*/
	/*box-shadow: 0 -4px 10px 6px rgba(0, 0, 0, 0.15);*/
/*}*/


.menu-item-image {
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

/* Header Gallery Banner  */

.collapsible {
	position:relative;
	overflow:hidden;
	transition: max-height 0.8s ease-in-out 0s;
	-webkit-transition: max-height 0.8s ease-in-out 0s;
	-moz-transition: max-height 0.8s ease-in-out 0s;
}


.home-banner-control {
	position:absolute;
	top:17px;
	right:17px;
	z-index:200;
	border:none;
	background-color:rgba(0,0,0,0.4);
	transition: opacity 0.3s ease-in-out 0s;
}

@media all and (min-width: 1021px) {
	.home-banner-control {
		opacity:0;
	}
}

.collapsible:hover .home-banner-control { opacity:1; }

.home-banner-control .trigger-icon {
	width:20px;
	height:20px;
	display:block;
	background:url(../images/icon-collapse.svg);
}

.collapsed .home-banner-control .trigger-icon {
	background:url(../images/icon-expand.svg);
}

.collapsible:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background-color:rgba(0,0,0,0);
	transition: background-color 0.8s ease-in-out 0s;
	-webkit-transition: background-color 0.8s ease-in-out 0s;
	-moz-transition: background-color 0.8s ease-in-out 0s;
}

.collapsible.collapsed {
	max-height:80px;
}

.collapsible.collapsed:after {
	z-index:100;
	background-color:rgba(0,0,0,0.2);
}

html body .gallery_video_embedded{	
    width: 49%;	
    vertical-align: top;   
}

@media all and (min-width: 1021px) {
	.background-gallery-container {
		margin:0 -40px;
	}

	.gallery-widget .vertical-align-limit.limit-percent {
		padding-bottom: 52%;
	}
}

.responsive-video.variable-limit { padding-bottom: 56.2%; height: 0px; max-width: 100%;}

@media all and (min-width: 1021px) {
	.responsive-video.variable-limit { padding-bottom: 50.2%;}
}

/* Inner Pages */

.jumbo-title {
    font-family: montserrat,Arial,Helvetica,sans-serif;
    font-size: 3.25em;
    font-weight: bold;
}

/*Mobile Only*/
@media (max-width: 767px) {
	.jumbo-title {
		font-family: montserrat,Arial,Helvetica,sans-serif;
		font-size: 2em;
		font-weight: bold;
	}

	html body .gallery_video_embedded{	width: 98%;	}
}

.post-banner { padding-bottom:20%; }
/*Mobile Only*/
@media (max-width: 767px) {
	.post-banner { padding-bottom:40%; }
}
/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1020px){
	.post-banner { padding-bottom:30%; }
}

.post-banner:after {
	content:"";
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	width:100%;
	height:80px;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0
}

.page-title, .jumbo-title {
	text-align:center;
}

/* TESTING WIDTHS */

.page-template-default .loop > p,
.page-template-default .loop > ul,
.page-template-default .loop > ol,
.page-template-default .loop > hr,
.page-template-default .loop > dl,
.page-template-default .loop > form,
.page-template-default .loop > address,
/*.page-template-default .loop > h1,*/
.page-template-default .loop > h2,
.page-template-default .loop > h3,
.page-template-default .loop > h4,
.page-template-default .loop > h5,
.page-template-default .loop > h6,

.single-format-standard #post-content > p,
.single-format-standard #post-content > ul,
.single-format-standard #post-content > ol,
.single-format-standard #post-content > hr,
.single-format-standard #post-content> dl,
.single-format-standard #post-content > form,
.single-format-standard #post-content > address,
/*.single-format-standard #post-content > h1,*/
.single-format-standard #post-content > h2,
.single-format-standard #post-content > h3,
.single-format-standard #post-content > h4,
.single-format-standard #post-content > h5,
.single-format-standard #post-content > h6 {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 550px;*/
}

/* NEWS BLOCKS */

.news-block-padding {
	padding:20px;
}

@media all and (min-width: 1021px) {
	.news-block-padding {
		padding:30px;
	}
}

/* Comments */

#comments { border-top:1px solid rgba(0,0,0,0.1) }
.light-gray-bg + #after-content #comments { border-top:none; }

.commentlist .children li {
    margin-left: 6%!important;
}

/* ICONS */

.icon-circle { padding: 13px;}
.icon-circle [class*="icon-"] { font-size: 1.4em; }

.news-letter-container { border-top:1px solid rgba(0,0,0,0.1) }
.light-gray-bg + .footer-news-letter .news-letter-container { border-top:none; }

.footer-icon-list .icon-circle { border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.1s ease-in-out 0s; }

.footer-icon-list .icon-circle.icon-twitter:hover,
.header-icon-list .icon-circle.icon-twitter,
.share-article .icon-circle.icon-twitter:hover { background-color: #1da1f2; border-color: #1da1f2; }
.footer-icon-list .icon-circle.icon-facebook:hover,
.header-icon-list .icon-circle.icon-facebook,
.share-article .icon-circle.icon-facebook:hover { background-color: #3B5998; border-color: #3B5998; }
.footer-icon-list .icon-circle.icon-youtube:hover,
.header-icon-list .icon-circle.icon-youtube { background-color: #E62117; border-color: #E62117; }
.footer-icon-list .icon-circle.icon-linkedin:hover,
.header-icon-list .icon-circle.icon-linkedin { background-color: #0177B5; border-color: #0177B5; }
.footer-icon-list .icon-circle.icon-search:hover,
.header-icon-list .icon-circle.icon-search { background-color: #E2219B; border-color: #E2219B; }

.header-icon-list .icon-circle.site-menu-icon { background-color: #1A1A1A; border-color: #1A1A1A; }

.share-article .icon-circle.icon-google:hover { background-color: #DB4437; border-color: #DB4437; }

.share-article .icon-circle { transition: all 0.1s ease-in-out 0s; }
.share-article .icon-circle:hover { color:#FFF; }

.inline-list > li {
	margin: 0 5px;
	padding: 0 5px 0;
}

.inline-list.header-icon-list > li {
	margin: 0 3px;
	padding: 0 3px 0;
}

@media all and (min-width: 768px) {
	.inline-list.header-icon-list > li {
		margin: 0 0 0 6px;
		padding: 0 0 0 6px;
	}
}

/*Mobile Only*/
@media (max-width: 390px) {
	.footer-icon-list li {
		margin: 0 3px;
		padding: 0 3px;
	}
}
@media (max-width: 350px) {
	.footer-icon-list li {
		margin: 0 0px;
		padding: 0 1px;
	}
}

/* Connors Loading CSS */

.load_more_loader .loader,
.load_more_loader .loader:after {
	border-radius: 50%;
	width: 25px;
	height: 25px;
}
.load_more_loader .loader {
	margin: auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 3px solid rgba(255, 255, 255, 0.2);
	border-right: 3px solid rgba(255, 255, 255, 0.2);
	border-bottom: 3px solid rgba(255, 255, 255, 0.2);
	border-left: 3px solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.load_more_container {
	min-height: 17px;
	max-height: 17px;
	position: relative;
	top: 0;
	/*overflow: hidden;*/
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.load_more_container .load_more_loader {
	display: block;
	padding-top: 20px;
}

.scrolling-load-more {
	position: relative;
}

/* Hide excerpt on archive */
body.post-type-archive-publication .publication-grid-desc {
	display: none;
}

.publication-grid-image.is-search {
	max-width:300px;
	margin:auto;
}

/* Contact Page */
body.page-id-7 .form-field-recaptcha {
	float: left;
}

body.page-id-7 .form-field-submit {
	float: right;
}

body .height-200 .background-gallery {
	height: 200px;
}


body .sub-menu-inner * {
	font-size: 1em;
}

/*body .sub-menu-inner .main-menu {*/
	/*min-height: 70px;*/
/*}*/

@media (max-width: 767px) {
}
.single-team-member .single-post-team-image-wrap {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.single-team-member .single-post-team-image-wrap img {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

ul.specialist-areas {
	list-style-type: none;
	overflow:hidden;
}

ul.specialist-areas li {
	float: left;
	padding-right:20px;
}

#google-map-directions {
	clear: both;
}

ul {
	list-style: url(/wp-content/themes/cles-custom/images/bullet.png);
}

.single-post-team-image-wrap img {
	width: 320px;
}

#post-content iframe {
	margin: auto;
}

.team-member-search-intro {
	width: 100%;
	text-align: center;
	overflow:hidden;
}

.team-member-search-intro-inner {
	max-width:300px;
	margin:auto;
}



/* You're in good company widget */

#text-2 .widget-title {
	clear: both;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size: 2.5em;
	font-weight: 300;
	margin-bottom: 0.4em;
	text-align:center;
}

#text-2 .form-field-description {
	text-align:center;
	padding-bottom:0;
	margin-bottom:0;
}

#text-2 label {
	display:none;
}

#text-2 #form-29835-form-field-3 {
	font-size: 1.3em;
	font-weight: 300;
	margin-bottom: 1.3em;
	color: #111;
}

#form-29835-form-field-1,
#form-29835-form-field-4,
#form-29835-form-field-5 {
	float:left;
}

#form-29835-form-field-1,
#form-29835-form-field-5 {
	width:40%;
	margin-right:30px;
}

#form-29835-form-field-1 input,
#form-29835-form-field-5 input {
	padding:14px;
}

#form-29835-form-field-7 {
	clear:both;
}

@media (max-width: 900px) {

	#form-29835-form-field-1,
	#form-29835-form-field-5 {
		margin-right:10px;
	}

}

@media (max-width: 767px) {

	#form-29835-form-field-1,
	#form-29835-form-field-4,
	#form-29835-form-field-5 {
		float:none;
		width:100%;
		text-align:center;
		margin-right:0;
	}

}

.box-align-right .column {
float:right;
}

/*li.no-click>a, .h4.no-click a, #menu-main-menu li.menu-item-has-children>a, .h4.menu-item-has-children a {*/
	/*cursor: default;*/
/*}*/

@media (max-width: 1020px) {
	#menu-main-menu-1 {
		display: none;
	}
}

body.page #content iframe {
margin: 1em auto;
}

#sign-up-pop-up-home {
    box-shadow: 0px 0px 20px #000;
    z-index: 9001;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    bottom: 0%;
    right: 1%;
	position: fixed;
}

#pop-up-home {
    box-shadow: 0px 0px 20px #000;
    z-index: 9001;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    bottom: 0%;
    right: 1%;
	position: fixed;
}
.error-message {
    background-color: #ea3535;
}
.success-message {
    background-color: #8bcd83;
}

@media (max-width: 767px) {
    #sign-up-pop-up-container {
        bottom: 0%;
        left: 0%;
    }
    #sign-up-pop-up-home {
        bottom: 0%;
        right: 0%;
    }
}

.black-text{
	color: black;
}



@media (min-width: 1025px){

	.recommendation-padding{
		padding: 0px 30px 30px;
	}
}

@media (min-width: 768px) and (max-width: 1024px){

	.recommendation-padding{
		padding: 0px 30px 30px;
	}

}

@media (max-width: 767px){

	.recommendation-padding{
		padding: 0px 30px 35%;
	}

	.recommendation-box{
		height: 250px !important;
	}

}

.page-id-36661 #google-map-mobile, .page-id-36661 #map_directions_form, .page-id-36661 #google-map-print{
display: none;
}

html body a.covid-banner-box{
	background-color: #34abf3;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-size: 20px;
	transition: all 0.25s ease-in-out;
}

html body a.covid-banner-box:hover{
	font-size: 22px;
}

.inline-block{
	display: inline-block;
}

html body div.embed-video{

}

html body div.margin-auto iframe{
	margin: auto;
}

.url_form-box{
	max-width: 600px;
	width: 100%;
	background-color: #FFFFFF;
	padding: 20px 30px;
	height: auto;
}

html body .url_form-content-text label{
	margin-right: 5px;
}

.url_form-header-text{
	text-align:center;
	color: #3A4A7E;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

.url_form-content-text{
	color: #3A4A7E;
	margin-bottom: 20px;
	font-family: "Oxygen-Regular",Arial,Helvetica,sans-serif;
}

.url_form-content-text p{
	margin-bottom: 10px;
}

#url_form textarea{
	margin-top: 20px;
	margin-bottom: 20px;
}

.url_form-content-text strong{
	color: #3A4A7E;
	font-size: 16px;
}

a.url_form-link-blue-bg{
	color: #FFFFFF;
	text-decoration:dotted;
	transition: all 0.25s ease;
	border-bottom: 1px dotted #FFFFFF;
}

a.url_form-link-blue-bg:hover{
	font-size:15px;
	text-decoration:none;
	border-bottom: 2px solid #FFFFFF;
}

a.url_form-link-white-bg{
	color: #CD6142;
	text-decoration:dotted;
	transition: all 0.25s ease;
	border-bottom: 2px dotted #CD6142;
}

a.url_form-link-white-bg:hover{
	text-decoration:none;
	color: #b8573b;
	border-bottom: 2px solid #b8573b;
}

.url_form-content-link{
	text-decoration: dotted;
	border-bottom: 1px dotted #3A4A7E;
	transition: 0.25s all linear;
}

.url_form-content-link:hover{
	border-bottom-width: 2px;
}

a.url_form-button{
	color: #FFFFFF;
	font-size: 18px;
	background-color: #CD6142;
	border-radius: 5px;
	transition: 0.25s all ease;
	padding: 5px 10px;
}

a.url_form-button:hover{
	background-color: #b8573b;
}

.url_form-close-popup{
	position:absolute;
	background-color: #555;
	border-radius: 50%;
	color: #FFFFFF;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

.url_form-close-popup-styling{
	height: 30px;
	width: 30px;
	font-size: 20px;
	margin-bottom: 2px;
	padding-left:1px;
	text-align:center;
}

.url_form-grey-background{
	display: block;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(37, 37, 37, 0.376);
	z-index: 101;
	padding: 0px 20px;
	overflow-y: scroll;
}

.url_form-grey-background-size{
	position: relative;
	width:  100%;
	height: 100%;
}

.url_form-box-position{
	margin-top: 50px;
	margin-bottom: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -60%)
}

#cfx-section-1 {
    background-color: #F2F2F2;
}

#cfx-section-2 {
    background-color: #283582;
}
.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}