/*!
 * Start Bootstrap - Resume v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/resume)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
 */

body {
	font-family: 'Roboto', sans-serif;
	padding-top: 0px;
	color: #333;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: #FFFFFF !important;
}
 
.thumbnail:hover {
  opacity: 0.7;
}
.thumbnail {
  transition: transform 0.3s ease;
}
.highlight {
  background-color: yellow;
}

#utilityLG {
    display:block;
}

#utilitySM {
    display: none;
}

.btn {
    background-color: #650030;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    padding: 10px 25px 10px 25px;
    border: none;
}
.btn:hover {
    background-color: #843359;
}
.btn-primary {
    background-color: #650030;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    padding: 11px 25px 11px 25px;
    margin-top: 0px;
    border: none;
}
.btn-primary:hover {
    background-color: #843359;
}
.btn-primary:active {
    background-color: #843359 !important;
}
.btn-secondary {
    background-color: #650030;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    padding: 5px 25px 5px 25px;
    border: none;
}
.btn-secondary:hover {
    background-color: #843359;
}
.btn-secondary:active {
    background-color: #843359 !important;
}
.form-control {
    font-family: 'Roboto';
    font-weight: 500;
    color: #000000;
    padding: 10px 25px 10px 25px;
    border-color: #AAAAAA;
    box-shadow: none;
}
.form-control:focus {
    background-color: #F6F6F6;
    border-color: #AAAAAA;
    box-shadow: none;
}

.accordion {
    --bs-accordion-bg: #FFFFFF;
    --bs-accordion-border-radius: 0px;
    --bs-accordion-inner-border-radius: 0px;
    --bs-accordion-btn-color: #FFFFFF;
    --bs-accordion-btn-bg: #650030;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-bg: #F15A22;
    --bs-accordion-active-color: #FFFFFF;
}

.accordion-button:hover {
    background-color: #843359;
}

.accordion-button:not(.collapsed):hover {
    background-color: #ff7245;
}

.accordion-button {
    font-family: 'Roboto';
    font-weight: 700;

}

/*.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }*/

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

header {
	padding: 80px 0 10px 0;
}

section {
	padding: 150px 0;
}
.sm {
    text-emphasis-position: above;
}

section.resume-section {
	border-bottom: 1px solid #dee2e6;
	padding-top: 4rem !important;
	padding-bottom: 5rem !important;
}

section.resume-section .resume-item .resume-date {
	min-width: none; 
}

.navbar-brand {
	display: flex;
	padding: 0.05rem;
	margin-right: 2rem;
}

.navbar-brand .img-profile {
	max-width: 9rem;
	max-height: 11rem;
	margin-top: 5px;
    margin-left: 15px !important;
}

.navbar-toggler {
	padding:.25rem .75rem;
	font-size:1.25rem;
	line-height:1;
	background:0 0;
	background-color: #FFFFFF;
	border:1px solid transparent;
	border-radius:.25rem;
}

.navbar-toggler:focus,.navbar-toggler:hover {
	text-decoration:none;
}

.navbar-toggler-icon {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	vertical-align:middle;
	content:"";
	background:no-repeat center center;
	background-size:100% 100%;
}

dropdown-item.active, .dropdown-item:active {
    color: #650030;
    text-decoration: none;
    background-color: #888;
}

.nav-link {
	font-weight: 400;
}

.navbar-dark::-webkit-scrollbar {
	height: 12px;
	width: 12px;
	background: #1C1C1C;
}

.navbar-dark::-webkit-scrollbar-thumb {
    background: #E1EFFF;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.navbar-dark::-webkit-scrollbar-corner {
    background: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: white;
}

.navbar-light::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #FFFFFF;
}

.navbar-light::-webkit-scrollbar-thumb {
    background: #E1EFFF;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.navbar-light::-webkit-scrollbar-corner {
    background: #1C1C1C;
}

.dropdown-menu {
	margin-top: 0;
}

.navbar-nav

/* sticky button styles */

*{ 
	font-weight: 300;
}

.navbar-light .navbar-nav {
    color: #000000;
}

a.nav-link{
	color:#000000 !important; 
}

a.nav-link:hover, a.nav-link:focus, a.nav-link:active {
	color: #C20019 !important;
}

.no-sell a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .95rem;
    font-weight: 300;
    text-decoration: underline;
    color: #FFFFFF;
}


.no-sell a:hover {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .95rem;
    font-weight: 300;
    text-decoration: underline;
    color: #ededee;
}

h1 {
    font-family: 'Merriweather',Serif;
	font-weight: 300;
	font-size: 2.8rem;
	line-height: 3.4rem;
    color: #FFFFFF;
}

