/* fonttest 7-10-2020 */
:root {
    --bg-AAA-primary-color: #367e3d;
    --bg-AAA-secondary-color: #93ae3c;
    --bg-AAA-tertiary-color: #18351c;
}

@font-face {
    font-family: "Gotham-Book";
    src: url("../fonts/Gotham-Book.otf") format("opentype");
}
@font-face {
    font-family: "Gotham-Black";
    src: url("../fonts/Gotham-Black.otf") format("opentype");
}
@font-face {
    font-family: "Gotham-Ultra";
    src: url("../fonts/Gotham-Ultra.otf") format("opentype");
}
@font-face {
    font-family: "Gotham-Light";
    src: url("../fonts/Gotham-Light.otf") format("opentype");
}
.btn-success{
	color:white;
}

body {
	
	font-family: 'Gotham-Book', Helvetica, Arial, Tahoma, sans-serif;
}


p {
	font-family: 'Gotham-Book', Helvetica, Arial, Tahoma, sans-serif;
	line-height: 1.2em;
	letter-spacing: -0.02em;
}


.btn-super {
	padding: 10px 25px;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Gotham-Ultra', Helvetica, Arial, Tahoma, sans-serif;
}


#megaMenu .root > li a span {
    font-family: 'Gotham-Black', Helvetica, Arial, Tahoma, sans-serif !important;
}

#megaMenu .root > li .item a span  {
    font-family: 'Gotham-Book', Helvetica, Arial, Tahoma, sans-serif !important;
}


p strong {
	font-weight: bold;
}

h1, h2, h3, h4  {
	
	font-family: 'Gotham-Black', Helvetica, Arial, Tahoma, sans-serif;
}

h5, h6, li {
	font-family: 'Gotham-Book', Helvetica, Arial, Tahoma, sans-serif;

}


#AM-Content li {
	
	line-height: 16px;
}

h2 {
	line-height: 1.2em;
	font-size: 22px;
	margin-top: 12px;
/*	color: #367c2b; */
/*	color: #19651c; */
	color: #000000;
	width: 100%;
    border-bottom: 1px solid #367c2b;
	margin-bottom: 12px;	
}

h4 {
	line-height: 1.2em;
	font-size: 14px;
	color: #19651c;
}

h5 {
	line-height: 1.3em;
	font-size: 20px;
	
}

.topline_style h2.c_title span {
	font-size: 22px;
	line-height: 1.2em;
	margin-top: 12px;
/*	color: #367c2b; */
/*	color: #19651c; */
}

.topline_top {
    padding: 2px 10px 5px 0;
/*
    border-bottom: 1px solid #367c2b;
*/
	margin-bottom: 12px;	

	border-top: none;
}

a {
	font-weight: bold;
}

p>a, p span a{
	
/*	text-decoration:underline !important; */

}

p a:hover {
	background: hsla(73, 52%, 91%, 1);
}

.DnnModule:hover {
	
	/* background: hsla(73, 52%, 97%, 1); */
	
}

#dnn_ZeroGrid4A:hover, #dnn_ZeroGrid4B:hover, #dnn_ZeroGrid4C:hover, #dnn_OneGrid4A:hover, #dnn_OneGrid4B:hover, #dnn_OneGrid4C:hover,#dnn_TwoGrid4A:hover, #dnn_TwoGrid4B:hover, #dnn_TwoGrid4C:hover, #dnn_ThreeGrid4L:hover, #dnn_ThreeGrid8R:hover, .hover_content:hover {
	background: hsla(73, 52%, 97%, 1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	
}

/* Flexbox attempt to make bootstrap columns same height in a given row */

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.row > [class*='col-']:after, .row > [class*='col-']:before {
	display: none;
}

.row.dnnpane:before, .row.dnnpane:after {
	display:none;
}

#dnn_ZeroGrid4B.sociablekit {
	max-height:425px;
	height: 425px;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
	
}

#megaMenu a:hover {
	background: hsla(73, 52%, 97%, 1);
}

