/*
Theme Name: Klein 
Author: Cumberland Heights 
Description: Klein Theme
Version: 1.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
COMMON CH STYLEGUIDE COLORS:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
green: #54B95B
light blue: #2C596F
dark blue: #15374D
*/

/**
 * Style CSS
 *
 * @package Klein
 * @since version 1.0
 */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
#wpadminbar {
    display: none;
}

html {
    overflow-x: hidden;
}

html,
body,
div,
span,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.8em;
    font: 14px/1.6em 'PT Sans', Arial, Helvetica, sans-serif;
    color: #54B95B;
    word-wrap: break-word;
}

ol>li,
ul>li {
    list-style: square;
    margin-left: 30px;
}

ol>li {
    list-style: decimal;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
}

table tr,
table td {
    padding: 2px 8px;
    color: #95A5A6;
    border: 1px solid #ECF0F1;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#internDiv {
    border: none !important;
    width: 65%;
    padding: 0;
}

table#wp-calendar th,
table#wp-calendar td {
    color: #54B95B;
}

table#trainingTable th {
    color: #fff;
    padding: 10px;
    background-color: #55B949;
}

table#trainingTable tr:nth-child(even) {
    background: #f4f4f4;
}

table#trainingTable tr:nth-child(odd) {
    background: #ffffff;
}

.widget_calendar h3 {
    display: none;
}

li:empty {
    display: none;
}

.wp-caption-text,
q,
cite,
var,
address {
    font-style: normal;
}

var {
    font-family: 'Times New Roman', Georgia, sans-serif;
}

em,
i {
    font-family: Georgia, 'Times New Roman', sans-serif;
}

tt,
pre {
    font-size: 12px;
    font-family: "Courier", sans-serif;
}

pre {
    max-width: 90%;
    width: auto;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

code {
    word-wrap: break-word;
    white-space: normal;
}

.pdf {
    font-weight: 700;
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
    display: none;
}

a:hover {
    text-decoration: none;
}

/* #Basic Styles
================================================== */
.site-content {
    margin-top: 30px;
    min-height: 100%;
    position: relative;
}

.iframe {
    position: absolute;
    background: #ffffff !important;
    border: none;
    top: 265px;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.holder {
    position: relative;
    width: 613px;
    height: 605px;
}

.bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
}

#envira-gallery-wrap-3984 img {
    padding: 10px;
}

#envira-gallery-wrap-3984 a:hover {
    border: 5px solid #f0f0f0;
}

.mp62_mrm_render_item_image {
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    border: 5px solid #ffffff;
    clear: both;
}

.mp62_mrm_render_section {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.mp62_mrm_render_item {
    margin-bottom: -30px;
}

.menu-header {
    font-size: 18px !important;
}

.rotate {
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

.rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vc_message_box {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.vc_message_box-date {
    font-size: 20px;
    margin-left: 20px;
}

.vc_color-alert-danger {
    background-color: #FFFF99 !important;
    border: 1px #ffcc00 solid;
}

.content {
    height: 1500px;
    min-height: 1500px;
    /*width:550px;*/
    font-size: 14px;
}

.widget-area {
    margin-top: -50px;
    width: 300px;
}

.hidden {
    display: none;
}

#good {
    background-color: #C8E9C5;
    border: 10px #f0f0f0 solid;
    padding: 20px;
}

#warn {
    background-color: #F8F3B8;
    border: 1px #EADD39 solid;
    padding: 20px;
}

#weatherbar {
    margin-top: -20px;
    margin-bottom: -10px;
    width: 400px;
    height: 45px;
    text-overflow: hidden;
    text-align: left;
    float: left;
}

blockquote,
pre,
q {
    border-left: 5px solid #ECF0F1;
}

.content-area {
    margin-top: -40px;
}

/* Make it a marquee */
.marquee {
    width: 550px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    animation: marquee 50s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0% {
        text-indent: 7.5em
    }

    100% {
        text-indent: -115em
    }
}

/* Make it pretty */
.ch {
    padding-left: .5em;
    position: relative;
    font-weight: bold;
    padding-top: 10px;
    font-size: 14px;
    height: 32px;
}

/* ::before was :before before ::before was ::before - kthx */
.ch:before,
.ch::before {
    z-index: 2;
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
}

