/*!
Theme Name: ABH 2019
Theme URI: http://samuelstrickland.com/
Author: Samuel Strickland
Author URI: http://samuelstrickland.com/
Description: ABH 2019 Rebuild
Version: 1.0.0
Text Domain: abh-2019

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------FONTS---------------------------------------*/
/*----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'proximanova-regular';
    src: url('../abh-2019/fonts/proximanova-regular.eot');
    src: url('../abh-2019/fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../abh-2019/fonts/proximanova-regular.woff2') format('woff2'),
         url('../abh-2019/fonts/proximanova-regular.woff') format('woff'),
         url('../abh-2019/fonts/proximanova-regular.ttf') format('truetype'),
         url('../abh-2019/fonts/proximanova-regular.svg#proximanova-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proximanova-bold';
    src: url('../abh-2019/fonts/proximanova-bold.eot');
    src: url('../abh-2019/fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'),
         url('../abh-2019/fonts/proximanova-bold.woff2') format('woff2'),
         url('../abh-2019/fonts/proximanova-bold.woff') format('woff'),
         url('../abh-2019/fonts/proximanova-bold.ttf') format('truetype'),
         url('../abh-2019/fonts/proximanova-bold.svg#proximanova-bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'proximanova-light';
    src: url('../abh-2019/fonts/proximanova-light.eot');
    src: url('../abh-2019/fonts/proximanova-light.eot?#iefix') format('embedded-opentype'),
         url('../abh-2019/fonts/proximanova-light.woff2') format('woff2'),
         url('../abh-2019/fonts/proximanova-light.woff') format('woff'),
         url('../abh-2019/fonts/proximanova-light.ttf') format('truetype'),
         url('../abh-2019/fonts/proximanova-light.svg#proximanova-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proximanova-semibold';
    src: url('../abh-2019/fonts/proximanova-semibold.eot');
    src: url('../abh-2019/fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'),
         url('../abh-2019/fonts/proximanova-semibold.woff2') format('woff2'),
         url('../abh-2019/fonts/proximanova-semibold.woff') format('woff'),
         url('../abh-2019/fonts/proximanova-semibold.ttf') format('truetype'),
         url('../abh-2019/fonts/proximanova-semibold.svg#proximanova-semibold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	padding:0; 
	margin:0; 
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}
a:link, a:visited { 
	color:#0097de; text-decoration:none; 
}
a:hover { 
	text-decoration:underline; 
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	font:18px/1.6 "proximanova-regular", Helvetica, Arial, sans-serif; 
	background:#fff; 
	color:#191f22;
	color: #404040;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 0.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "proximanova-regular", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: "proximanova-regular", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 10px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
body:not(.page-id-9004111222059915) input, body:not(.page-id-9004111222059915) textarea {
    outline:none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.col-md-6{width:50%;float:left;text-align:left}
#emailsubscribe{
	margin: 0px;
border-radius: 3px;
padding: 10px;
min-width: 300px;
vertical-align: middle;
}
#unsubscribe {
	color: #fff;
	background: #cf2d7d;
	padding: 15px 12px;
	border: 0;
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	font-size: 15px;
	font-weight: 600 !important;
}
#msgserror {
	clear: both;
	display: block;
	font-size:13px;
	padding-left:5px;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*-------------------------------GRID------------------------------------*/
.container { margin: 0 auto; }

/* 
	Main grouping blocks. You can dump "n*100%"" width content to a
	single ".row". (with the little help of .skip-float and manual 
	.user-float classes)
	================================================================== ROW ====
*/
.row { width: 100%; }

/* 
	A basic transitions for immediate childs of ".row" classes. I added 
	transitions assuming your html layout keeps "col_*"" elements right 
	after ".row" classes. (col_*'s are immediate childs of .row's) 
	Delete this block to get rid of transitions.
	(transitions are incompatible with some browsers. 
	("some browsers" usually refers to internet explorer :)
	====================================================== ROW TRANSITIONS ====
*/
.row > * {
	-webkit-transition	: all 400ms ease-out;
	-moz-transition		: all 400ms ease-out;
	-o-transition		: all 400ms ease-out;
	-ms-transition		: all 400ms ease-out;
	transition			: all 400ms ease-out;	
}

/* 
	Auto clearfix for all rows. Borrowed from HTML5BOILERPLATE.
	====================================================== ROW TRANSITIONS ====
*/
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }

/* 
	Column (col_*) and complement (col_*c) classes.
	.col_0 class is not a must but i added it to
	keep things organized. You can use it for 
	marginless 100% widths.
	================================================ COLUMNS & COMPLEMENTS ====
*/

/* columns & complements (autogenerated styles) */
.col_0 {
	width: 100%;
	margin-bottom: 5px;
	display: block;
}

.col_1,
.col_2,
.col_3, .col_3c,
.col_4, .col_4c,
.col_5, .col_5c,
.col_6, .col_6c,
.col_7, .col_7c,
.col_8, .col_8c,
.col_9, .col_9c,
.col_10, .col_10c,
.col_11, .col_11c,
.col_12, .col_12c {
	margin-left		: 1.00%;
	margin-right	: 1.00%;
	margin-bottom	: 5px;
	float		: left;
	display		: block;
}

/* columns (autogenerated styles) */
.col_1 { width: 98%; }
.col_2 { width: 48%; }
.col_3 { width: 31.3333333333%; }
.col_4 { width: 23%; }
.col_5 { width: 18%; }
.col_6 { width: 14.6666666667%; }
.col_7 { width: 12.2857142857%; }
.col_8 { width: 10.5%; }
.col_9 { width: 9.11111111111%; }
.col_10 { width: 8%; }
.col_11 { width: 7.09090909091%; }
.col_12 { width: 6.33333333333%; }