div.corona-banner {
	color: #5b8a4b; /* Dk green */
	color: white;
	margin-bottom: 25px;
    padding: 15px;
    box-shadow: 10px 10px 20px rgba(0,0,0,0.15);
	/* Below gradient might be a little sickly */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fcfff4 0%,#e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffbf4+0,f7ffea+100 */
	background: #fffbf4; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fffbf4 0%, #f7ffea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fffbf4 0%,#f7ffea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fffbf4 0%,#f7ffea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf4', endColorstr='#f7ffea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/* Warm, neutral */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffbf4+0,fff9e8+100 */
	background: #fffbf4; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #fffbf4 0%, #fff9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #fffbf4 0%,#fff9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #fffbf4 0%,#fff9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf4', endColorstr='#fff9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff4+0,f7f4e8+40,eae9e3+100 */
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fcfff4 0%, #f7f4e8 40%, #eae9e3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fcfff4 0%,#f7f4e8 40%,#eae9e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fcfff4 0%,#f7f4e8 40%,#eae9e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#eae9e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a4b357+0,75890c+100;Olive+3D+%233 */
	background: #a4b357; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #a4b357 0%, #75890c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #a4b357 0%,#75890c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #a4b357 0%,#75890c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

div.corona-banner h1, 
div.corona-banner h2, 
div.corona-banner h3, 
div.corona-banner h4, 
/*div.corona-banner p, 
div.corona-banner li, 
*/
div.corona-banner-smh1, 
div.corona-banner-smh2, 
div.corona-banner-smh3, 
div.corona-banner-smh4 
/* div.corona-banner-smp, 
div.corona-banner-smli
*/
 {

	color: #5b8a4b;
	color: white;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	font-family: 'Gotham-Ultra', Helvetica, Arial, sans-serif;
} 



div.corona-banner h5, 
div.corona-banner h6 {
	color: #5b8a4b;
}	

.corona-banner .row {
	background: rgba(255,255,255,0.2);
}

/* First col-md-12 */
.corona-banner .col-title {
    /*background: linear-gradient(180deg, rgba(150,150,100,0.05), transparent); */
	position:relative;
}

/*
.corona-banner .col-title:before {
  display: none;
  content: "";
  background: url(https://aaahq.org/Portals/0/images/meetings/2020/Annual-Meeting/BMD_arkwork1_BG_sm.jpg?ver=2019-10-31-032637-727);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
}
*/

.corona-banner h1 {
	z-index: 2;
    font-size: 51px;
    text-align: center;
    line-height: 1em;
    font-family: 'Gotham-Book', Helvetica, Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -0.02em;
	/*color: #5b8a4b;*/
}


.corona-banner h3 {
	z-index: 3;
    display: block;
    height: 84px;
    background: #5b8a4b;
    border: 5px solid #0a650a;
    border-radius: 7px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    padding: 10px;
    line-height: 1em;
    font-size: 19px;
    font-family: 'Gotham-Ultra', Helvetica, Arial, sans-serif;
    /*color: white; */
    text-shadow: 1px 1px 2px black;
}
	
.corona-banner h4 {
    font-family: 'Gotham-Ultra', Helvetica, Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -0.02em;
    font-size: 18px;
    line-height: 1em;
}

.corona-banner p {
    font-family: 'Gotham-Book', Helvetica, Arial, sans-serif;
    font-size: 14px;
	line-height: 15px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

.corona-banner li {
    font-family: 'Gotham-Book', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: 300;
    letter-spacing: -0.02em;
}

.corona-banner.blue, .corona-banner-sm.blue  {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+100;Blue+3d+%238 */
	background: #a7cfdf; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #a7cfdf 0%, #23538a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #a7cfdf 0%,#23538a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #a7cfdf 0%,#23538a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.corona-banner.blue h3 {
    z-index: 3;
    display: block;
    height: 84px;
    background: #124877;
    border: 5px solid #215d90;
    border-radius: 7px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    padding: 10px;
    line-height: 1em;
    font-size: 19px;
    font-family: 'Gotham-Ultra' Helvetica, Arial, sans-serif;
}

.corona-banner.dkgreen, .corona-banner-sm.dkgreen  {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D */
	background: #627d4d; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #627d4d 0%, #1f3b08 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #627d4d 0%,#1f3b08 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #627d4d 0%,#1f3b08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.corona-banner.dkgreen .row {
	background: none;
}

.corona-banner.lime, .corona-banner-sm.lime {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100;Green+3D+%233 */
	background: #c9de96; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.corona-banner-sm.lime h3 {
    background: #225619;
    padding: 15px;
    line-height: 1em;
}

.corona-banner-sm.lime a {
    color: #1f3b08;
}

.corona-banner-sm.blue h3 {
    background: #124877;
    padding: 15px;
    line-height: 1em;
}

.corona-banner-sm.blue a {
    color: #124877;
}

.corona-banner-sm.dkgreen h3 {
    background: #eff4dc;
    padding: 15px;
    line-height: 1em;
	color: #1f3b08;
}

.corona-banner-sm.dkgreen a {
    color: #cde181;
}


.corona-banner-sm.pearl h3 {
    /* background: #225619; */
	text-align: center;
	background: #5b8a4b;
    border: 5px solid #0a650a;
	border-radius: 6px;
    padding: 15px;
    line-height: 1em;
	color: white !important;
}

.corona-banner-sm.pearl a {
    color: #417d2b;
}



.corona-banner-sm p {
    font-weight: 300;
}

.corona-banner-sm p>span {
    font-weight: 700;
    /* color: forestgreen; */
    font-size: 110%;
}

.corona-banner.pearl, .corona-banner-sm.pearl  {
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fcfff4 0%, #f7f4e8 40%, #eae9e3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fcfff4 0%,#f7f4e8 40%,#eae9e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fcfff4 0%,#f7f4e8 40%,#eae9e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#eae9e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.corona-banner.pearl h1,
.corona-banner.pearl h2,
.corona-banner.pearl h3,
.corona-banner.pearl h4,
.corona-banner.pearl p,
.corona-banner.pearl li,
.corona-banner-sm.pearl h1,
.corona-banner-sm.pearl h2,
.corona-banner-sm.pearl h3,
.corona-banner-sm.pearl h4,
.corona-banner-sm.pearl p,
.corona-banner-sm.pearl li {
	color: #1f3b08;
	/*font-family: 'Gotham-Ultra', Helvetica, Arial, sans-serif;*/
}

.corona-banner-sm.pearl p {
	margin: 15px 0;
}

.corona-banner.pearl h3 {
    z-index: 3;
    display: block;
    height: 90px;
	/*    
	background: #9c998e;
    border: 5px solid #7f7d74;
	*/
	text-align: center;
	background: #5b8a4b;
    border: 5px solid #0a650a;
    border-radius: 7px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    padding: 10px;
    line-height: 1em;
    font-size: 18px;
    font-family: 'Gotham-Ultra', Helvetica, Arial, sans-serif;
    color: white !important;
}

.corona-banner.pearl h3.sub {
    text-transform: uppercase;
    z-index: 3;
    /* display: block; */
    height: inherit;
    text-align: left;
    background: rgba(31, 82, 14, .85);
    border: none;
    border-radius: 7px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    padding: 10px;
    line-height: 1em;
    font-size: 14px;
    font-family: 'Gotham-Book', Helvetica, Arial, sans-serif;
    color: white !important;
    margin-top: 20px;
}

/* Attempts to fix Safari flex bug in bootstrat -- row use is flawed
  Recommend avoid*/
.corona-banner .row.flexthis:after, .corona-banner .row.flexthis:before{
  display: none;
}

.row {
    &:before {
        content: none;
    }

    &:after {
        content: '';
    }
} 

/* Education/Resources/Online page */
/* MVZ 3-18-2020 */

a.btn.btn-success.btn-xs.visit {
    float: left;
    margin-right: 15px;
}

.corona-banner .btn-success {
    /* color: #ffffff;
    background-color: #6f7273;
	*/
    /* border-color: #4cae4c; */
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	border: 1px solid #5b8a4b;
}

.corona-banner h2 {
	text-transform: uppercase;
	line-height: 20px;
	font-size: 30px;
    padding-bottom: 10px;
}

.corona-banner h4+p, .corona-banner p {
    font-weight: 300;
}

.corona-banner .btn-success:hover,
.corona-banner .btn-success:focus,
.corona-banner .btn-success:active,
.corona-banner .btn-success.active,
.corona-banner .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #113311;
    border-color: #398439;
}

.corona-banner h1.resources {
	font-size: 36px;
	padding: 15px;
    background: rgba(40,40,40,0.05);
    border: 3px solid lightgrey;
    background: #5b8a4b;
    border: 5px solid #0a650a;
    border-radius: 6px;
    color: white;
}

.corona-banner h4 {

	margin-top:25px;
}

.corona-banner .sidebar {
	padding: 15px;
    background: rgba(40,40,40,0.05);
    border: 3px solid lightgrey;
    background: #5b8a4b;
    border: 5px solid #0a650a;
    border-radius: 6px;
    color: white;
}

.corona-banner .sidebar h2, .corona-banner .sidebar h4, .corona-banner .sidebar a  {
	color: white;
}

.corona-banner .sidebar a {
    display: block;
    background: rgba(255,255,255,0.15);
    padding: 5px;
}

.corona-banner .sidebar a:hover {
	color:#5b8a4b;
	background: white;

}

.corona-banner .sidebar h2 {
    /*margin-bottom: 20px;
    padding-bottom: 20px;*/
	margin-top: 15px;
	font-size: 20px;
	text-transform:uppercase;
}

.corona-banner .sidebar h4 {
	margin: 0 0 5px 0;

}

.corona-banner .online-resources-faqs{
	margin-top:30px;
	column-count: 2;
}

.corona-banner .online-resources-faqs h2 {
	column-span:all;
}

.corona-banner .online-resources-faqs p{
	font-weight:300;
}

.corona-banner .small-date {
	font-size: 80%;
}

ul.webinar-list .btn-success {
	float: left;
	margin-right: 10px;

}

ul.webinar-list li {
	list-style-type: none;
}



/* Misc corrections to AAA-Skin 2020 homepage
   MVZ 3/17/2020
*/

.skin_width {
    width: 100%;
    max-width: 1200px;
    min-width: 767px;
    margin: 0 auto;
    position: relative;
    padding: 0 25px 25px 25px;
    box-shadow: 10px 10px 20px rgba(0,0,0,0.15);
}


#megaMenu .root >li a span {
	font-family: 'Gotham-Book', Helvetica, Arial, sans-serif;
	font-weight: 900;
	
}

.topline_style h2.c_title span {
    font-size: 22px;
    line-height: 1.2em;
    margin-top: 12px;
    /* color: #367c2b; */
    /* color: #19651c; */
    font-family: 'Gotham-Black',sans-serif;
    font-weight: 900;
    color: #333;
}

h2 {
	font-family: 'Gotham-Black', Helvetica, Arial, sans-serif;
    font-weight: 900;
	color:#444;
}


/* SPARK 5-25-2020
#spark2020-animation
 */

#spark2020-animation {
	overflow: hidden;
	margin: 0 auto;
}