.ch:after,
.ch::after {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-image: url('/wp-content/uploads/2015/10/tiny-square-cumberland-heights-bell-tower.png');
    background-repeat: no-repeat;
}

.tribe-events-nav-previous li {
    float: left !important;
}

.tribe-events-nav-next li {
    float: right !important;
}


/* #Typography
================================================== */
h1,
h2,
h3 {
    letter-spacing: -1px;
}

legend,
label,
caption,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", "Helvetica", "Times New Roman", serif;
    font-weight: 700;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

.subheader {
    color: #777;
}

h1.entry-title {
    line-height: 120%;
    margin: 30px 0;
}

p {
    margin: 0 0 20px 0;
}

p img {
    margin: 0;
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 85%;
}

/*	Blockquotes  */

blockquote {
    margin: 0 0 20px;
    position: relative;
    font-family: georgia;
    padding: 20px 10px;
    font-family: 'Georgia', 'Times New Roman', sans-serif;
}

blockquote p {
    line-height: 160%;
    color: #7F8C8D;
    font-style: italic;
}

blockquote cite {
    margin-top: 0.50em;
    display: block;
    font-size: 12px;
    color: #555;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555;
}

hr {
    border: solid #F1F1F1;
    border-width: 1px 0 0;
    clear: both;
    margin: 30px 0px;
    height: 0;
}

.blog-content-title {
    color: #55B949 !important;
    min-width: 960px;
    width: 960px;
}

#tablewrap {
    padding: 5px;
    width: 580px !important;
    float: left;
}

#1_column {
    width: 290px;
    float: left;
    padding: 5px 15px;
}

#2_column {
    width: 244px;
    float: left;
    padding: 5px 15px;
    margin: 0px 5px 5px 5px;
}

table {
    margin-bottom: 20px;
    width: 100%;
}

dl {
    display: block;
}

#table th {
    color: #FFFFFF;
    background-color: #55B949;
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

dl dt {
    margin-left: 5px;
}

dl dd {
    margin-left: 45px;
}

#table caption {
    text-align: left;
    background: #444;
    padding: 20px 10px;
    border: 1px solid #333;
    border-bottom: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ECF0F1;
}

/* #Links
================================================== */


p a,
p a:visited {
    line-height: inherit;
}


/* #Lists
================================================== */
ul,
ol {
    margin-bottom: 20px;
}

ol {
    list-style: decimal;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 8px 0 4px 8px;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 6px;
}

