/*
Theme Name: Twenty Twenty - HighEdWeb

Version: 1.01
Template: twentytwenty
Description: HighEdWeb child theme based on Twenty Twenty
Author: HighEdWeb Association
Author URI: https://highedweb.org/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body, .has-background-color, .has-background-background-color {background: #f5f5f5}

footer, .entry-content, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {font-family: 'Roboto', Tahoma, sans-serif}

header .site-logo {width:200px;height:auto;margin:0}
header .site-logo img {max-height: inherit}

footer .to-the-top, footer .footer-copyright {color: #4F5454}
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {margin-top:0}
.footer-copyright {margin: 0 2em 1em 0}
#site-footer .footer-credits a {text-decoration: underline;}
#site-footer .footer-credits {justify-content: space-between;align-items: baseline;}

/*increase content width*/
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),.section-inner.thin,.post-meta-wrapper,.post-nav-links,.author-bio,[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),.alignfull > figcaption,.alignfull > .wp-caption-text,.comment-respond p:not(.comment-notes){max-width: 70rem}
figure.wp-block-gallery.alignleft, .entry-content > p .alignleft,.entry-content > .wp-block-image .alignleft {margin-left: calc(( 100vw - 70rem - 8rem ) / -2);}
figure.wp-block-gallery.alignright,.entry-content > p .alignright,.entry-content > .wp-block-image .alignright {margin-right: calc(( 100vw - 70rem - 8rem ) / -2);}
.entry-content > .alignleft,.entry-content > p .alignleft,.entry-content > .wp-block-image .alignleft {right: calc((100vw - 70rem) / 2 + 70rem + 2rem);max-width: calc((100% - 70rem) / 2 - 6rem);}
[class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {right: calc((100% - 70rem) / 2 + 70rem + 4rem);max-width: calc((100% - 70rem) / 2 - 4rem);}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {right: calc((100% - 70rem) / 2 + 70rem);}
.entry-content > .alignright,	.entry-content > p .alignright,	.entry-content > .wp-block-image .alignright,[class*="__inner-container"] > .alignright {left: calc((100vw - 70rem) / 2 + 70rem + 2rem);max-width: calc((100% - 70rem) / 2 - 6rem);}
[class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {left: calc((100% - 70rem) / 2 + 70rem + 4rem);	max-width: calc((100% - 70rem) / 2 - 4rem);}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {left: calc((100% - 70rem) / 2 + 70rem + 4rem);}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {right: calc((100% - 70rem) / 2 + 70rem - 2rem);}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {left: calc((100% - 70rem) / 2 + 70rem + 6rem);}
.entry-content > .alignleft,.entry-content > p .alignleft,.entry-content > .wp-block-image .alignleft {right: calc((100vw - 70rem) / 2 + 70rem + 4rem);}
.entry-content > .alignright,.entry-content > p .alignright,.entry-content > .wp-block-image .alignright {left: calc((100vw - 70rem) / 2 + 70rem + 4rem);}

audio {display:block;}

@media (min-width: 1220px) {
h1, .heading-size-1 {font-size: 8rem}
}

/*custom color pallette*/

.has-gray-color { color: #363A3A}
.has-gray-background-color { background-color: #363A3A}

.has-highedwebblue-color { color: #00528c}
.has-highedwebblue-background-color { background-color: #00528c}

.has-light-blue-color { color: #4375a5}
.has-light-blue-background-color { background-color: #4375a5}

.has-light-gray-color { color: #4F5454}
.has-light-gray-background-color { background-color: #4F5454}

.has-white-color { color: #ffffff}
.has-white-background-color { background-color: #ffffff}

a:hover, a:focus, .entry-content a:hover, .entry-content a:focus {text-decoration: underline}

li {margin: 0.5rem 0 1.5rem 2rem}

th, td, table {border: 0.1rem solid #D9D9D9}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background: #D9D9D9}

/*rss-block*/
.wp-block-rss__item-publish-date {color: #4F5454;display: block;font-size: 0.85em;font-weight: 500;margin-top: 0.2rem}
.wp-block-rss li {margin: 2rem 0 0 0}
.wp-block-rss__item-title {font-weight:700}
ul.wp-block-rss {list-style: none;margin: 0}
.widget_rss .rsswidget {font-weight: 700}
.wp-block-rss__item-excerpt {margin-top: 0.5rem}

/*comments*/
.comments-wrapper {display:none}

/*tinymce button override*/
.mce-tinymce button {background-color:transparent !important}

/*opens in a new window icon*/
img.new-window, a img.new-window {height:1em;width:1em;display:inline-block}

/*Kadence blocks*/
/*remove top margin when heading is first element in a column*/
.kt-inside-inner-col>h4, .kt-inside-inner-col > *:first-child {margin-top:0}
.kt-inside-inner-col>h4:only-child {margin:0}

h3.kt-testimonial-title {margin-top:0;font-size:2.8rem}

.alignfull .kt-row-column-wrap {padding-left: 0;padding-right: 0}

.page-navigation {display:flex;justify-content:center; flex-wrap:wrap;border: 5px solid #eeeeee; border-radius: 10px;background-color:white}
.page-navigation a,.page-navigation h2  {text-align:center;margin:.5em;padding:.5em;font-size:2.1rem}
@media (max-width: 700px) {
	.page-navigation{flex-direction:column}
	.page-navigation a, .page-navigation h2{margin:0}
}

@media (min-width: 1000px) {
	.entry-content > .alignwide:not(.wp-block-group.has-background):first-child {margin-top:0}
	.wp-block-group.reduced-padding {padding:6em}
}

/*lists in columns or horizontal*/
@media ( min-width: 480px ) {
	ul.TwoColumn, ol.TwoColumn {column-count:2; column-gap:20px}
	ul.TwoColumn>li:first-child {margin-top:0}
}
	
@media (min-width: 700px) {
	ol.ThreeColumn>li:first-child, ul.ThreeColumn>li:first-child {margin-top:0}
	ol.ThreeColumn, ul.ThreeColumn  {column-count:3; column-gap:20px}
	ul.ThreeColumn.VolunteerListing {list-style: none;margin-left:0}
	ul.ThreeColumn.VolunteerListing li {margin-bottom:2rem}
}

ul.horizontal-list {list-style: none;margin-left:0}
ul.horizontal-list li {display: inline-block;padding-right: 2em;margin-left:0;margin-top:0;}

/******************************Membership Community************************/

.entry-content .crm-title h1 {display:none}
.entry-content .crm-container a img {display:inline-block}

/*Remove CiviCRM printer-friendly option*/
.twenty-twenty-highedweb .crm-container #printer-friendly { display: none}

/*job listing styles*/
.single-job_listing .author-bio, .single-job_listing .post-meta-single {display:none}
.job_listings .company, .job_listings .location, .job_listings .meta {color: #4F5454 !important}
.single_job_listing .meta li {color: #4F5454}
.job-types .job-type, .job_listing .job-type {color: #4F5454 !important}
.single_job_listing .meta .job-type {color: #fff !important;background-color: #8a3900}

/*donation form*/
.donation-content {line-height:1em}

/*caldera forms*/
.caldera_forms_form .hidden_field {display:none}
.caldera_forms_form .help-block, .progress-bar {color:#4F5454;font-size:1.5rem;margin: 0.5em 0;display:block}
.caldera_forms_form progress{width:100%}
.entry-content .caldera-grid a {text-decoration: underline}
.entry-content .caldera-grid a:focus, .entry-content .caldera-grid a:hover {color:#00528c}
.caldera-grid .field_required {color:#AB0000 !important}
.entry-content .caldera-grid a.button {text-decoration: none;background-color: #00528c}
.entry-content .caldera-grid a.button:hover {text-decoration: underline;color: white}

/*civi form embed styles*/
div.crm-container .label label {font-weight:bold;font-size:inherit}

.twenty-twenty-highedweb.civicrm-contribute #crm-container {max-width:80rem;} /*make donation form wider*/
.twenty-twenty-highedweb .crm-container .status, .twenty-twenty-highedweb .crm-container .crm-error {margin: 1em 0;padding:1em;}
.twenty-twenty-highedweb .crm-container .crm-error #errorList {margin-bottom:0;}
.twenty-twenty-highedweb .crm-container .crm-section .label {float: none;width: 90%;text-align: left}
.twenty-twenty-highedweb .crm-container .crm-section input[type="text"], .crm-container .crm-section textarea {width:90%}
.twenty-twenty-highedweb .crm-container input[type="checkbox"] + label {font-size:inherit;margin-right:2rem}
.twenty-twenty-highedweb .crm-container .select2-input, .twenty-twenty-highedweb .crm-container .select2-container {width:90% !important}
.twenty-twenty-highedweb .crm-container .crm-section .content {margin-left: 0}
.twenty-twenty-highedweb #crm-container.crm-public .crm-section, .twenty-twenty-highedweb .crm-section {margin-bottom:1em}
.twenty-twenty-highedweb #crm-container.crm-public .label, .twenty-twenty-highedweb #crm-container .crm-public-form-item  label, .twenty-twenty-highedweb label.inline {font-size:inherit}
.twenty-twenty-highedweb #crm-container.crm-public .crm-section.helprow-pre .content.description {margin-bottom:.5em}
.twenty-twenty-highedweb .crm-container fieldset {border:1px solid #D9D9D9;margin:1em 0; padding:1em;background:rgba(255,255,255,.8)}
.twenty-twenty-highedweb .crm-container fieldset legend {font-family: 'Inter var', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;border: none;line-height: inherit;margin: 0;text-align: inherit;font-size: 1em;font-weight: 700}
.twenty-twenty-highedweb .crm-container a, .twenty-twenty-highedweb .crm-container a:link, .twenty-twenty-highedweb .crm-container a:visited {color: #00528c;text-decoration: underline}
.twenty-twenty-highedweb .crm-container p.has-white-color a, .twenty-twenty-highedweb .crm-container p.has-white-color a:link, .twenty-twenty-highedweb .crm-container p.has-white-color a:visited {color:white}
.twenty-twenty-highedweb .crm-container .label {font-weight:bold}
.twenty-twenty-highedweb .crm-container .form-layout td {word-break:normal}
.twenty-twenty-highedweb .crm-container .content.description+br, .twenty-twenty-highedweb input.crm-form-text+br {display:none}
.twenty-twenty-highedweb .crm-container a.button, .twenty-twenty-highedweb .crm-container a.button:link, .twenty-twenty-highedweb .crm-container a.button:visited {color:white;text-decoration:none}
.twenty-twenty-highedweb .crm-container a.button:hover {text-decoration:underline}
.twenty-twenty-highedweb #crm-container.crm-public .calc-value, .twenty-twenty-highedweb #crm-container.crm-public .content, .twenty-twenty-highedweb #crm-container .content, .crm-container table {font-size:inherit}
.twenty-twenty-highedweb .crm-container .description, .twenty-twenty-highedweb #crm-container.crm-public .twenty-twenty-highedweb .content.description {color: inherit;font-size:inherit;line-height: 1.476;margin:0 0 1em 0;display:block;}
.twenty-twenty-highedweb #crm-container.crm-public #noOfparticipants .content {font-size:1.6rem}
.twenty-twenty-highedweb #crm-container.crm-public #noOfparticipants .description {font-size:.9em}
.twenty-twenty-highedweb #additional_participants {margin-right:5px}
.twenty-twenty-highedweb #crm-container, .twenty-twenty-highedweb .crm-container {line-height:inherit;margin-bottom:50px}
.twenty-twenty-highedweb .crm-event-confirm-form-block .null-section{display:none}
.twenty-twenty-highedweb #crm-container.crm-public .price-set-row .crm-price-amount-label {font-weight:normal;color:inherit;}
.twenty-twenty-highedweb #crm-container.crm-public .price-set-row {font-size:inherit;color:inherit;}
.twenty-twenty-highedweb .crm-container h3 {background-color:inherit;font-size:2.8rem;font-weight:700;color:inherit;padding:0;margin:3.5rem 0 2rem}
.twenty-twenty-highedweb .crm-container .help h3 {margin:0 0 2rem 0}
.twenty-twenty-highedweb .crm-container .help ul {margin-bottom:2rem}
.twenty-twenty-highedweb .crm-container .help p {margin:1em 0}
.twenty-twenty-highedweb .crm-container .help, .twenty-twenty-highedweb .crm-container #help {font-size:inherit;margin:1em 0;padding:0}
.twenty-twenty-highedweb .crm-container tr .right {white-space:nowrap}
.twenty-twenty-highedweb .crm-event-confirm-form-block .help {background-color: #FFFFCC; background-image: none; border: 1px solid #FFFF66; margin: 0.5em 0; padding: 0.25em 0.5em; color: #3e3e3e; font-weight: normal; font-size:2.1rem}
.twenty-twenty-highedweb .crm-container div.display-block {margin: 1em 0}

/*2020 annual conference registration preset dontation amount buttons */
.twenty-twenty-highedweb .crm-container .preset-amount-buttons button {margin-top: 1em;margin-right: 1em}

/*Hide empty honor text block in Donate form*/
#post-4299 .crm-container .honor_block_text-section {display:none}