#spark-button {
	z-index: 999;
	position:absolute;
	left: 25px;
	top: 65px;
	transition: 0.3;
	text-align: center;
}

#spark-button h5 {
	font-size: 11px;
	color: white;
	font-weight: 900;
	margin: 0 0 5px 0;
}

.spark-button {

	background-color:#8f43fe;
	border: 1px solid #5a29a1 !important;
	font-family:'Gotham-Book',sans-serif;
	font-weight: 900;
	width: 150px;
	text-transform: uppercase;
	/*transform: translateX(-200px);*/

}

.spark-button:hover {
	background-color:#8f43fe !important;
	opacity: .7;
	transition: 0.3;

}


/*
Deal with equal height col issue in Bootstrap 3
https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height#answer-22892773
*/
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* ROW fix for IOS and OSX Safari */

.row [class*=col-]{
    /*margin:0 -0.2%;*/
}


/* Video CSS */
.videoDiv {
/*
	width: 100%;
	height: 200px;

	position: relative;
	*/
}

.videoBlock {
/*
	width: 100%;
	height: 100%; 
	display: flex; 
	justify-content: center;
	align-items: center;
*/
}

#spark2020-animation video {
	border-radius: 10px;
}

#frame1, #frame2, #frame3, #frame4 {
	position: absolute;
	transform: translate(1200px, 0px);
	color: white;
	max-width: 50%;
	margin-left:10px;
}

