/*
Theme Name:     HERO Custom
Theme URI:
Description:    Custom child theme for HERO [with parent theme KLEO by SeventhQueen]
Author:         Creature Works
Author URI:     http://www.creatureworks.com
Template:       kleo
*/

/* CUSTOM STYLES */
body {
	border-top: 12px solid #365268;
}
.grecaptcha-badge { 
visibility: hidden; 
}
#heroAccountsHelp section {
	padding-top: 60px;
	padding-bottom: 10px;
	/* border-bottom: 1px solid #ccc; */
}
#heroAccountsHelp section.noPadTop {
	padding-top: 0px;
	padding-bottom: 20px;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
background-color:#ec297b;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover {
background-color:#ed6590;
}

.homeGridText p {
margin-top: -18px; 
font-weight: 800; 
padding-left: 20px;
font-family:Montserrat,'Arial Black',Gadget,sans-serif;
}

.homeGridText a {
color:#fff;
}

.homeGridText a:hover {
color:#f0edde;
}

.wp-caption-text {
line-height: 15px;
}

#main {
padding-bottom:40px;
}

#main .article-content h3 a {
color: #367bb7;
}

#main .article-content h3.post-title a {
color: #222;
}

/* This is for the search box */
.header-color .form-control:focus {
	background-color: #fff;
}

/* This is because the User links in the upper right corner are dropping out of the dark admin bar when you are in admin and the screen is narrow. */
#wpadminbar .quicklinks ul {
	background-color: #23282d;
}

.top-bar li > a {
	padding-top: 4px;
	padding-bottom: 4px;
}
.top-menu .becomeMemberButton {
	background-color: #b6c9da;
/* 	margin-right: -4px; */
}

/* 
Removing color since this is no longer new. Also note this is now the HERO Hub Login, not neoncrm.
.top-menu .neoncrm-link {
	background-color: #d2ccb2;
}
 */
.top-menu .donate-link {
	background-color: #d0dbce;
}
.top-menu ul li.menu-item:hover ul.sub-menu {
    display: block !important;
}
.searchResultsBreadcrumb {
margin: 0 0 16px 0;
color: #777;
font-size: 14px;
text-transform:uppercase;
letter-spacing: 0.5px;
}

.searchResultsBreadcrumb a {
color: #777;
}

.searchResultsBreadcrumb a:hover {
color: #555;
text-decoration:underline;
}

.one-by-one-animated li {
    list-style-type: disc;
}

.callout-blockquote blockquote p:before {
	content: "";
}
.callout-blockquote blockquote p:first-child::before {
	content: "";
}
.callout-blockquote blockquote p {
    padding-left: 0px;
}
.main-color .hr-title {
	color: #777;
}
.header-color .top-menu li > a, .header-color #top-social li a {
    color: #444444;
}
#top-social li i{
    font-size: 24px;
}

#top-social li a  {
	font-size:14px;
}

.masonry-listing .format-standard .post-title  {
border-left: 3px solid #367bb7;
}

.masonry-listing .category-hero-briefs .post-title {
border-left: 3px solid #ec297b;
}
.masonry-listing .category-proceedings .post-title {
border-left: 3px solid #b6a55d;
}

/* fix divider with icon: wrapping isn't centered */
.hr-title abbr i {
	display: none;
}

/* removing the red line that appears over the active menu item. (looked wrong over it becuase there is anonther menu up there. Could have put it underneath) */
.kleo-main-header .nav > li.active > a {
	/* box-shadow: 0 2px 0 0 #ec297b inset;  */
	box-shadow: none;
}

/* I did not like that committees were not fading in until they were all the way on the screen - it usually looked like some were missing */
.kleo-transform .masonry .animated.animate-when-visible,
.kleo-transform .masonry .animated.animate-when-almost-visible {
    opacity: 1.0;
}
.kleo-transform .masonry .animated.start-animation.bottom-to-top {
	transition: none;
	animation: none;
}

a.publicationEditLink {
	font-size: 0.8em;
	color: #dd0000 !important;
	
}
.publicationOptions {
	display: none;
	position: absolute;
	bottom: -4px;
	left: 10px;
}
#publicationsTable {
	font-size: 12px;
	display: none;
	table-layout: fixed;
}
#publicationsTable .publicationsColumnTitle {
	width: 69%;
	/* width: 800px; */
	position: relative;
}
#publicationsTable .publicationsColumnDate {
	width: 8%;
	/* min-width: 65px; */
}
#publicationsTable .publicationsColumnType {
	width: 8%;
	/* min-width: 45px; */
}
#publicationsTable .publicationsColumnLinks {
	width: 15%; 
	/* min-width: 130px; */
}
#publicationsTable a.publicationTitle {
	font-weight: bold;
}
#publicationsTable td {
	border-bottom: 1px solid #777;
}
#publicationsTable th, #publicationsTable td {
	/* max-width: 300px !important; */
}
#publicationsTable a.publicationViewLink, #publicationsTable a.publicationDownloadLink {
        padding: 4px;
        background-color: #f0f0f0;
        border: 1px solid #d3d3d3;
        text-align: center;
	float: left;
}

#publicationsTable a.publicationViewLink {
	margin-right: 10px;
}

#filterTermSelector {
	margin-bottom: 10px;
}


/* adding a white solid shadow so when the text wraps, we still get visual spacing on the horizontal line that the text is on top of. */
.hr-title abbr {
	padding: 2px 2px 2px 4px;
	display: inline;
}

