:root {
    
}

html {
    position: relative;
    min-height: 100%;
}

body {
    line-height: 1.4;
}

p:empty{ display: block; min-height: 20px; }


.top-banner {
    background-color: #b1d8d1;
    color: #000;
    font-size: 1.125rem;
    line-height: 1.2;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

header nav {
    padding: 15px 0;
    border-bottom: 2px solid #b1d8d1;
    position: relative;
}

    header nav a.navbar-brand {
        padding: 20px 0;
    }

    header nav ul > li > a {
        color: #000;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 1.2;
        display: inline-block;
    }

    header nav ul > li > a.dropdown-item {
        text-transform: none;
    }

	
h1, h2, h3{
	font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.2;
    margin: 0;
    color: inherit;
    font-weight: 700;
}
	
article h1	{ font-size: 3rem; }
article h2	{ font-size: 2rem; }
article h3	{ font-size: 1.125rem; }
article h1 + p{ margin-top: .5rem; }
article :is(h2,h3) + p{ margin-top: .25rem; }

article h1 + h2{ margin-top: 1rem; }

section.teasers div.text a.button{ margin-top: 1rem; }

p{ margin: 0; }

footer h3 {
    font-size: 1.125rem;
}

footer div.image{ margin-top: 1rem; }

main {
    min-height: calc(100vh - 485px);
}

.error {
    color: red;
}

.hide {
    display: none;
}



div.image a {
    display: block;
}

img {
    min-width: 1px !important;
    min-height: 1px !important;
    display: inline-block;
    vertical-align: middle;
}

a.button {
    display: inline-block;
    padding: 0 40px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1rem;
    line-height: 35px;
    padding-top: 1px;
    border-radius: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}

.bg-offwhite{ background-color: #f8f8f8; }

.bg-white + .bg-white {
    padding-top: 0;
}

.blue {
    background-color: #13bfcf;
    color: #fff !important;
}

.green {
    background-color: #84ad6c;
    color: #fff !important;
}

table td > label {
    display: none;
}

section.container + section {
    padding-top: 0;
}

    section.teasers {
        text-align: center;
    }

    section.teasers div.image {
        margin-bottom: 1rem;
    }

    section.teasers h2 {
        font-size: 1.5rem;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

footer {
    background-color: #b1d8d1;
    padding: 60px 0;
    color: #000;
    font-size: 0.9375rem;
}

    footer h2 {
        font-size: 1.125rem;
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }

    footer a {
        color: #000;
    }

section, article, footer {
    padding: 42px 0;
}

.hide {
    display: none;
}


div.navbar-collapse.show + div.navbar-collapse {
    display: flex !important;
    justify-content: flex-start !important;
}

input[type="radio"]:checked + label:before:not(input[name="subaccount"]) {
    content: '\2713';
    margin-right: 0.5em;
}

.hideWhenEmpty:empty:not(svg *):not(hr) {
    display: none;
}

@media (min-width: 576px) {
    #guidelinesModal .modal-dialog {
        max-width: 960px;
    }

    nav.navbar #navbarNav {
        margin-left: 120px;
    }

        nav.navbar .navbar-collapse ul.navbar-nav > li {
            margin: 0 15px;
        }

            nav.navbar .navbar-collapse ul.navbar-nav > li a {
                text-align: center;
            }

                nav.navbar .navbar-collapse ul.navbar-nav > li a.dropdown-item {
                    text-align: left;
                }
}

@media (max-width: 1199px) {

	nav.navbar #navbarNav {
		margin-left: 70px;
	}

}

@media (max-width: 991px) {

	.navbar-toggler{
		border-width: 2px;
	}
	
	.navbar-toggler:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.navbar-toggler[aria-expanded=true]{ border: 2px solid #b1d8d1; }


	nav.navbar #navbarNav { margin-left: 0; }
	nav.navbar #navbarNav ul.navbar-nav{ align-items: start !important; }
	nav.navbar .navbar-collapse ul.navbar-nav > li a { text-align: left; }
	
	section.container h1 { font-size: 3rem!important; }
	
	article img.img-fluid{ margin-bottom: 2rem; }

	footer #footer-app > div{ margin-top: 15px; margin-bottom: 15px; }

}



@media (max-width: 767px) {

    header nav a.navbar-brand img {
        height: 40px;
        width: auto;
    }

    header nav ul.navbar-nav {
        align-items: start !important;
    }
	
	article h1	{ font-size: 2.5rem; }
	article h2	{ font-size: 1.75rem; }	
	
	
	section.teasers div.image{ float: left; width: 20%; }
	section.teasers div.image img{ width: 100%; }
	
	section.teasers div.text{ width: calc(80% - 30px); float: right; text-align: left; }
	
	section.teasers div.row{ margin-top: -15px; margin-bottom: -15px; }
	section.teasers div.row > div{ margin-top: 15px; margin-bottom: 15px; }
	
}

@media (max-width: 575px) {

	header nav a.navbar-brand { padding: 10px 0; }

    header nav ul > li > a { font-size: 1.25rem; }

	article h1	{ font-size: 2rem; }
	article h2	{ font-size: 1.5rem; }		
	
	section.container h1 {
		font-size: 1.9rem!important;
	}
	
	section.teasers h2 { font-size: 1.25rem; margin-bottom: 0rem; }
	
	section.teasers div.image{ float: left; width: 15%; }
	section.teasers div.image img{ width: 100%; }
	
	section.teasers div.text{ padding-left: 20%; float: none; width: 100%; text-align: left; }	
	
	section, article, footer { padding: 30px 0; }
	
}