#spark2020-animation ul  {
	margin-top: 15px;
	/*column-count:2;*/
}

#spark2020-animation ul li {
	font-size: 14px;
	line-height: 15px;
}

#spark2020-animation p {
	font-size: 12px;
	line-height: 13px;
	font-weight: 300 !important;
}

#spark2020-animation a {
	font-weight: 900;
	color: #b17cff;
	text-decoration: none;
	/* border-bottom: 1px solid white;*/
}
#spark2020-animation a:hover  {
	background: white;
	color: purple;
}

#spark2020-animation h6 {
	font-weight: 900;
	font-size: 12px;
	color: white;
	line-height: 13px;
}


#frame1 > h4, #frame1 ul li, #frame1 p,
#frame2 > h4, #frame2 ul li, #frame2 p,
#frame3 > h4, #frame3 ul li, #frame3 p,
#frame4 > h4, #frame4 ul li, #frame4 p {
	color: white;
	
}

#frame1 > h4, #frame2 > h4, #frame3 > h4, #frame3 > h4 {
	margin-top: 15px;
	line-height: 100%;
}



#animejs-test {
	overflow:hidden;
	position: relative;
	
}

ul.webinar-list li {
    margin-bottom: 20px;
}

ul.webinar-list {
	column-count: 2;
}