.video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-top: 30px;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.standard-listing .article-media img.wp-post-image {
	display: none;
}
@media (max-width: 992px) {
	.hr-title {
		padding: 0 10px 0 10px;
	}
}
/* bring the drop-down sub-menu in - they were going off screen using left: 100%. */
@media (min-width: 992px) and (max-width: 1600px) {
	.navbar .nav>li>.dropdown-menu.pull-left .dropdown-menu {
		/* left: 100%; */
		left: 90px;
		top: 16px;
		border: 1px solid #bbb;
	}
}
@media (max-width: 991px) {
	#publicationsTable a.publicationDownloadLink {
		margin-top: 2px;
	}
	#publicationsTable a.publicationViewLink {
		margin-bottom: 2px;
	}
	#publicationsTable {
		table-layout: auto;
	}
}

.noTopMargin {
	margin-top:0px;
}

ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6 {
 margin-top:1.5em
}
body .alignleft {
margin: 5px 30px 10px 0
}
body .alignright {
 float:right;
 margin:5px 0 10px 30px
}
body .aligncenter {
 display:block;
 margin:5px auto 10px auto
}
body .alignnone {
 float:none;
 margin:5px auto 10px auto
}
article .article-meta .post-meta {
	font-size: 10px;
}
.home-blue-banner a {
color: #fff;
}
.home-blue-banner a:hover {
text-decoration:underline;
color: #fff;
}
.single-post table {
	border: 1px solid #555;
	border-collapse: collapse;
}
.single-post table td {
	padding: 6px;
	border: 1px solid #555;
	vertical-align: top;
}
.single-post table tr td:first-child {
	width: 50%;
}
.kleo-main-header li.ForumSubMenu.menu-item {
	position: relative;
	z-index: 1600;
}
.TTSubMenu {
}
.kleo-main-header li.SummitsSubMenu.menu-item {
	position: relative;
	z-index: 1598;
}

/* SCORECARD CASE STUDIES */
div.scorecard-case-study-box {
	border: 1px solid rgb(170, 170, 170);
	margin-bottom:30px;
}
@media(min-width: 992px) {
	div.scorecard-case-study-box {
		display: flex;
		flex-flow: column;
		flex-grow: 1;
		justify-content: space-between;
	}
	.caseStudyRow {
		display: flex;
	}
	.caseStudyRow .col-md-3 {
		display: flex;
	}
	img.caseStudyImage {
		max-height: 150px;
		object-fit: contain;
	}
}
@media(max-width: 991px) {
	img.caseStudyImage {
		max-width: 300px;
	}
	div.scorecard-case-study-box .post-image {
		margin: 0 auto;
		max-width: 300px;
	}
}
.post-type-archive-scorecard-case-study .post-image, .tax-case-study-category .post-image {
	padding: 20px 20px 0 20px;
	max-width:400px;
}
.post-type-archive-scorecard-case-study .post-header, .tax-case-study-category .post-header {
	padding: 10px 20px 10px 20px;
}
.post-type-archive-scorecard-case-study .post-info, .tax-case-study-category .post-info {
	padding: 0 20px 20px 20px;
}
.post-type-archive-scorecard-case-study .post-footer, .tax-case-study-category .post-footer {
	border-top: 1px solid rgb(170, 170, 170);
	padding: 10px 20px;
	font-size:85%;
	line-height:125%;
	background-color: #f2f2f2;
}
.post-type-archive-scorecard-case-study .post-footer a, .tax-case-study-category .post-footer a {
	color: #367bb7;
}

/* EDUCATION AND EVENTS PAGE */
section.educationEventsRow div.vc_column-inner {
	box-shadow: 0px 0px 5px #aaa;
	padding:0px;
}
div.educationEventsColNoShadow div.vc_column-inner {
	box-shadow: none;
}
section.educationEventsRow h2 {
	color:#fff;
	margin-top:0px;
}
section.educationEventsRow h4 {
	line-height:24px;
}
section.educationEventsRow p.credits {
	font-size: .9em;
}
section.educationEventsRow p {
	margin-top:6px;
	margin-bottom:6px;
}


/* GRAVITY FORMS START */

h3.gsection_title {
	margin-top: 25px;
	margin-bottom: 0px;
	} 
	
.gform_wrapper.gravity-theme .gform_footer input {
	background-color: #f7f7f7;
	border: solid 1px #aaa;
	padding: 6px 12px;
}
.gform_wrapper.gravity-theme .gform_footer input:hover {
	background-color: #fff;
}

.gform_wrapper .gfield_description {
	font-size: 1em;
}
.gform_wrapper .gfield_checkbox li label {
	font-size: 1em;
}
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"] {
vertical-align:top;
margin-top:6px;
}
.gform_wrapper .gsection_description {
	font-size: 1em;
}
.gform_wrapper h2.gsection_title {
	font-weight: 400;
	font-size: 22px;
}
body .gform_wrapper ul li.gfield.noTopMargin { 
	margin-top: 0px; 
}
body .gform_wrapper ul li.gfield {
	margin-top:33px;
}
/* CLEARINGHOUSE ACCESS MESSAGE */
/* 
#post-19402 {
margin: 50px 100px 100px 100px;
}
 */
 #gform_wrapper_91 {
 margin:20px 100px 100px 100px;
 }
legend {
  color:#555;
}


/* GRAVITY FORMS END */

.vc_general.vc_cta3.vc_cta3-shape-rounded {
padding:20px;
}

.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9::before {
  padding-top: calc(100/16*9%);
}