li {
    line-height: 18px;
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

.gform_fields {
    background: #f4f4f4 !important;
    margin: 8px;
}

/* #Images
================================================== */

img.scale-with-grid {
    max-width: 100%;
    width: auto;
    height: auto;
}


/* #Buttons
================================================== */
.btn.loading,
button.loading,
input[type="submit"].loading,
input[type="reset"].loading,
li.load-more.loading a,
input[type="button"].loading {
    background-image: url('images/bp_btn_loader.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.btn-green {
    background: #67bc45;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.btn-sm {
    font-size: 10px;
}

/* #Forms
================================================== */
form {
    display: block;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #BDC3C7;
    border-radius: 2px;
    padding: 6px 2px 8px 12px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 13px 'PT Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #7F8C8D;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
    background: #fff;
    color: #7F8C8D;
}

select {
    line-height: 24px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    color: #444;
    background: #f0f0f0;
}

textarea {
    min-height: 60px;
}

label {
    margin-bottom: 4px;
}

select {
    width: 220px;
}

input[type="checkbox"] {
    display: inline-block;
    margin: 4px 4px 0 0px;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

textarea.full {
    width: 97%;
}

label.entry {
    position: relative;
    padding: 8px;
    width: 50%;
}

label.entry label.entry {
    background-color: #fff;
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

label.entry input:checked~label.entry {
    background-color: #f0f0f0;
    ;
}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

.remove-left {
    margin-left: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}

.errorR {
    color: #ff0000;
}

/* #WordPress
=================================================== */
.type-event-list-cal {
    padding-top: 30px;
}

.edit-link {
    display: inline-block;
    clear: both;
    width: 100%;
    border-top: 1px dashed #27AE60;
    margin-top: 20px;
}

a.comment-edit-link,
a.post-edit-link {
    color: #ECF0F1;
    background: #27AE60;
    padding: 4px 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.page-link {
    margin-left: 20px;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

li.pingback {
    list-style: none;
}

li.pingback .comment-body {
    margin: 4px 10px 0px 82px;
}

footer.entry-meta.single {
    border-top: 1px solid #DDD;
    padding-top: 1em;
    margin-top: 1em;
}

footer.entry-meta .comments-link,
footer.entry-meta .edit-link,
footer.entry-meta .tags-links,
footer.entry-meta .cat-links {
    font-size: 95%;
    display: inline-block;
    padding: 0.50em 0;
}

.sticky-icon {
    color: #A7A7A7;
    font-size: 0.75em;
}

.attachment-thumbnail:hover {
    opacity: 0.8
}

.hentry img,
.thumbnail,
.attachment-post-thumbnail {}

.attachment footer.entry-meta .edit-link {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

#nav-below {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

#nav-below>.omega {
    margin-left: 0;
}

#nav-below+.omega>.pull-right {
    float: left;
}

.entry-title,
.nav-next p {
    word-wrap: break-word;
}

.entry-title a:visited,
.entry-title a {
    color: #54B95B;
}

.entry-title {
    letter-spacing: -1.5px;
    font-size: 32px;
    word-wrap: break-word;
    text-transform: uppercase;
    width: 960px;
    line-height: 42px;
}

.entry-title a {
    text-decoration: none;
}

.hentry:first-child {
    margin-top: 0;
}

.hentry:last-child {
    margin-bottom: 0;
}

.wp-caption {
    position: relative;
    max-width: 100%;
}

.wp-caption img {
    max-width: 100%;
    width: auto;
}

.wp-caption-dt {
    margin: 1em;
}

.wp-caption-dt:empty,
.wp-caption-text:empty,
.wp-caption:empty {
    display: none;
}

.embed-vimeo iframe {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0.25em;
    background: #fff;
}

.wp-caption-text {
    font-size: 12px;
    padding: 5px 10px;
    background: #F39C12;
    color: #ECF0F1;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 6px;
}

.modal-open {
    overflow: hidden;
}

.alignright {
    float: right;
    margin-left: 1em;
}

.alignleft {
    float: left;
    margin-right: 1em;
}

.aligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}

.textalignleft {
    text-align: left;
}

.menu.desktop ul li.current_page_ancestor>a {
    color: #FFFFB0;
}

.widget .menu-item {
    font-size: 16px;
}

.menu-item a:hover {
    text-decoration: none;
}

#cancel-comment-reply-link {
    font-size: 12px;
}

.no-comments,
.post-edit-link,
.page-links:not(a),
.comment-awaiting-moderation,
.screen-reader-text {
    color: #FF9696;
}

/**
 * Social Icons
 	======================= */
#socialbar {
    width: 600px;
    text-align: left;
    float: left;
    padding-left: 40px;
}

.social_links {
    float: left;
    margin: auto 0;
    display: inline-block;
}

a.social_icon {
    margin: 0 auto;
    width: 35px;
    padding: 0 5px;
    font-size: 20px;
    color: #A5DA9E;
}

a.social_icon:hover {
    color: #ffffff;
}

/* #Widgets
	======================= */
.widget {
    position: relative;
}

.fontawesome-text {
    margin-left: 10px;
}

#menu-quick-links a:hover {
    color: #55B949;
    background-color: #222;
}

.widget .avatar-block {
    display: inline-table;
    clear: both;
    width: 100%;
}

.widget_search .search-field {
    margin-bottom: 0;
}

.rsswidget[title='Syndicate this content'] {
    margin-top: 4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

/* Flickr Widget Support */
.wpfw_flickr_widget a {
    display: inline-block;
    margin: 0 3px;
    width: 30%;
}

.wpfw_flickr_widget a:hover {
    opacity: 0.8;
}

.wpfw_flickr_widget img {
    width: 100%;
    height: auto;
}

#footer-widgets {
    background: #34495E;
    color: #ECF0F1;
    padding: 60px 0 40px 0;
}

#footer-widgets .widget {
    background: 0;
    padding: 0;
    border-bottom: 0;
}

#footer-widgets li a {}

#footer-widgets .widget-title {
    color: #fff;
    font-size: 14px;
    text-shadow: none;
}

#footer-widgets .widget-clear {
    margin-bottom: 20px;
}

#copyright-text p:first-child:last-child {
    color: #ffffff !important;
    margin: 0;
}