ul.webinar-list .btn-success {
	float: none;
	margin-right: none;
}

ul.webinar-list li > span {
	font-size: 9px;
}

/* Safari OSX Bootstrap 3 fix 7-2-2020 */

.row:before, .row:after {
    display: inline-block;
}
.AM2020-test ul li {
		line-height:15px;
		margin-bottom: 10px;

}

.AM2020-test h2 {
	line-height: 23px;
	letter-spacing: -0.02em;
}

.AM2020-test .statement p {
	font-size: 16px;
	
}

.notitle_container {
	margin-bottom: 35px;
}


.btn-success {
    color: #ffffff;
    background-color: #367c2b;
    border-color: #3c763d;
}

a.articletitle {
	
	font-family: 'Gotham-Book', Arial, Helvetica, Tahoma, sans-serif;
	color: #19651c;
	color: #367c2b;
	
}

/* weARE */


div.weAre.pearl.corona-banner h2 {
    text-transform: uppercase;
    line-height: 28px;
    font-size: 30px;
    padding-bottom: 10px;
}

div.weAre.pearl.corona-banner h5{
	
	font-size: 12px;
	font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
}

div.weAre h4 {
    height: 60px;
	margin-top: 10px;
}


div.weAre a {
	color: #367c2b;
}

div.weAre a:visited {
	color: #367c2b;
}
div.weAre h5>a:visited {
   color: #367c2b;
}


div.weAre.pearl.corona-banner h5 {
    font-size: 14px;
    font-family: 'Gotham-Black', Arial, Helvetica, sans-serif;
    color: white;
    background: #5b8a4b;
    border: 5px #0a650a;
	background: #3e6531;
    border: 4px solid #4b884b;
    padding: 8px;
    min-height: 45px;
    border-radius: 8px;
}

div.weAre h1 {
    font-size: 29px;
	text-align: left;
}
div.weAre h1>span {
    font-size: 36px;
}

div.weAre img {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.35);
}

#megaMenu .root >li:not(:last-child) a span {
    padding-right: 20px;
}


div#videoWrapper {
    padding: 1rem;
    box-shadow: 2px 5px 10px rgba(0,0,0,0.8), inset -1px -1px 5px rgba(0,0,0,0.3);
    background: var(--bg-AAA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    margin-bottom: 1rem;
}

div#videoWrapper>video-js, div#videoWrapper>div:first-child{
    border: 1px solid black;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}