h2 {
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	color: #000000;
}

h3 {
	font-size: 1.2rem;
	color: #393939; 
}

.audience {
	font-size: 1rem;
	font-weight: 300 !important;
	color: #FFFFFF;
}

h4 {
	font-size: 1.2rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #393939; 
}

h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #393939;
}

p {
	font-family: 'Roboto Condensed', sans-serif;
	padding-top: 0px;
}

a {
	color: #116e99;
    text-decoration: underline;
}

a:hover, a:focus, a:active {
	color: #33A4D8;
}

.superscript-footer {
	font-size:.6em;
	vertical-align:top-text;
}

.bold {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

.disclosure {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: 300;
    color: #FFFFFF;
}

.disclosure-bold {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: 700;
    color: #FFFFFF;
}

.cta {
    font-family: 'Merriweather',Serif;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #650030;
    text-align: center;
}

a.disclosure-link {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	text-decoration: underline;
}

a.disclosure-link:hover, a.disclosure-link:focus, a.disclosure-link:active {
	color: #ededee;
}

.bg-primary {
	background-color: #FFFFFF !important;
	box-shadow: 0px 0px 3px 0px lightgrey;
}

.background {
	background-image: linear-gradient(90deg, #640931 0% 78.5%, #991a29 78.5% 82.5%, #cc3321 82.5% 88.5%, #F05225 88.5% 100%);
}

.anchor{
	display: block;
	height: 50px; /*same height as header*/
	margin-top: -50px; /*same height as header*/
	visibility: hidden;
}

.card {
    border-radius: 0;
    border-style: none;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem 0px 1rem 0px;
    margin-x: 0px;
    line-height: 1.25rem;
}

.orange {
	background-color: #f15a22;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.gold {
	background-color: #986018;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.green {
	background-color: #269F00;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.warmgrey {
	background-color: #6b5c4f;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.greyrate {
	background-color: #4F4F4F;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.greyrate:hover {
	background-color: #822433;
	text-decoration: none;
}

.lightgreen {
	background-color: #649780;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.lightgreenrate {
	background-color: #649780;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.lightgreenrate:hover {
	background-color: #822433;
	text-decoration: none;
}

.dblue {
	background-color: #2a3845;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.dbluerate {
	background-color: #2a3845;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.dbluerate:hover {
	background-color: #822433;
	text-decoration: none;
}

.richblue {
	background-color: #005b86;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.lightblue {
	background-color: #66bfda;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.mediumblue {
	background-color: #2493d1;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.garnet {
	background-color: #650030;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.orange {
	background-color: #FF4F17;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.newdblue {
	background-color: #244f8c;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.green {
	background-color: #627b21;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.dteal {
	background-color: #00798b;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}


.lincolnred {
	background-color: #ad1f2d;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.red {
	background-color: #ff232a;
	color: white;
	padding-left: 10px;
	line-height: 1.6rem;
	height: 25px;
}

.dred {
  background-color: #762135;
  color: white;
  padding-left: 10px;
  line-height: 1.6rem;
  height: 25px;
}

.lightgrey {
	color: #d9dbdc;
}

.lighterblue {
	background-color: #e2e6ea;
}

.boxshadow {
	position: relative;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.3);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
	padding: 0px;
	background: white;
}

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px; 
}

.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#b2b2b2;
	background:rgba(178,178,178,0.7);
	padding:20px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;    
}

.scroll:hover {
	background:rgba(178,178,178,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;    
}

.scroll:hover .fa {
	padding-top:-10px;
}

.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;  
}

.table td, .table th {
    text-align: center;
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: #FFFFFF;
    --bs-table-bg: none;
    --bs-table-border-color: #FFFFFF;
    --bs-table-accent-bg: transparent;
}


@media (max-width: 992px) {
	
}

@media (min-width: 992px) {
	
	body {
		padding-top: 0px;
		padding-left: 0rem; 
	}

	header {
		padding: 130px 0px 25px 0px;
	}
	
}



@media (min-width: 768px) {


	header {
		padding: 130px 0px 25px 0px;
	}
/*#utilityLG {
    display:block;
}

#utilitySM {
    display: none;
}*/
	
}

@media (max-width: 767px) {
    
    h1 {font-family: 'Merriweather',Serif;
        font-size: 2rem;
        line-height: 3.2rem;
    }

header {
	padding: 160px 0 10px 0;
}
    

/*#utilityLG {
    display: none;
}

#utilitySM {
    display: block;
}*/

}

@media (max-width: 576px) {

/*#utilityLG {
    display: none;
}

#utilitySM {
    display: block;
}*/

}