html .landing-page * +h2{margin-top: 0;}
html .landing-page * +h3{margin-top: 0;}
html .landing-page .subheader{margin-top: 0; padding-top: 0; margin-bottom: 1em; text-transform: uppercase;}
.soon{font-weight: bold; text-transform: uppercase}

.row .style{text-align: left; min-height: 20em;}
.row .style h3{font-size: 2em; text-transform: uppercase; letter-spacing: 2px; vertical-align: middle}
.row .style p{text-align: left;}
.row a.action-link {
    display: inline-block;
    margin: 0 70px 1.5em 0;
	margin-left: 0 !important;
}
.row a.action-link-border img{border: 1px solid #ccc; border-radius: 5px;}

.landing-page .center .style h3 img {
    box-shadow: none;
    width: 20px;
    margin-right: 10px;
}

html .landing-page h2.bigger-margin{margin: 2em auto 1.5em auto !important; text-transform: uppercase;}
.narrow{max-width: 500px; margin: 0 auto;}

.experts{
    display: grid;
    margin-top: 3em;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px 13px;
    grid-auto-rows: auto;
}
.expert{
    display: flex;
    flex-direction: column;
}
.experts .enamet{
    font-size: 1.5em;
	margin-bottom: 0;
}
.experts .enamet a,
.experts .enamet.is-unavailable {
    text-decoration: none;
    color: #4f81bd;
}
.experts .enamet a:hover{text-decoration: underline}

.experts h2[title] {
    width: fit-content;
}

.experts .title{color: #666; padding-right: 5px;}

.experts .enamet ~ .subject{margin-bottom: 0 !important;}

.subject{
    padding: 0.5em 3em 1em 0;
    color: #080;
	font-size: 1.1em;
}
.subject a{
    text-decoration: none;
    color: inherit;
    display: block;
    min-height: 2em;
}
    .subject a:hover{text-decoration: underline;}
    .subject a:visited{color: inherit;}

.section-list, .chapter, .content-list{
    grid-column: 1 / -1;
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: arial, helvetica, sans-serif;
}
.section-list{
    margin: 2em 0;
    display: none;
}
.chapter{
    margin: 1em 0;
    border-top: 4px double #d7d7d7;
    padding-top: 1em;
    font-weight: 600;
}
.chapter:nth-of-type(1){border-top: 0;}

.g-recaptcha{
    width: 300px;
    display: block;
    margin: 0px auto;
}


.container-text{
    margin: 0 20px 3em;
    font-family: 'open sans', 'PT Sans', 'Droid Sans', Helvetica, Arial, sans-serif;	
}
h1, h2, h3, h4{
    margin:0px;
    padding:10px 0px;
    font-family: inherit;
    font-weight: normal;
    color: #fff;
}
.row-white-bg{background: #fff;color: #333;}		
.row-dark-bg{background: #1c3b51;color: #fff}
.row-light-bg{background: #EEF0F1;color: #333;}		
.row-accent-bg{background: #4f81bd;color: #fff; padding: 2em 0;}		
.row-light-bg h1, .row-light-bg h2, .row-light-bg h3, .row-light-bg h4{color: #333;}
.row-white-bg h1, .row-white-bg h2, .row-white-bg h3, .row-white-bg h4{color: #333;}
.row {
    clear: both;
    padding-top: 6em;
    padding-bottom: 6em;
    overflow: auto;
}
.row h1{font-size: 40px;}
.row h2{font-size: 30px;}
.row h3{font-size: 20px;}
.container-text{
    margin: 0 20px 3em;
    font-family: 'open sans', 'PT Sans', 'Droid Sans', Helvetica, Arial, sans-serif;	
}

/* Layout Containers */
	/* Flex Container */
	.flex-container{
		display: flex;
		max-width: 100%;/* Fix for IE */
	}

		/* Flex Container Children / Items */
		.flex-container > *{
			flex-grow: 4;
			padding: 1em 1ch;
			flex: 0 1 100%;/* Required for IE */
		}
		.flex-container > *.img{flex-grow: 1; text-align: right;}
        .flex-container.flex-webinar-styles {
            gap: 0 30px;
        }

		/* Flex Container Properties */
		.flex-container.centre{
			justify-content: center;
			text-align: center;/* Text align centre by default because IE flex-box stuff doesn't work */
		}
		.flex-container.show-when-small{display: none;}

	/* Grid Container */
	.grid-container {
		display: -ms-grid;
		display: grid;
	}
	.grid-container.two-columns {
		grid-template-columns: 50% 50%;
		grid-template-areas: 'left right';
		-ms-grid-columns: 50% 50%;
		max-width: 100%;
	}

		/* Grid Container Children / Items */
		.grid-container > *.left{grid-area: left;}
		.grid-container > *.middle{grid-area: middle;}
		.grid-container > *.right{grid-area: right;}

		/* Grid Container Properties */
		.grid-container.max-width-large {
			padding: 0;
			margin-left: auto;
			margin-right: auto;
			max-width: 1280px;
		}

		/* Grid Container IE Fixes */
		.grid-container > * {-ms-grid-row-span: 1;}
		.grid-container.two-columns > *:nth-child(1) {-ms-grid-column: 1;}
		.grid-container.two-columns > *:nth-child(2) {-ms-grid-column: 2;}

        /* General / Common Container Stuff */
	.flex-container,
	.grid-container{padding: 0 15%;}
		/* General / Common Container Properties */
		.flex-container.narrow,
		.grid-container.narrow {padding-left: 25%; padding-right: 25%;}
		.flex-container.wide,
		.grid-container.wide {padding-left: 5%; padding-right: 5%;}
		.flex-container.full-width,
		.grid-container.full-width {padding-left: 0; padding-right: 0;}

		/* Other General Container Stuff */
		.flex-container > * h1:first-child, .grid-container > * h1:first-child,
		.flex-container > * h2:first-child, .grid-container > * h2:first-child,
		.flex-container > * h3:first-child, .grid-container > * h3:first-child,
		.flex-container > * h4:first-child, .grid-container > * h4:first-child {padding-top: 0;}
/*End of layout containers*/

.is-unavailable { filter: grayscale(100%) }

@media screen and (max-width:639px) {
    .flex-container{padding: 0;}
    .flex-container.narrow{padding: 0;}
    .flex-container.wide{padding: 0;}
    .flex-container.wrap-when-small{flex-wrap: wrap;}
    .flex-container.show-when-small{display: flex;}

    .grid-container.two-columns.wrap-when-small,
    .grid-container.two-columns.wrap-when-medium{
       grid-template-columns: 100%;
       grid-template-rows: auto auto;
       grid-template-areas: 'left' 'right';
       -ms-grid-columns: 100%;
   }

   /* Grid Section IE Fixes */
    .grid-container.two-columns.wrap-when-small > *:nth-child(1),
    .grid-container.two-columns.wrap-when-medium > *:nth-child(1),
    .grid-container.two-columns.wrap-when-small > *:nth-child(2),
    .grid-container.two-columns.wrap-when-medium > *:nth-child(2)	
    .hide-when-small{display: none;}

    
}

@media screen and (max-width:959px) {
    .flex-container,
    .grid-container{padding-left: 10%; padding-right: 10%;}
    .flex-container.narrow,
    .grid-container{padding-left: 15%; padding-right: 15%;}
    .flex-container.wide,
    .grid-container{padding-left: 5%; padding-right: 5%;}

    .grid-container.two-columns.wrap-when-medium {
       grid-template-columns: 100%;
       grid-template-rows: auto auto;
       grid-template-areas: 'left' 'right';
       -ms-grid-columns: 100%;
   }
   /* Grid Section IE Fixes */
    .grid-container.two-columns.wrap-when-medium > *:nth-child(1){-ms-grid-column: 1; -ms-grid-row: 1;}
    .grid-container.two-columns.wrap-when-medium > *:nth-child(2){-ms-grid-column: 1; -ms-grid-row: 2;}
    
    .flex-webinar-styles{
       flex-direction: column;
    }
}