a #copyright-text {
    color: #ffffff !important;
}

.widget {
    margin: 0px 0px 20px;
    background: #55B949;
    padding: 20px 20px 20px;
    border-bottom: 5px solid #16A085;
    color: #ECF0F1;
    width: 300px;
    -webkit-transition: 250ms;
    -moz-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    -webkit-backface-visibility: hidden;
}

.widget.widget_nav_menu {
    padding: 0;
    background: none !important;
    border-bottom: none !important;
}

.widget.widget_nav_menu ul,
.widget.widget_nav_menu li {
    padding: 0;
    margin: 0;
}

.widget.widget_nav_menu li a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 12px 10px;
    background: #444;
    display: inline-block;
    width: 100%;
    color: #fff;
    border-bottom: 1px solid #333;
}

.widget.widget_nav_menu .nav-menu-icon.nav-icon {
    float: right;
    background: #333;
    padding: 12px 16px 17px 16px;
    margin: -13px -10px -16px -10px;
    cursor: pointer;
}

.widget.widget_nav_menu .nav-menu-icon.nav-icon:hover {
    background: #222;
}

.widget.widget_nav_menu .menu .sub-menu {
    display: none;
}

.widget.widget_nav_menu .menu .sub-menu li {
    margin: 0;
}

.widget.widget_nav_menu .menu .sub-menu li a {
    background: #333;
    border-bottom: 1px solid #444;
}

.widget.widget_nav_menu li:last-child a {
    border-bottom: 0;
}

.widget:first-child .widget-title {
    margin-top: 0;
}

#front-page-widgets-section-a .widget {
    background: #E74C3C;
    border-bottom: 5px solid #C0392B;
    color: #ECF0F1;
    width: 100%;
}

#front-page-widgets-section-a .widget .widget-title {
    border-bottom: 1px solid #C0392B;
}

#front-page-widgets-section-c .widget {
    background: #ECF0F1;
    border-bottom: 5px solid #BDC3C7;
    color: #7F8C8D;
}

#front-page-widgets-section-c .widget .widget-title {
    border-bottom: 1px solid #BDC3C7;
}

.widget input[type=text] {
    width: 100%;
}

.widget a {
    color: #fff;
}

#front-page-widgets-section-a .widget a {
    color: #ECF0F1;
}

#front-page-widgets-section-c .widget a {
    color: #7F8C8D;
}

#front-page-widgets-section-c .widget.widget_bp_core_members_widget a {
    color: #ECF0F1;
}

.widget:first-child {
    margin-top: 0;
}

.widget:last-child {
    margin-bottom: 20px;
}

.widget li:last-child {
    margin-bottom: 0;
}

.widget ul {
    margin-bottom: 0;
}

.widget ul,
.widget ol,
.widget li {
    list-style: none;
    margin-left: 0;
}

.widget .menu .sub-menu li {
    margin-left: 1.5em;
}

.widget dl dt {
    margin-left: 0;
}

.widget-title {
    position: absolute;
    font-size: 14px;
    display: inline-block;
    line-height: 1.3em;
    margin: 0px 0 20px;
    margin-left: -20px;
    margin-top: -20px !important;
    border-bottom: 1px solid #16A085;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
}

.widget-clear {
    content: " ";
    clear: both;
    margin-bottom: 60px;
}

#footer-widgets .widget-title,
#front-page-widgets-section-a .widget_bp_core_members_widget .widget .widget-title,
#front-page-widgets-section-a .widget_bp_groups_widget .widget-title,
#front-page-widgets-section-c .widget_bp_core_members_widget .widget-title,
#front-page-widgets-section-c .widget_bp_groups_widget .widget-title,
.widget_bp_core_members_widget .widget-title,
.widget_nav_menu .widget-title,
.widget_bp_groups_widget .widget-title {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    border-bottom: 0;
}

#front-page-widgets-section-c .widget_bp_groups_widget,
#front-page-widgets-section-c .widget_bp_core_members_widget,
#front-page-widgets-section-c .widget_bp_groups_widget a,
#front-page-widgets-section-c .widget_bp_core_members_widget a {
    color: #ECF0F1;
}

.blog-content {
    width: 960px !important;
}

.hentry img,
.entry-content img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/* #Comments Section
	====================== */
p.logged-in-as,
p.comment-notes {
    margin: 20px 0;
}