/* complements (autogenerated styles) */
.col_3c { width: 64.6666666667%; }
.col_4c { width: 73%; }
.col_5c { width: 78%; }
.col_6c { width: 81.3333333333%; }
.col_7c { width: 83.7142857143%; }
.col_8c { width: 85.5%; }
.col_9c { width: 86.8888888889%; }
.col_10c { width: 88%; }
.col_11c { width: 88.9090909091%; }
.col_12c { width: 89.6666666667%; }

/* 
	100% width auto control for "img", "object" and
	"embed" controls.
	============================================ IMAGE FULL WIDTH CONTROLS ====
*/
img, object, embed { max-width: 100%; }
img { height: auto; }
figure img { max-width: 100%; }

/* 
	Use ".skip-float" class to start from brand new lines.
	Clears left of current 100% group for new 100% 
	lines in same ".row" group.
	@see webpage for details
	=============================================== FLOATING PROBLEM FIXER ====
*/
.skip-float { clear: left; }

/*	
	CSS hack for responsive videos.
	@see http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
	@see http://webdesignerwall.com/tutorials/css-elastic-videos
	========================================================= VIDEO HOLDER ====
*/
.video-holder {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	display: block;
}

.video-holder iframe, .video-holder object, .video-holder embed {
	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;
}
/* 
	===================================== DESKTOP, LARGE SCREENS ====
*/
@media only screen and (min-width: 1200px) {
	
	/* user styles goes here */

}



/* 
	=========================================== DESKTOP < 1200px ====
*/
@media only screen and (max-width: 1200px) {

	/* autogenerated styles */
	.col_12 { width:14.6666666667%; }

	.col_12c { width: 81.3333333333%; }

	/* user styles goes here */

}



/* 
	============================================= IPAD LANDSCAPE ====
*/
@media only screen and (max-width: 1024px) {

	/* autogenerated styles */
	.col_6 { width:31.3333333333%; }
	.col_8 { width:23%; }
	.col_9 { width:31.3333333333%; }
	.col_10 { width:18%; }
	.col_12 { width:23%; }

	.col_6c { width: 64.6666666667%; }
	.col_8c { width: 73%; }
	.col_9c { width: 64.6666666667%; }
	.col_10c { width: 78%; }
	.col_12c { width: 73%; }

	/* user styles goes here */

}



/* 
	============================================== IPAD PORTRAIT ====
*/
@media handheld, only screen and (max-width: 768px) {

	/* autogenerated styles */
	.col_2 { width:98%; }
	.col_4 { width:48%; }
	.col_6 { width:48%; }
	.col_8 { width:48%; }
	.col_9 { width:98%; }
	.col_10 { width:48%; }
	.col_12 { width:31.3333333333%; }

	.col_4c { width: 48%; }
	.col_6c { width: 48%; }
	.col_8c { width: 48%; }
	.col_9c { width: 98%; }
	.col_10c { width: 48%; }
	.col_12c { width: 64.6666666667%; }

	/* user styles goes here */

}



/* 
	=========================================== IPHONE LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 480px) {

	/* autogenerated styles */
	.col_2 { width:98%; }
	.col_3 { width:98%; }
	.col_4 { width:98%; }
	.col_5 { width:98%; }
	.col_6 { width:98%; }
	.col_7 { width:98%; }
	.col_8 { width:98%; }
	.col_10 { width:98%; }
	.col_11 { width:98%; }
	.col_12 { width:48%; }

	.col_2c { width: 98%; }
	.col_3c { width: 98%; }
	.col_4c { width: 98%; }
	.col_5c { width: 98%; }
	.col_6c { width: 98%; }
	.col_7c { width: 98%; }
	.col_8c { width: 98%; }
	.col_10c { width: 98%; }
	.col_11c { width: 98%; }
	.col_12c { width: 48%; }

	/* user styles goes here */

}



/* 
	============================================ IPHONE PORTRAIT ====
*/
@media handheld, only screen and (max-width: 320px) {

	/* autogenerated styles */
	/* reset .container width and max-width (in case user defines an explicit #id for her/his .container classes) */
	.container { width: 100% !important; max-width: 100% !important; }

	.col_1,
	.col_2,
	.col_3, .col_3c,
	.col_4, .col_4c,
	.col_5, .col_5c,
	.col_6, .col_6c,
	.col_7, .col_7c,
	.col_8, .col_8c,
	.col_9, .col_9c,
	.col_10, .col_10c,
	.col_11, .col_11c,
	.col_12, .col_12c {
			width		: 92%;
			margin-left	: 0%;
			margin-right	: 0%;
			padding-left	: 4%;
			padding-right	: 4%;
	}

	/* user styles goes here */

}

