/** Max width of main content column **/

@media only screen and (min-width: 1024px) {
	.responsive-max-width, .entry-content > .wp-block-button.aligncenter, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
		max-width: calc( 882px - 32px);
	}
}


@media only screen and (min-width: 1280px) {
	.responsive-max-width, .entry-content > .wp-block-button.aligncenter, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
		max-width: calc( 882px - 32px);
	}
}


/** Max width of front page + space before footer **/ 

@media only screen and (min-width: 560px) {
	.entry-content > .front-page-media-text {
		max-width: 1600px;
	}
}


.site-content {
margin-bottom: 100px;
}



/** Header **/

.custom-logo {
	width: 300px;
}

.main-navigation .sub-menu .menu-item a::before {
	content: "";
}

#site-navigation  ul.sub-menu li.current-menu-item a {
	background-color:#ffffff !important;
	border-bottom: none !important;
} 

#site-navigation  ul.main-menu li.current-menu-item {
	border-bottom: thick solid white;
} 

#site-navigation  li.current-menu-parent {
	border-bottom: thick solid white;
} 

#site-navigation  li.menu-item a {
	font-family: Roboto Light, sans-serif;
	font-size: 0.8em;
}

#site-navigation  li.menu-item a {
//	color:#898d6a;
	text-decoration: none;
} 


#site-navigation  li.menu-item a:hover {
	color:#898d6a;
	text-decoration: none;
} 

#site-navigation {
//	margin-top: -10px;
	padding-top: 32px;
}

.entry-header {display:none}



/** Typography **/

ol {
	font-size: 1em;
}

ul {
	font-size: 1em;
}

h1 {
	font-size: 3em;
}

h2,h3 {
	padding-top: 60px;
}

h3 {
	font-weight: bold;
}

h6 {
	font-size: 1.1em;
	padding-top: 20px;
}

h2.no-top-padding,h3.no-top-padding,p.no-top-padding {
	padding-top: 0px;
}

p.no-top-margin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

li.extra-spacing {
	margin-bottom: 1em;
}


.wp-block-quote p {
	font-weight: 300;
	font-size: 1em;
	letter-spacing: 0.03em;
	line-height: 1.2;

}

blockquote {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

blockquote.contact-form-submission p {
	font-size: 1em !important;
}

blockquote.contact-form-submission {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

p.indent {
	margin-left: 30px;
}





/** Links **/

.entry-content a, .main-navigation > div > ul > li > a, .wp-block-newspack-blocks-homepage-articles article .entry-title a, a {
  text-decoration-color: #3e7d98;
}

.entry-content .a:hover {
		text-decoration: none;
}

 a {
	text-decoration: underline;
	text-decoration-color: #3e7d98;
} 

 a:hover {
	color:#898d6a;
//	text-decoration: underline;
} 



/** Custom CSS elements **/


@media only screen and (min-width: 560px) {
	.columns-limit-width {
		max-width: 1600px;
		margin: 0 auto;
	}
}



// Indented text where we run out of nesting levels
p .indent {
	padding-left: 20px !important;
}


// Caption for media & text block
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
	font-family: Roboto, sans-serif !important;
	color: black;
	font-style: normal;
	font-size: 0.8em !important;
	text-align: center;
	padding: 0 !important;
	margin-bottom: 0 !important;
}

// Padding for media in media/text block


.wp-block-media-text.has-media-on-the-left .wp-block-media-text__media,
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
	padding-top: 32px;
    }

.wp-block-media-text__media {
	padding-top: 32px;
}


// Padding for key learnings at the top of learning topics
.key-learnings {
	padding: 32px;
}

// Sometimes no padding is needed
.no-padding {
	padding-left: 0;
}

// Aligning logos on About page
.logo-column {
	vertical-align: middle;
}



/** Tabs plugin  **/

.plethoraplugins-tabs {
 text-align: center;
}

ul.js-plethoraplugins-tabs {
	text-decoration: none !important;
	text-decoration-color: #fff;
}

.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__minimal .plethoraplugins-tabs a.active {
	text-decoration: none;
}




/** Accordion block plugin **/

.c-accordion__item .nested { /* The accordion item container */
	background-color: #f1f0ed;
	padding: 20px;
}

.c-accordion__item { /* The accordion item container */
	background-color: #fff;
	padding: 20px;
}

.c-accordion__content { /* An accordion item content container */
	margin-top: 40px;
}

.c-accordion__content > * {
	margin-bottom: 1.5em;
}

h3.c-accordion__title {
	padding-top: 0px;
}

.c-accordion__item  > p.indent {
	padding-left: 20px !important;
}



/** Tooltip plugin **/

.Zebra_Tooltip {
	font-size: 0.8em;
	font-family: Roboto;
}



/** Tooltip plugin **/


abbr {
    border-bottom: 1px dotted #3e7d98;
    cursor: help;
    display: inline-block;
}

#tooltip
{
	font-family: Roboto, sans-serif;
	font-size: 0.875em;
	text-align: left;
	text-shadow: none;
	background: rgba( 62, 125, 152, .9 );
	min-width: 300px;
}
#tooltip:after
{
	border-top: 10px solid #3e7d98;
	bottom: -9px;
}



/** WPM Team plugin – doesn't seem to work**/
.wpm_6310_team_style_1_designation { 
	text-transform: uppercase;
}

.wpm_6310_team_style_1_title {
	font-weight: 400;
	font-family: Roboto Slab; !important
}

/** AWSM Team plugin**/

.awsm-personal-info {
	font-size: 1.5em;
	font-family: Roboto Light;
}

.awsm-contact-info {
	margin-bottom: -10px;
}

.awsm-figcaption {
	margin-bottom: 0px;
}

i.awsm-icon-linkedin2 {
	font-size: 2em;
}




/** Footer **/

footer {
	background-color: #fff;
}

.site-info {display:none}