.comments-area {
    margin-top: 20px;
}

.comment-form {
    display: block;
    clear: both;
    width: 85%;
    float: right;
}

.comment-list {
    clear: both;
}

.comment-content,
li.comment {
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 10px 0;
}

li.comment {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
}

li.comment:last-child,
ul.children li.comment {
    border-bottom: none;
}

li.comment time {
    color: #A7A7A7;
    display: inline-block;
    margin: 10px 0;
}

li.comment.even {}

li.comment.odd {}

#reply-title,
.comments-title {
    padding: 20px 0px 0px;
    font-size: 20px;
    display: block;
    text-transform: uppercase;
    float: right;
    box-sizing: border-box;
    margin-left: 15%;
}

.comment-content {}

li.comment {
    margin-left: 15%;
}

.comment-author img {
    position: absolute;
    left: -42px;
    top: 4px;

}

.comment-body {
    position: relative;
    display: inline-block;
}

.depth-2 .comment-body {
    margin: 0px 50px;
}

.comment-author .avatar {
    float: left;
    margin-right: 1em;
    display: block;
    margin-left: -24px;
    margin-bottom: 10px;
    width: 50px;
    height: auto;
}

textarea#comment {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* IE Placeholder Polyfill Support
================ */
span.placeholder {
    position: absolute;
    color: #999;
    font-family: sans-serif;
    padding: 2px;
    z-index: 1;
    cursor: text;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide {
    display: none;
}

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder {
    /*clip: auto !important;*/
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    left: -999em;
}

/* Jetpack 
================= */
.slideshow-window {
    background-color: #f7f7f7 !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    margin-bottom: 0 !important;
}

/* Login Popup
================ */

.klein #loginform {
    display: inline-block;
    width: 100%;
}

.klein #loginform #user_login,
.klein #loginform #user_pass {
    width: 100%;
}

.klein #loginform .login-username,
.klein #loginform .login-password {
    float: left;
    margin-right: 4%;
    display: inline-block;
    width: 48%;
}

.klein #loginform .login-password {
    margin-right: 0;
}

.klein .login-remember {
    clear: both;
    display: inline-block;
    float: left;
}

.klein .login-remember label {
    margin-top: 5px;
}

.klein .login-submit {
    float: right;
    display: inline-block;
}

.klein .login-facebook-connect {
    float: right;
}

.klein .login-facebook-connect .btn {
    background: #3B5A9B;
    padding: 6px 10px;
    margin-top: 0px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Exit Interviews - Adult Patient Satisfaction Survey
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.gform_wrapper {
    background: #f0f0f0;
    padding: 40px;
}

.gfield_radio li {
    float: left;
    display: inline-block;
    margin: 0;
    background: #ccc;
}

.gfield_radio li:nth-last-child() {
    display: inline-block;
    margin: 20px;
}

.gfield_radio input[type="radio"] {
    display: none !important;
}

.gfield_radio_wide li {
    float: left;
    width: 30%;
    min-width: 220px;
    display: inline-block;
    font-size: 16px;
    margin: 0 auto;
}

.gfield_radio_wide input[type="radio"] {
    display: none !important;
}

.gform_wrapper .gfield_radio_wide li label,
.gform_wrapper .gfield_radio li label,
.gform_wrapper.email_signup_form_wrapper .gform_footer.top_label .button.gform_button,
input[type="submit"].button.gform_button {
    background: url("/wp-content/themes/klein/images/bg_pattern.png") repeat scroll 0 0 #5F879E;
    color: #ffffff !important;
    font-family: 'PT Sans';
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 25px !important;
    margin: 5px;
    display: -moz-inline-box;
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    text-shadow: white;
    border: 1px solid #5d869e;
    cursor: pointer;
}

.gform_wrapper .gfield_radio_wide li label:hover,
.gform_wrapper .gfield_radio li label:hover,
.gform_wrapper.email_signup_form_wrapper:hover .gform_footer.top_label:hover .button.gform_button:hover,
input[type="submit"].button.gform_button:hover {
    background: url("/wp-content/themes/kleins/images/bg_pattern.png") repeat scroll 0 0 #5F879E;
}



.portal-header {
    width: 100%;
    color: #fff;
    background-color: #55B949;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .portal-header:before {
    content: url(/wp-content/themes/klein/images/bell-tower-50x50-white-transparent.png);
  }