/* 
	============================================ SO SMALL PHONES ====
*/
@media handheld, only screen and (max-width: 240px) {
	
	/* user styles goes here */

}
/*-------------------------------DONATE----------------------------------*/
.btn, a.btn,
.es_textbox_button,
.em-booking-submit,
.section-donate input[name="dgx-donate-pay-enabled"],
.authorize-box .donate_btn_submit {
    display: inline-block;
    margin: 0;
    padding: 12px 24px 10px;
    background: #0097de;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: capitalize;
    font: 700 18px/1 'proximanova-bold';
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.section-donate input[name="dgx-donate-pay-enabled"], 
.authorize-box .donate_btn_submit { 
	background: #cf2d7d; 
}
.section-donate input[name="dgx-donate-pay-enabled"]:hover,
.authorize-box .donate_btn_submit:hover {
	background: #B71565; 
}
.input-style,
.es_textbox_class,
.search-field,
.booking-form .input,
.select-wrap > select,
#dgx-donate-container input[type=text],
.inputbox,
.authorize-box select {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 8px 7px;
    border: 2px solid #c5c7c8;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 18px "proximanova-regular";
    color: #191f22;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

/*-----------------PRO CALCULATOR 3-1-21 SS-----------------------*/

.pro-calculator-wrap {
    padding: 0px 0px 50px 0px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: auto;
}
.col_2.proCalc {
    width: 29%;
    margin: 0px 0px 50px 0px;
    padding: 20px;
    background: #FFFFFF;
}
.col_10.proCalc {
	width: 70%;
	margin: 0px 0px 50px 0px;
}

.proCalc h2.calc-title {
    margin-top: 0px;
    padding-left: 30px;
}
.col_2.proCalc h3 {
    color: #0097DE;
    font-weight: bold;
    margin-bottom: 20px;
}

ul.calculator-list.pro-calc {
    margin-bottom: 10px;
}

.calculator-list.pro-calc > li {
    display: table;
    position: relative;
    width: 95%;
    height: auto;
    padding: 0px 0 10px 0px;
    border-bottom: none;
    font: 400 18px 'proximanova-regular';
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.calculator-list.pro-calc > li:first-child {
	padding-top: 0px;
}

.section-calculator-risk .calculator-list.pro-calc .input-style {
    max-width: 180px;
    color: #0097de;
    font: 18px "proximanova-regular";
    padding: 7px;
}

.pro-bottom-calc-box {
    position: relative;
    text-align: center;
    margin-bottom: 47px;
    margin-top: 30px;
}

/*-------------------------------------CALCULATOR----------------------------------*/
.section-calculator-risk {
    position: relative;
    margin-bottom: 0px;
    padding-top: 50px;
    background-color: #efefef;
}
.section-calculator-risk-result {
    position: relative;
    margin-bottom: 0px;
    padding-top: 50px;
    background-color: #efefef;
    overflow: auto;
}
.section-calculator-risk:before, .section-komen-calculator-risk:before, .section-komen-calculator-risk:after, .section-calculator-risk:after {
    position: absolute;
    z-index: 1;
    content: '';
    max-height: 90%;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-calculator-risk:before, .section-komen-calculator-risk:before {
    top: 230px;
    left: 0;
    width: 252px;
    height: 1826px;
    /*background-image: url(../img/content/film_bgl.png);*/
    background-position: top left;
}
.section-calculator-risk:after, .section-komen-calculator-risk:after {
    bottom: 400px;
    right: 0;
    width: 242px;
    height: 1970px;
    /*background-image: url(../img/content/film_bgr.png);*/
    background-position: top right;
}
.section-calculator-risk > .container, .section-komen-calculator-risk > .container {
    position: relative;
    z-index: 3;
}
.section-calculator-risk .title, .section-komen-calculator-risk .title {
    margin-bottom: 50px;
    text-align: center;
}
.calculator-wrap {
    padding: 0px 0px 50px 0px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.row.calc-row {
    background: #ffffff;
    display: flex;
}
.col.col-4.calcXray {
    padding: 0px;
    flex-shrink: 0;
    max-width: 400px;
}
.col.col-4.calcXray img {
    width: 100%;
    object-fit: cover;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
}
@media only screen and (max-width: 800px) {
    .calcXray {
        display: none;
    }
    .calcBlurb {
        width: 100%;
    }
}
.col.col-8.calcBlurb {
    padding: 0px;
}
.col.col-12.calcFaq {
    padding-top: 20px;
}
.about-calculator {
	padding: 30px 40px;
	text-align: center;
	background: #ffffff;
}
.about-calculator-title {
	font: 700 20px 'proximanova-bold';
	padding-bottom: 28px;
}
.about-calculator p {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 12px;
}
.about-calculator > :last-child {
	margin-bottom: 0;
}
.calculator-list {
    margin-bottom: 78px;
}
.calculator-list.start {
    counter-reset: num;
}
.calculator-list > li {
    display: table;
    position: relative;
    width: 100%;
    height: 135px;
    padding: 50px 0 50px 80px;
    border-bottom: 2px solid #cbd3d6;
    font: 400 25px 'proximanova-regular';
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.calculator-list > li:first-child {
    padding-top: 63px;
}

.calculator-list > li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 22px;
    width: 41px;
    height: 41px;
    margin-left: -80px;
    font: 600 24px 'proximanova-semibold';
    text-align: center;
    line-height: 41px;
    color: #0097de;
    border: 2px solid #0097de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.calculator-list > li:first-child:before {
    top: 53px;
}
.calculator-list > li:hover:before {
    color: #ffffff;
    /*background: #0097de;-->*/
}
.calculator-list > li:hover {
    /*background: -moz-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(228,233,237,1)), color-stop(3%, rgba(228,233,237,1)), color-stop(10%, rgba(222,228,232,1)), color-stop(90%, rgba(222,228,232,1)), color-stop(97%, rgba(228,233,237,1)), color-stop(100%, rgba(228,233,237,1)));
    background: -webkit-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: -o-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: -ms-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: linear-gradient(90deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe4eb', endColorstr='#dfe4eb',GradientType=1 );*/ /* ie6-9 */
}
.section-calculator-risk .input-style {
    max-width: 180px;
    color: #0097de;
    font: 22px "proximanova-regular";
    padding: 11px;
}
select.input-style, .select-wrap > select {
    color: #191f22;
    padding: 8px 8px 7px 8px;
}
.calculator-list span {
    font: 400 22px 'proximanova-regular';
}
.calculator-right-box {
    float: left;
    width: 30%;
}
.calculator-right-box li {
	list-style: none;
}
.calculator-right-box li input[type="radio"]{
    margin-bottom: 10px;
}
.calculator-right-box li input[type="text"]{
    position: relative;
    float: left;
}
.calculator-right-box .radio-type input[type="radio"] {
    transform: scale(1.5);
    margin-right: 10px;
}
.calculator-right-box .select-wrap {
    width: 180px;
}
.calculator-right-box li:last-child {
    float: left;
}
.calculator-right-box input.input-style:focus {
    outline: none;
}
.frcbtn {
	display: inline-block;
    margin: 0;
    padding: 16px 50px 16px;
    background: #EB8F43;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: capitalize;
    font: 500 24px/1 'proximanova-semibold';
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.komen-sbl-ft:after, .komen-sbl-in:after, .komen-sbl-lbs:after {
    position: absolute;
    right: 10px;
    top: 50%;
    top: 6px;
    padding-left: 10px;
    font: 400 18px 'proximanova-regular';
    color: #0097de;
    border-left: 2px solid #c5c7c8;
    line-height: 28px;
    background: #ffffff;
    z-index: 5;
}
.komen-sbl-ft:after { content: 'ft.'; }
.komen-sbl-in:after { content: 'in.'; }
.komen-sbl-lbs:after { content: 'lbs.'; }
.chinese .komen-sbl-ft:after { content: '英尺'; }
.chinese .komen-sbl-in:after { content: '英寸'; }
.chinese .komen-sbl-lbs:after { content: '磅'; }

.komen-sbl-ft .input-style,
.komen-sbl-in .input-style,
.komen-sbl-lbs .input-style {
    padding-right: 47px;
}
.check-two-row {
    padding-top: 31px;
    margin-bottom: 8px;
    -webkit-columns: 350px 2;
    -moz-columns: 350px  2;
    columns: 350px 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}
    .check-two-row li {
        margin-bottom: 20px;
}
.check-one-row {
    padding-top: 31px;
    margin-bottom: 8px;
    
}
.check-one-row li {
margin-bottom: 20px;
list-style: none;
}
.calculator-left-box {
	width: 70%;
    float: left;
    padding-right: 30px;
}
p.Qinfo {
    font-size: 18px;
    padding-top: 20px;
    font-style: italic;
}
.calculator-left-box p {
    /*display: inline-block;*/
    margin-bottom: 2px;
    margin-top: 0px;
}
.calculator-left-box a.more-info-w {
    display: block;
    font: 400  15px 'proximanova-regular';
    text-decoration: underline;
}
.calculator-left-box a.more-info-w:hover {
    text-decoration: none;
}
.section-calculator-risk .input-style.calc-email {
    max-width: 220px;
}
.bottom-calc-box {
    position: relative;
    text-align: center;
    margin-bottom: 47px;
}
.bottom-calc-box label {
    display: block;
    margin-bottom: 50px;
}
.bottom-calc-box .btn {
    margin-right: 11px;
    margin-bottom: 10px;
}
.bottom-calc-box .btn:last-of-type {
    margin-right: 0;
}

.block-note {
    font: 400 16px 'proximanova-regular';
    text-align: center;
}
.block-note p {
    margin-bottom: 21px;
}
.block-note > :last-child {
    margin-bottom: 0;
}
/*---help---*/
.jQtooltip {
    position: relative;
    cursor: help;
}
.jQtooltip div {
    display: none;
    position: absolute;
    top: 50%;
    left: 26px;
    z-index: 1000;
    width: 0;
    min-width: 250px;
    height: auto !important;
    padding: 10px 15px;
    text-align: left;
    font: 400 14px/18px 'proximanova-regular';
    color: #ffffff;
    background: #565b5f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
    .jQtooltip div:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -6px;
        margin-top: -6px;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-right: 6px solid #565b5f;
        border-bottom: 6px solid transparent;
    }
.jQtooltip.mini {
    display: inline-block;
    vertical-align: bottom;
    font: 700 15px 'proximanova-bold';
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    margin-left: 4px;
    top: -4px;
    color: #0097de;
    border: 1px solid #0097de;
    border-radius: 50%;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
    -o-transition: color 0.2s, background 0.2s;
    transition: color 0.2s, background 0.2s;
}
.jQtooltip.mini:hover,
.jQtooltip.mini:focus {
    background: #0097de;
    color: #fff;
}
.error,
.input-style.error,
input.wpcf7-not-valid,
.select-volunteer-left-box .volonteer-left-box-list input.wpcf7-not-valid {
    color: #ff0000;
}
label.error {
    position: absolute;
    padding-top: 3px;
    white-space: nowrap;
    font-size: 14px;
}
input[type="radio"] + label.error {
    padding-top: 27px;
}
.section-calculator-risk select.input-style option:first-child,
.select-volonteer-tabs select.input-style option:first-child {
    color: #c5c7c8;
}

.calculator-wrap .calc-title {
    text-align: left;
    margin: 0 auto 22px;
    font: 600 28px 'proximanova-regular';
    color: #191f22;


}
.calc-title:first-child {
    margin-top: 50px;
}
input.input-style {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 8px 7px;
    border: 2px solid #c5c7c8;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 18px "proximanova-regular";
    color: #191f22;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
p.frchasImg {
    padding: 40px 0px 0px 0px;
}
span.frcBlueNotice {
    color: #0097de;
    font-size: 24px;
}
@media only screen and (max-width: 767px) {
	.calculator-wrap {
		padding: 20px;
	}
	.calculator-left-box {
    	display: table;
    	width: 100%;
	}
	.calculator-right-box {
    	display: table;
    	width: 100%;
    	margin: 20px 0px;
	}
	button.frcbtn {
    /* width: 50%; */
    padding: 10px;
    /* clear: right; */
    display: inline-block;
    margin: 10px;
	}
}


/*--------------------------------CACULATOR RESULT PAGE-----------------------------*/
a.frcdlbtn {
    padding: 30px 50px;
    background: #0097de;
    clear: both;
    display: block;
    font-size: 22px;
    color: #ffffff !important;
    font-weight: 900;
    max-width: 70%;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.col_2.calcResult {
    width: 89%;
    margin: 0px 0px 50px 0px;
}
.col_10.calcResult {
	width: 9%;
	margin: 0px 0px 50px 0px;
}
.col_10.calcResult img.lazyloaded {
    height: 100%;
}
h4.calcResultTitle {
    font-size: 27px;
    margin-top: 22px;
    display: table;
    text-align: center;
    width: 100%;
    color: #0097de;
    font-weight: 900;
}
.email-res {
    margin-top: 30px;
}

/*--------------------------------KOMEN CALCULATOR----------------------------------*/
.section-komen-calculator-risk {
    position: relative;
    margin-bottom: 0px;
    padding-top: 50px;
    background-color: #e4e9ed;
}
section.section-komen-calculator-risk a {
	color: #cf2d7d;
}
section.section-komen-calculator-risk a:hover {
	text-decoration: underline;
}
.section-komen-calculator-risk:before, .section-komen-calculator-risk:after {
    position: absolute;
    z-index: 1;
    content: '';
    max-height: 90%;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-komen-calculator-risk:before {
    top: 230px;
    left: 0;
    width: 252px;
    height: 1826px;
    /*background-image: url(../img/content/film_bgl.png);*/
    background-position: top left;
}
.section-komen-calculator-risk:after {
    bottom: 400px;
    right: 0;
    width: 242px;
    height: 1970px;
    /*background-image: url(../img/content/film_bgr.png);*/
    background-position: top right;
}
.section-komen-calculator-risk > .container {
    position: relative;
    z-index: 3;
}
.section-komen-calculator-risk .title {
    margin-bottom: 50px;
    text-align: center;
}
.komen-calculator-wrap {
    padding: 0px 0px 50px 0px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.komen-calculator-wrap .about-calculator {
    padding: 30px 40px;
    text-align: center;
    background: #ffffff;
}
.col.col-12.komencalcBlurb .about-calculator {
    padding: 20px 100px;
}
.row.komen-calc-row {
    background: #ffffff;
    margin-bottom: 30px;
}
.col.col-12.komencalcBlurb {
    margin-bottom: 30px;
}
ul.checkbox-type.check-one-row.secondaryOsteo-options {
    list-style: none;
    margin: 65px 0px 0px 0px;
    padding-left: 5px;
}
.komen-calculator-list { 
    margin-bottom: 78px;
}
.komen-calculator-list.start {
    counter-reset: num;
}
.komen-calculator-list > li {
    display: table;
    position: relative;
    width: 100%;
    height: 135px;
    padding: 50px 0 50px 80px;
    border-bottom: 2px solid #cbd3d6;
    font: 700 20px 'proximanova-bold';
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.komen-calculator-list > li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 40px;
    width: 41px;
    height: 41px;
    margin-left: -80px;
    font: 600 24px 'proximanova-semibold';
    text-align: center;
    line-height: 41px;
    color: #cf2d7d;
    border: 2px solid #cf2d7d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.komen-calculator-list > li:first-child:before {
    top: 53px;
}
.komen-calculator-list > li:hover:before {
    color: #ffffff;
    background: #cf2d7d;
}
.komen-calculator-list > li:hover {
    background: -moz-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(228,233,237,1)), color-stop(3%, rgba(228,233,237,1)), color-stop(10%, rgba(222,228,232,1)), color-stop(90%, rgba(222,228,232,1)), color-stop(97%, rgba(228,233,237,1)), color-stop(100%, rgba(228,233,237,1)));
    background: -webkit-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: -o-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: -ms-linear-gradient(360deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    background: linear-gradient(90deg, rgba(228,233,237,1) 0%, rgba(228,233,237,1) 3%, rgba(222,228,232,1) 10%, rgba(222,228,232,1) 90%, rgba(228,233,237,1) 97%, rgba(228,233,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe4eb', endColorstr='#dfe4eb',GradientType=1 ); /* ie6-9 */
}
.komen-calculator-list span {
    font: 400 18px 'proximanova-regular';
}
.section-komen-calculator-risk .input-style {
    max-width: 180px;
    color: #cf2d7d;
    padding: 12px;
}
.section-komen-calculator-risk .input-style.calc-email {
            max-width: 220px;
        }
.komen-calculator-wrap .calc-title {
    text-align: left;
    margin: 0 auto 22px;
    font: 600 34px 'proximanova-semibold';
    color: #191f22;
}
.komen-sbl-ft:after, .komen-sbl-in:after, .komen-sbl-lbs:after {
    position: absolute;
    right: 10px;
    top: 50%;
    top: 6px;
    padding-left: 10px;
    font: 400 18px 'proximanova-regular';
    color: #cf2d7d;
    border-left: 2px solid #cf2d7d;
    line-height: 28px;
    background: #ffffff;
    z-index: 5;
}
.komen-sbl-ft:after { content: 'ft.'; }
.komen-sbl-in:after { content: 'in.'; }
.komen-sbl-lbs:after { content: 'lbs.'; }
.chinese .komen-sbl-ft:after { content: '英尺'; }
.chinese .komen-sbl-in:after { content: '英寸'; }
.chinese .komen-sbl-lbs:after { content: '磅'; }

.komen-sbl-ft .input-style,
.komen-sbl-in .input-style,
.komen-sbl-lbs .input-style {
    padding-right: 47px;
}
.komen-jQtooltip {
    position: relative;
    cursor: help;
}
.komen-jQtooltip div {
    display: none;
    position: absolute;
    top: 50%;
    left: 26px;
    z-index: 1000;
    width: 0;
    min-width: 250px;
    height: auto !important;
    padding: 10px 15px;
    text-align: left;
    font: 400 14px/18px 'proximanova-regular';
    color: #ffffff;
    background: #565b5f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.komen-jQtooltip div:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -6px;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #565b5f;
    border-bottom: 6px solid transparent;
}
.komen-jQtooltip.mini {
    display: inline-block;
    vertical-align: bottom;
    font: 700 15px 'proximanova-bold';
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    margin-left: 4px;
    top: -4px;
    color: #cf2d7d;
    border: 1px solid #cf2d7d;
    border-radius: 50%;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
    -o-transition: color 0.2s, background 0.2s;
    transition: color 0.2s, background 0.2s;
}
.komen-jQtooltip.mini:hover,
.komen-jQtooltip.mini:focus {
    background: #cf2d7d;
    color: #fff;
}
.komen-btn.btn.red, .komen-btn.btn.grey {
    display: inline-block;
    margin: 0;
    padding: 12px 24px 10px;
    background: #cf2d7d;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: capitalize;
    font: 700 18px/1 'proximanova-bold';
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.komen-btn.btn.red:hover, .komen-btn.btn.grey:hover {
    background: #b71565;
    color: #fff;
}
span.sgkSplash {
	color: #0097de;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#calculator-form {
	    position: relative;
	    padding: 0px 30px 0px 30px;
	}
	.col.col-12.komencalcBlurb .about-calculator {
    	padding: 20px 20px;
	}
	ul.komen-calculator-list.start, ul.komen-calculator-list.factors, ul.komen-calculator-list.conditions, ul.komen-calculator-list {
	    margin-left: 0px;
	    padding-left: 0px;
	}
}
@media only screen and (max-width : 768px) {
	#calculator-form {
	    position: relative;
	    padding: 0px 20px 0px 20px;
	}
	.section-komen-calculator-risk .title {
	    font-size: 22px;
	}
	span.sgkSplash {
		color: #0097de;
		font-size: 28px;
	}
	.col.col-12.komencalcBlurb .about-calculator {
    	padding: 20px 20px;
	}
	ul.komen-calculator-list.start, ul.komen-calculator-list.factors, ul.komen-calculator-list.conditions, ul.komen-calculator-list {
	    margin-left: 0px;
	    padding-left: 0px;
	}
}
/*-----------------------------KOMEN-CALCULATOR-RESULTS-2021------------------------------*/
.kom-calculator-wrap {
    padding: 0px 0px 50px 0px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
.kom-risk-results {
    /* max-width: 960px; */
    margin: 0 auto;
    padding: 10px 0px 20px 0px;
    text-align: center;
}
.col_5.komcalcResult {
    width: 65%;
    margin: 0px 0px 50px 0px;
}
.col_7.komcalcResult {
	width: 8%;
	margin: 0px 0px 50px 0px;
}
.col_7.komcalcResult img.lazyloaded {
    height: 100%;
}
.col_12.komcalcResult {
    width: 27%;
    margin: 0px 0px 50px 0px;
    text-align: left;
}
.komcalcResultInner {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
}
div#wpforms-9004111222046831 label.wpforms-field-label {
	font-weight: 400 !important;
}
div#wpforms-9004111222046831 a:link {
    color: #0097de;
}
div#wpforms-9004111222046831 a:hover {
    color: #0097de;
    text-decoration: underline;
}
div#wpforms-9004111222046831 a:visited {
    color: #0097de;
    text-decoration: underline;
}
.col_12.komcalcResult h3 {
	color: #EB8F43;
    font-weight: 900;
}
div#wpforms-9004111222048272 {
    font-size: 16px;
}
button#wpforms-submit-9004111222046831, button#wpforms-submit-9004111222048272 {
    background: #EB8F43;
    color: #FFFFFF;
    font-weight: 600;
    padding: 20px;
    width: 100%;
    border-radius: 5px;
}
.frc-result-pdf img.lazyloaded {
    width: 800px;
}
@media (max-width: 767px)
	{
	    .col_5.komcalcResult {
	    width: 100%;
	    margin: 0px 0px 50px 0px;
	    padding: 0px 10px;
	}
	.col_7.komcalcResult {
		display: none;
	}
	.col_7.komcalcResult img.lazyloaded {
	    height: 100%;
	}
	.col_12.komcalcResult {
	    width: 100%;
	    margin: 0px 0px 50px 0px;
	    text-align: left;
	}
	.kombelowResult {
    	
	}
	input.frcdlbtn.download-pdf-btn {
	    font-size: 17px !important;
	    padding: 20px 20px!important;
	}
}
/*--------------------------------KOMEN RESULTS LEAD WPFORM---------------------------------*/
div#wpforms-9004111222036129 {
    display: block;
    font-weight: 700;
    font-size: 20px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
} 
button#wpforms-submit-9004111222036129 {
    background: #cf2d7d;
    padding: 20px 20px;
    border-radius: 5px;
    color: #FFFFFF;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}
/*--------------------------------CALCULATOR-RESULTS--------------------------------*/
.risk-results {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 0px 20px 0px;
    text-align: center;
}
.risk-results p {
    margin-bottom: 10px;
}
.results-pic {
    max-width: 100%;
    height: auto;
    margin-bottom: 5px;
}
#calculator-form {
    position: relative;
}
/* #calculator-form:after {
    position: absolute;
    z-index: -1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .5);
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    -ms-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
#calculator-form.overlay-active:after {
    z-index: 100;
    opacity: 1;
} */
#calculator-form .btn[disabled] {
    cursor: default;
}
#calculator-form .btn.red[disabled]:hover,
#calculator-form .btn.red[disabled]:focus {
    background: #cf2d7d;
}
.calculator-loader {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.overlay-active .calculator-loader {
    display: block;
}

/*---------------------------CALCULATOR SECTION-----------------------------*/

.section-calculator {
    position: relative;
    z-index: 3;
}
    .section-calculator:before,
    .section-calculator:after {
        content: '';
        position: absolute;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .section-calculator:before {
        top: -92px;
        left: 0;
        width: 259px;
        height: 402px;
        /* background-image: url(../img/content/film_right.png); */
    }
    .section-calculator:after {
        bottom: -106px;
        right: 0;
        width: 266px;
        height: 452px;
        /* background-image: url(../img/content/film_left.png); */
    }
    .section-calculator > .container {
        position: relative;
        z-index: 2;
    }
    .frc-section p {
        text-align: left;
        padding-bottom: 20px;
    }
    .frc-section .btn, .frc-section a.btn {
        text-align: left;
    }

/*-------------------------------------EXERCISE-LIST--------------------------------*/
section.standard-page.exercise-list-page ul {
    list-style: none;
    margin: 0px 10px 20px 0px;
}
.article {
    width: 100%;
    display: table;
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}
.exercise-list-page .article-content-box {
    padding: 0px 40px 40px 40px;
    width: 70%;
    float: left;
}
.article-content-box ul li {
    list-style: disc;
}
.exercise-list-page .content-header {
    margin-bottom: 13px;
}
.box-list-sub-title {
    font: 400 16px 'proximanova-regular';
    color: #717171;
}
.exercise-list-page .article-img-box {
    max-width: 25%;
    border-right: 2px solid #eeeff1;
    float: left;
}
.exercise-list-page .box-list-title {
    margin-bottom: 4px;
}
.exercise-list-page .content ul,
.exercise-list-page .content ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.exercise-list-page .content p:last-child {
    margin-bottom: 0;
}
/*-------------------------------------GLOSSARY-------------------------------------*/
section.standard-page.glossary-page ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}
li.glossary-letter-group {
    background: #e4e9ed;
    padding: 20px;
}
.glossary-sub-list > li {
    padding: 25px 20px 0;
 }
.glossary-sub-list li .article-content-wrap {
    padding-bottom: 25px;
 }
 ul.glossary-list {
    padding-left: 10px;
}
.glossary-list {
    padding-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
}
.glossary-letter {
    margin-bottom: 6px;
    font: 400 48px 'proximanova-regular';
    color: #bfc4c8;
    text-transform: capitalize;
}
.glossary-sub-list li {
    padding: 14px 40px 0 20px;
}
.glossary-sub-list .content li {
    margin: 5px 0px 0px 20px;
}
.glossary-sub-list li .article-content-wrap {
    padding-bottom: 30px;
    border-bottom: 2px solid #ebedec;
}
.glossary-sub-list li:last-child .article-content-wrap {
    border-bottom: none;
}
.glossary-list > li {
    margin-bottom: 29px;
}
.glossary-list > li:last-child {
    margin-bottom: 0;
}
.glossary-list .glossary-sub-list {
   background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.glossary-sub-list .box-list-title {
    margin-bottom: 14px;
}
.glossary-sub-list .content :last-child {
    margin-bottom: 0;
}
.glossary-sub-list .content a {
    text-decoration: underline;
}
.glossary-sub-list .content a:hover {
    text-decoration: none;
}
.glossary-sub-list .content ul,
.glossary-sub-list .content ol {
    margin-top: 0;
    padding-left: 20px;
    margin-bottom: 10px;
}
.glossary-sub-list .content ul,
.glossary-sub-list .content ul li {
    list-style-type: disc;
}
.glossary-sub-list .content ol,
.glossary-sub-list .content ol li {
    list-style-type: decimal;
}
.glossary-sub-list .content li {
    margin-bottom: 5px;
}
.glossary-sub-list .content p {
    margin-bottom: 12px;
}
/*----------------------------------------FAQ-------------------------------------*/
ul.accordion-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
/*------------------------------------GIVE DONATIONS------------------------------*/
form#give-form-5487-1, form#give-form-9004111222038759-1 {
    text-align: center;
}
h2.give-form-title {
    display: none;
}
div#give-form-content-5487 {
    color: #191f22;
}
#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
	margin-bottom: 30px;
	color: #000000;
}
[id*='give-form'] .give-recurring-donors-choice + .give-btn, [id*='give-form'] .give-recurring-admin-choice + .give-btn, [id*='give-form'] .give-recurring-donors-choice {
    display: block;
    clear: both;
    margin: 0px auto 0 auto;
    text-align: center;
}
.give-recurring-donors-choice {
	padding: 20px 0px 50px 0px;
}
div#give-tributes-options-5487, div#give-tributes-type-wrap-5487 {
    padding: 20px 0px 0px 0px;
}
.give-total-wrap {
    text-align: center;
}
/*--------------------------- GIVE FORM TRIBUTES DEDICATION -------------------------*/

