/* Primary Color: #89d785 */
/* Secondary Color: #bffbbc */

body
{
	font-family: Cambria, serif; 
    background: white;
    margin: 0;
}

div.header
{
	background: white;
	max-width: 1080px;
	margin: 0 auto;
}

div.topnav
{
	overflow: hidden;
	max-width: 1080px;
	margin: 0 auto;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
	font-size: 16pt;
}
div.topnav a.item, a.sub, a.icon
{
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 7px 28px 7px 10px;
    text-decoration: none;
}
div.topnav a.btn
{
    float: left;
	display: block;
	color: black;
	text-align: center;
    text-decoration: none;
    padding: 0 0 0 10px;
}
div.topnav a.sub
{
    float: right;
    padding: 5px 0;
}
div.sticky
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}
div.dropdown
{
	float: left;
	overflow: hidden;
}
div.dropdown button.dropbtn
{
	font-size: inherit;
	font-weight: inherit;
	border: none;
    outline: none;
    padding: 7px 28px 7px 0;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}
div.dropdown-content
{
	display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
div.dropdown-content a
{
    float: none;
    color: black;
    padding: 8px 15px;
    text-decoration: none;
    display: block;
    text-align: left;
}
div.topnav a:hover, div.dropdown:hover button.dropbtn
{
	color: #bffbbc;
}
div.dropdown-content a:hover
{
	background-color: #bffbbc;
    color: black;
}
div.dropdown:hover div.dropdown-content
{
    display: block;
}
div.dropdown:hover span.dropIndicator
{
    border-top: 0px;
    border-bottom: 6px solid #bffbbc;
}
div.topnav a.sub:hover
{
	color: #DD0000;
}
div.topnav a.icon
{
	display: none;
}
span.dropIndicator
{
    display: none;
    float: right;
    margin-top: 10px;
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid black;
}
@media screen and (max-width: 800px)
{
	div.topnav a:not(:last-child), div.dropdown button.dropbtn
	{
    	display: none;
  	}
  	div.topnav a.icon
	{
    	float: left;
    	display: block;
        color: black;
        text-decoration: none;
  	}
	div.topnav.responsive
	{
		position: relative;
	}
  	div.topnav.responsive a.icon
	{
    	position: absolute;
    	left: 0;
    	top: 0;
  	}
  	div.topnav.responsive a:not(:last-child)
	{
    	float: none;
    	display: block;
    	text-align: left;
  	}
    div.topnav.responsive a.sub
    {
        float: left;
    }
	div.topnav.responsive a.first
	{
    	margin-top: 35px;
  	}
  	div.topnav.responsive .dropdown
	{
		float: none;
	}
  	div.topnav.responsive .dropdown-content
	{
		position: relative;
	}
  	div.topnav.responsive .dropdown .dropbtn
	{
    	display: block;
    	width: 100%;
    	text-align: left;
  	}
    div.topnav.responsive a.btn
    {
        float: left;
        display: block;
    }
    div.dropdown-content a:hover
	{
		padding-right: 1000000px;
	}
	div.dropdown:hover div.dropdown-content
	{
		padding-right: 1000000px;
        overflow: visible;
        white-space: nowrap;
	}
    div.topnav.responsive .dropdown .dropbtn span.dropIndicator
    {
        display: inline-block;
    }
}

div.card
{
	padding-left: 15px;
    padding-right: 15px;
	max-width: 1080px;
	margin: 0 auto;
	font-size: 13pt;
}

div.footer
{
    max-width: 1080px;
	overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
}
div.footerItem
{
    float: left;
	display: block;
	color: black;
	padding: 0px 14px;
    margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
    width: 22%;
}
div.footerItem a
{
    color: #555555;
    text-decoration: none;
    overflow: visible;
    white-space: nowrap;
}

div.footerItem a:hover
{
	text-decoration: underline;
}
@media screen and (max-width: 1000px)
{
    div.footerItem
    {
        width: 45%;
        text-align: center;
    }
    img.footerLogo
    {
        position: relative;
        transform:translateX(0);
        width: 100px;
    }
}
@media screen and (max-width: 500px)
{
    div.footerItem
    {
        width: 100%;
        text-align: center;
        padding: 5px 0;
    }
}

div.column
{
    float: left;
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
}
div.borderLeft
{
    border-left: 2px solid black;
}
div.borderRight
{
    border-right: 2px solid black;
}
div.alt
{
    text-align: right;
}
div.row:after
{
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 650px)
{
    div.column
	{
        width: 100%;
        padding-left: 0;
    }
    div.border
	{
        border-left: 0;
        border-top: 2px solid black;
        padding-top: 10px;
        padding-right: 0;
    }
    div.alt
    {
        text-align: left;
    }
}

hr.border
{
    background-color: white;
    margin: 0;
    border-width: 0;
    width: 100%;
}
hr.storySep
{
    width: 100%;
    clear: left;
    border: none;
    height: 3px;
    color: #89d785;
    background-color: #89d785;
}
hr.quarterSep
{
    width: 100%;
    clear: left;
}
hr.headline
{
    max-width: 50%;
    border: none;
    height: 2px;
    color: #89d785;
    background-color: #89d785;
}

div.headline
{
    font-family: Montserrat, sans-serif; 
	font-size: 30pt;
	font-weight: 700;
}
div.subhead
{
    font-family: Montserrat, sans-serif; 
	font-size: 20pt;
	font-weight: 700;
}
div.previewTitle
{
    font-family: Montserrat, sans-serif; 
	font-size: 20pt;
	font-weight: 700;
    text-decoration: underline !important;
    text-decoration-color: #89d785 !important;
}
div.previewSub
{
    font-family: Montserrat, sans-serif; 
	font-size: 15pt;
	font-weight: 400;
    margin-top: 5px;
}
img.previewImg
{
    max-width: 25%;
    float: left;
    margin: 10px 15px 10px 0;
}
@media screen and (max-width: 650px)
{
    img.previewImg
    {
        max-width: 100%;
        float: left;
        margin: 10px 15px 10px 0;
    }
}

div.quarterHead
{
    font-family: TT-Bluescreens, sans-serif; 
	font-size: 35pt;
	font-weight: 600;
}
div.quarterSub
{
    font-family: TT-Bluescreens, sans-serif; 
	font-size: 30pt;
	font-weight: 500;
}
div.quarterPrevTitle
{
    font-family: TT-Bluescreens, sans-serif; 
	font-size: 25pt;
	font-weight: 700;
    text-decoration: underline; !important
}
div.quarterPrevSub
{
    font-family: TT-Bluescreens, sans-serif; 
	font-size: 25pt;
	font-weight: 500;
}
div.quarterCredits
{
    font-family: TT-Bluescreens, sans-serif;
    font-weight: 500;
	font-size: 25pt;
}
span.creditSub
{
    font-style: italic;
    font-size: 16pt;
}

a.backLink
{
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: black !important;
    font-size: 13pt;
}
a.backLink:hover
{
    text-decoration: underline;
}

a.blockLink
{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none !important;
    color: black !important;
}

div.tag
{
    display: inline-block;
    font-family: Montserrat, sans-serif; 
	font-weight: 400;
    font-size: 12pt;
    line-height: 2;
}
div.tag a
{
    background-color: #CCCCCC;
    padding: 3px 5px;
    margin-right: 2px;
    white-space: nowrap;
    text-decoration: none !important;
    color: black !important;
}

input[type=text].search
{
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-size: 20px;
    background-color: #bffbbc;
    background-image: url('images/mag.svg');
    background-position: 10px 12px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    margin-top: 20px;
}

::placeholder
{
    color: #777777;
    opacity: 1;
}

input[type=text].short, select, textarea
{
    font-size: 15px;
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
}
textarea.long
{
    font-size: 15px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    padding: 7px 7px 145px 7px;
    resize: none;
}
input[type=submit].submission
{
  	background-color: #89d785;
  	border: none;
  	color: white;
  	padding: 12px 0px;
  	cursor: pointer;
  	font-size: 18px;
	font-weight: bold;
	width: 30%;
	border-radius: 8px;
    margin-left: 15px;
}
input[type=submit].submission:hover
{
  	background-color: #bffbbc;
	color: black;
}

div.submissionForm
{
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

a:link
{
	color: #89d785
}
a:visited
{
	color: #000000
}

div.storyFullImage
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 1080px;
    width: 50%;
}

div.storyInlineImage
{
    text-align: center;
    text-indent: 0;
    font-size: 12pt;
}
div.storyInlineImage.half
{
    width: 50%;
}
div.storyInlineImage img
{
    width: 75%;
}

@media screen and (max-width: 800px)
{
    div.storyFullImage
    {
        width: 100%;
    }
    
    div.storyInlineImage.half
    {
        width: 100%;
    }
    div.storyInlineImage img
    {
        width: 100%;
    }
}

button.dwnld
{
    background-color: #CCCCCC;
  	border: solid black 2px;
  	color: black;
  	padding-top: 5px;
    padding-left: auto;
    padding-bottom: 1px;
    padding-right: auto;
  	cursor: pointer;
    font-family: TT-Bluescreens, sans-serif; 
	font-size: 20pt;
	font-weight: 500;
	width: 25%;
	border-radius: 8px;
    margin-top: 10px;
}

button.dwnld:hover
{
  	background-color: #f2f2f2;
}

span.anchor
{
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}

iframe.embedVideo
{
    width: 560px;
    height: 315px;
    max-width: 100%;
}