@font-face {
    font-family: 'kayak_sansregular';
    src: url('../fonts/kayak_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kayak_sansbold_italic';
    src: url('../fonts/kayak_sans_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kayak_sansbold';
    src: url('../fonts/kayak_sans_bold-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kayak_sanslight_italic';
    src: url('../fonts/kayak_sans_light_italic-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kayak_sanslight';
    src: url('../fonts/kayak_sans_light-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kayak_sansregular_italic';
    src: url('../fonts/kayak_sans_regular_italic-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_regular_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1 {
  font-family: 'Montserrat', arial, sans-serif;
  text-align: center;
}

h2 {
  font-family: 'Montserrat', arial, sans-serif;
  margin-bottom: .5rem;
  /*font-family: 'kayak_sansregular', arial, sans-serif;*/
}

h3 {
  font-family: 'Montserrat', arial, sans-serif;
  margin-bottom: .5rem;
  /*font-family: 'kayak_sansregular', arial, sans-serif;*/
}

h4 {
  font-family: 'Montserrat', arial, sans-serif;
  margin-bottom: .5rem;
  margin-top: .5rem;
  /*font-family: 'kayak_sansregular', arial, sans-serif;*/
}

.page-link {
color: #041E42!important;

}

.portfolio-items {
  max-height: 210px;
}

a.btn-gold:hover {
color: #fff;
background-color: #041e42;
border-color: #041e42;
text-decoration: none!important;
}

p {
  font-family: 'Montserrat', arial, sans-serif;
}
/* define body using flexbox */
.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

/*makes site content fill the screen */
.site-content {
  flex: 1;
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%;
    border-radius: 0px 30px 30px 0px;!important

  }

  .btn-group-vertical {
    display: inline;!important
  }

.dash-buttons {
  border: none;
  border-radius: 0px 30px 30px 0px;
  padding: 10px;
  display: block;
  min-width: 125px;
}

.dashboard-nav {
  width: 100%;
  padding-left: 0px;!important
  padding-right: 0px;!important
}

/* logo styles */
.logo {
  padding-left: 0px;

}
.footer-styles {
  background-color: #f5f5f5; /*#C3E4ED; #041E42; #bfbfbf*/
}

.bg-light {
  background-color: #fff!important;
}

/*footer styles */
footer {
  color: #fff;
  padding-left: 15px!important;
  padding-right: 15px!important;

}


.hero {
  border-right: 15px solid #fff;
  border-left: 15px solid #fff;
  height: 300px!important;
  background-color: rgba(0,0,0,.5);
  /*background-image: url("../img/computer.jpg");*/
}

.left {

  border: 10px solid #fff;
  padding: 0px;
}

.name-styles {
  margin-bottom: 0px;
}

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 10px;
}

/* to center flex-items */
.flex-item {
   margin: auto;
}

.header {
  background-color: #d7c478; /* #041E42; */
  color: #fff;
}


.icon-section {
  clear: right;
  margin-top: 5px;
}

.social-icons {
  color: rgba(0,0,0,.5);
}

a.social-icons {
  text-decoration: none;
}

a.social-icons:hover {
  color: #000;
}

.disclaimer {
  clear: both;
  font-size: 12px;
}

.nav-color {
  background-color: #041E42;
}

.navbar-toggler {
  border: 0px solid transparent;
}

.dropstyles{
  margin-top: 0px;
  margin-left: 5px;
  border-radius: 0px;
  border: 3px solid #bfbfbf;
  /*width: 100%;*/ /*this allows nav width increase */

}

.noDisplay{display:none;}
.yesDisplay{display:block;}

.noDisplay2{display:none;}
.yesDisplay2{display:block;}

.breadcrumb {
  background-color: #fff;
  padding: .75rem 3rem;
  margin-bottom: 0px;
}

.login-img {

}

.btn-gold {
  color: #fff;
  background-color: #d7c478;
  border-color: #d7c478;

}

.btn-linktree {
  color: #fff!Important;
  background-color: #041E42!Important;
  border-color: #041E42!Important;
  width: 100%!Important;
  margin: 0 auto!Important;
  font-size: 1rem;
  border-radius: 40px 40px 40px 40px;!important
}

.btn-gray {
  color: #041E42;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.bio {
  max-width: 250px;


}

.content-padding {
  padding: .75rem 1rem;
}
.bioparagraph {
  margin-bottom: 0px;
}

.login-paragraph {
  margin-bottom: 15px;
}

.caption {
  font-size: 12px;
}
.carousel-caption {
  position: absolute;
  right: 10%;
  bottom: 50%;
  left: 0%;
}

.indexcontent {
  margin-top: 25px;
}

/* Container holding the image and the text */
.text-container {
  position: relative;
  text-align: center;
  color: white;
}

/*styling for badge over blog images */
.tag {
  position: absolute;
    bottom: 15px;

    background-color: #041E42;
    color: #fff;
    padding: 5px;
}
/*styling for badge over blog images hover */
.tag:hover {
  position: absolute;
    bottom: 15px;

    background-color: #d7c478;
    color: #fff; /*#041E42*/
    padding: 5px;

}

.small-text {
  font-size: 14px;
}

.space-up {
  padding-top: 5px;
}

a.breadlinks {
  color: #d7c478;
}

.navbar {
padding: .25rem 1rem;
}
/* Footer Styles
-------------------------------------------------- */

.footer-spacer {
  padding: .75rem 3rem;
}

.subfooter {
	padding: 20px 0 10px 5px;
	color: #041E42;
	width: 100%;
	border-bottom: 1px solid #041E42;
}

.footer-links {
	margin: 20px 0 12px;
	padding: 0;
	list-style: none;
}
.footer-links > li {
	color: #041E42;
	display: block;
	font-weight: normal;
}

.first, .footer-state-links li {
	color: #041E42;
	display: block;
	font-weight: 600;
}
.footer-links a, .ft-sidebar a {
	color: #041E42;
	display: inline-block;
	line-height: 1.8;
	text-decoration: none;
	font-size: 13px;
}

.footer-links a:hover, .ft-sidebar a:hover {
	color: #041E42;
	display: inline-block;
	line-height: 1.8;
	text-decoration: underline;
	font-size: 13px;
}

.footer-links a:visited, .ft-sidebar a:visited {
	color: #041E42;
	display: inline-block;
	line-height: 1.8;
	text-decoration: none;
	font-size: 13px;
}
.footer h3 {
	padding: 20px 0 10px 0px;
	color: #fff;
	width: 100%;
	border-bottom: 1px solid #000;
}

.blog-white-bg {
  padding: 15px;
}

.blog-gray-bg {
  padding: 15px;
  background-color: #f0f8ff!important;
  border-radius: 20px;
}

.blog-images {
  margin: 0 auto;
}

.blog-img {
  max-width: 210px;
}

.bottom-margin {
  margin-bottom: 25px;
}

.logos {
  background-color: #fff;
  border-radius: 20px;
}

.logo-padding {
  padding: 10px;
}

.testimonial-font {
  font-size: 14px;
}
/*navbar hover function instead of click
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-item:hover>.dropdown-menu {
  display: block;
}
ul li{
list-style-type:none;
display: inline;
}

.navbar-nav .nav-link{display:inline-block;}

.ml-auto {display:inline-block!important;}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

*/