/*--------------------------- GIVE FORM PAYMENT -------------------------*/
.give-donation-amount.form-row-wide {
    font-size: 22px;
    text-transform: uppercase;
    color: #191f22;
    margin: 0px auto;
    width: 310px;
    padding: 20px;
}
form[id*=give-form] legend {
    display: contents;
    margin: 20px !important;
}
div#give-payment-mode-wrap {
    padding: 20px 0px 0px 0px;
}
[id*='give-form'].give-recurring-form-admin div.give-donation-amount, [id*='give-form'].give-recurring-form-admin p.give-donation-amount {
    float: none;
}
fieldset#give-tributes-dedicate-donation-5487, fieldset#give-payment-mode-select, div#give-tributes-info-wrap-5487, fieldset#give_cc_fields-5487, fieldset#give_cc_address, fieldset#give_checkout_user_info {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background: #fff;
    padding: 20px 10px 20px 10px;
    border-radius: 5px;
}
fieldset#give-tributes-dedicate-donation-9004111222038759, fieldset#give_cc_fields-9004111222038759, div#give-tributes-info-wrap-9004111222038759 .give-tributes-dedicate-donation, fieldset#give-payment-mode-select, form[id*=give-form] #give-ffm-section {
	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background: #fff;
    padding: 20px 10px 20px 10px;
    border-radius: 5px;
    margin-bottom: 40px;
}
form[id*=give-form] .give-donation-amount {
    margin: 0px auto;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol {
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin: 0;
    padding: 0 12px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border-radius: 5px 0px 0px 5px;
}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    border-top: 1px solid #CCC;
    background: #fff;
    border-radius: 0px 5px 5px 0px;
    height: 50px;
    line-height: 35px;
    padding: 10px 20px;
    margin: 0;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 234px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-left: none;
}
input#give-amount {
    padding: 10px 20px;
    font-size: 22px;
    border-radius: 5px;
}
#give-donation-level-button-wrap {
    list-style: none;
    padding: 0px;
    margin: 50px 0px;
    text-align: center;
    color: #191f22;
}
#give-donation-level-button-wrap li {
    width: 16%;
    display: inline-block;
    text-align: center;
}
button.give-donation-level-btn.give-btn.give-btn-level-2 {
    padding: 33% 27%;
}
button.give-donation-level-btn.give-btn.give-btn-level-3 {
    padding: 33% 25%;
}
button.give-donation-level-btn.give-btn.give-btn-level-4 {
    padding: 33% 22%;
}
button.give-donation-level-btn.give-btn.give-btn-level-custom {
    padding: 33% 24%;
}
button.give-donation-level-btn.give-btn {
    border-radius: 50%;
    font-size: 24px;
    border: 2px solid #0097de;
    background: none;
    padding: 33% 29%;
}
button.give-donation-level-btn.give-btn:hover {
    cursor: pointer;
    border: 2px solid #ffffff;
    background: #cf2d7d;
    color: #ffffff;
}
button.give-donation-level-btn.give-btn:active {
    border: 2px solid #ffffff;
    background: #cf2d7d;
    color: #ffffff;
}
fieldset#give-payment-mode-select {
    border: none;
    text-align: center;
}
ul#give-gateway-radio-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
fieldset#give_checkout_user_info {
    text-align: center;
    border: none;
}
p#give-title-wrap, p#give-first-name-wrap, p#give-last-name-wrap, p#give-company-wrap, p#give-email-wrap {
    float: none;
    width: 70%;
    margin: 10px auto;
    text-align: left;
}
fieldset#give_offline_payment_info {
    text-align: center;
}
button.give-btn.give-btn-reveal, input#give-purchase-button {
    background: #cf2d7d;
    color: #ffffff;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: bold;
    float: none;
}
@media all and (max-width: 748px) {
	ul#give-donation-level-button-wrap li {
	    width: 48%;
	    display: inline-block;
	    text-align: center;
	}
	p#give-title-wrap, p#give-first-name-wrap, p#give-last-name-wrap, p#give-company-wrap, p#give-email-wrap {
    float: none;
    width: 90%;
    margin: 10px auto;
    text-align: left;
	}
}
span.give-donation-total-label, span.give-final-total-amount {
    float: none !important;
    padding: 10px 10px !important;
}

