/*
Fonts:
Headers: Raleway Semibold, Bold & Heavy
Body copy: Raleway Regular

Colors:
Dark Blue: 15273e
Lighter Blue: 0c7da4
Red: f15d55
Orange: f6921e
Dark Gray: 3b3b3c
*/

@media screen and (min-width: 1500px) {
    #imageContainer {
        display: inline-flex !important;
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: .75rem;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 1rem;
    }
    
}

body {
    font-family: 'Raleway' !important;
    background-color: white !important;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Raleway' !important;
    font-weight: bold;
}

.card-header-one a, .card-header-two a, .card-header-three a, .card-header-four a {
    color: white;
}

.collapsed {
    opacity: 80%;
}


.section-one {
    background-color: #f15d55 !important;
    color: white;
    margin: 20px 0 20px 0 !important;
    padding-left: 10px;
    padding-right: 0px;
}

.section-two {
    background-color: #f6921e;
    color: white;
    margin: 20px 0 20px 0 !important;
    padding-left: 10px;
    padding-right: 0px;
}

.section-three {
    background-color: #0c7da4;
    color: white;
    margin: 20px 0 20px 0 !important;
    padding-left: 10px;
    padding-right: 0px;
}

.section-four {
    background-color: #15273e;
    color: white;
    margin: 20px 0 20px 0 !important;
    padding-left: 10px;
    padding-right: 0px;
}

.card-header-one {
    background-color: #f15d55 !important;
    border-bottom: 10px solid white !important;
}
.card-header-two {
    background-color: #f6921e;
    border-bottom: 10px solid white;
}
.card-header-three {
    background-color: #0c7da4;
    border-bottom: 10px solid white;
}
.card-header-four {
    background-color: #15273e;
}


        .bs-example {
        	font-family: sans-serif;
        	position: relative;
        	margin: 100px;
        }
        .typeahead, .tt-query, .tt-hint {
        	border: 2px solid #CCCCCC;
        	border-radius: 8px;
        	font-size: 14px; /* Set input font size */
        	height: 30px;
        	line-height: 30px;
        	outline: medium none;
        	padding: 8px 12px;
        	width: 200px;
        }
        .typeahead {
        	background-color: #FFFFFF;
        }
        .typeahead:focus {
        	border: 2px solid #0097CF;
        }
        .tt-query {
        	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        }
        .tt-hint {
        	color: #999999;
        }
        .tt-menu {
        	background-color: #FFFFFF;
        	border: 1px solid rgba(0, 0, 0, 0.2);
        	border-radius: 8px;
        	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        	margin-top: 12px;
        	padding: 8px 0;
        	width: 422px;
        }
        .tt-suggestion {
        	font-size: 14px;  /* Set suggestion dropdown font size */
        	padding: 3px 20px;
        }
        .tt-suggestion:hover {
        	cursor: pointer;
        	background-color: #0097CF;
        	color: #FFFFFF;
        }
        .tt-suggestion p {
        	margin: 0;
        }
 
 
 
 
    .col{
        margin: 20px;
    }
    .accordion .fa{
        float: right;
        margin-right: 0.5rem;
      	font-size: 24px;
      	font-weight: bold;
        position: relative;
    	top: 2px;
    }    
    
    .card-title {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold;
    } 
    h1 {
        color: white;
    }
    .btn-primary {
        background-color: #0c7da4 !important;
        border-color: #0c7da4 !important;
    }