@media print { 
    .desktopHeader, .blogsubHeader, .blogSidebar, .footerTop, .footerBottom, { 
        display: none !important; 
    } 
}
#chartPDF .download-pdf-btn { padding: 40px 50px;background: #0097de;clear: both;display: block;font-size: 22px;color: #ffffff !important;font-weight: 900;max-width: 70%; border-radius: 10px;margin-left: auto;margin-right: auto;margin-top: 40px;cursor: pointer;width:100% }
.calcResult .email-res #userEmail{margin: 0px; border-radius: 3px; padding: 10px; min-width: 300px; vertical-align: middle; }
.calcResult .email-res .download-pdf-btn{ font-family: "ProximaNova", Sans-serif; font-size: 16px; letter-spacing: 0px; fill: #ffffff; color: #ffffff; background-color: #cf2d7d; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 27px 0px rgb(0 0 0 / 12%); padding: 16px 24px; vertical-align: middle; }

/*------- POST PASSWORD FORM ------*/
form.post-password-form {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.calcResult .more-risk{border: 2px solid red; padding: 5px 15px; color: red; margin-bottom: 10px; margin: 0; background: #fff; max-width: 600px; margin: 0 auto -10px; position: relative;}
.section-calculator-risk { padding-left: 10px; padding-right: 10px; }
.personal-info-list { padding-left: 200px; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 100%; }
.personal-info-list .form-group { width: 100%; max-width: 50%; padding: 0 10px; margin-bottom: 12px; }
.personal-info-list .form-group .input-style { width: 100%; max-width: 100%; }
.personal-info-list label.error { position: unset; display: block; line-height: 1; }
.bottom-calc-box { padding:20px 0 0 200px; }

@media all and (max-width: 991px) {
	.personal-info-list { padding-left: 100px; }
	.bottom-calc-box { padding: 20px 0 0 100px; }
}

@media all and (max-width: 767px) {
	.section-calculator-risk { padding-left: 0; padding-right: 0; }
	.personal-info-list .form-group { max-width: 100%; padding: 0; }
	.personal-info-list { padding-left: 60px; }
	.bottom-calc-box { padding: 20px 0 0 60px; }
}


/* GravityForms hide description */
.gform_required_legend {
	display: none !important;
}