@charset "UTF-8";




/* CSS Document */
.header-logo {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px
}
@media (max-width: 575.98px) {
  .header-logo {
    margin-bottom: 10px
  }
}

.hm-date{margin-top:5px;text-align:right}

	@media (max-width: 1200px){ 
		.hm-date{
  			margin-top:5px;
		}
}
	@media (max-width: 992px){ 
		.hm-date{
  			margin-top:15px;
		}
}

@media (max-width: 768px){ 
		.hm-date{
  			margin-top:20px;
			margin-bottom:20px;
			text-align:left;
		}
}



/************      NAVS    ****************/

.navbar-custom {
    background-color: #404040;
}/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #3ba2db;
}

.utility-nav-header { color:#ffffff;font-family: komet, open-sans, arial, sans-serif;
    font-weight: 900;margin-bottom:0}
.utility-nav-links{color:#ffffff;text-decoration: none;font-size:12px;line-height:10px}


/************      COLORS     ****************/

.text-white{color:#ffffff}
.white-text{color:#ffffff}
.back-white{background-color:#ffffff}
.back-black{background-color:#000000}
.back-blue {background-color:#0092D0}


/************      TEXT     ****************/
body {
 font-family: open-sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
	font-size:16px;
}

p, td, ul {
	font-family: open-sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}


/* -----------------PADDING----------------- */

.newsection {
	padding-top: 30px;
	padding-bottom: 30px
}

/************      HEADERS    ****************/

h1 {font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	
}


.h2 {font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	
}

.h3, h3 {
    font-family: open-sans, sans-serif;
	font-size: 1.25rem;
    font-weight:900;
}

@media(max-width:768px) {
  h3 { font-size:1.3em;}
}


.jumbohomeheadline {
  font-family: komet, open-sans, sans-serif !important;
  font-size: 3.25em;
  font-weight: 900;
  color: #000000;
  line-height: 1;
  /*  text-shadow: #102655 1px 0 10px;*/
  text-transform: uppercase
}
@media (max-width: 575.98px) {
  .jumbohomeheadline {
    font-size: 2em;
  }
}
/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .jumbohomeheadline {
    font-size: 1.5em;
  }
}
/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .jumbohomeheadline {
    font-size: 2em !important;
	 
  }
}
/*  `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .jumbohomeheadline {
    font-size: 2.5em !important;

  }
}
/*  `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
  .jumbohomeheadline {
    font-size: 3.25em;
  }
}

.sectionheader {
	font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	line-height: .8em;;
}


.sectionheader-black {
	font-family: komet, open-sans, sans-serif;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.375rem + 1.5vw);
	line-height: .8em;
}

.sectionheader-white {
	font-family: komet, open-sans, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.375rem + 1.5vw);
	line-height: .8em;
}


@media (min-width:1200px) {
.sectionheader {
	font-size: 2.5rem;
	line-height: .8em;
}
}



.h2 {
  font-family: komet, open-sans, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
}


/************      LISTS      ****************/
.custom-bullets-blue-checkmark {
  list-style-type: none; /* Remove default bullets */
  padding-left: 10px; /* Add padding to make space for the SVG */
  margin-left: 0;
}
.custom-bullets-blue-checkmark li {
  line-height: 2em;
  background-image: url('/DTCFall/img/checkmark-blue.svg'); /* Link to your SVG file */
  background-repeat: no-repeat;
  background-position: left top 8px; /* Position the SVG */
  background-size: 22px 22px; /* Control the size of the SVG */
  padding-left: 35px; /* Space between the icon and the text */
}
.noindent-list{padding-left: 1.2em;margin-left: 0;}


/************      BOXES     ****************/
.angled-box-black {
  width: 100%;
  height: auto;
  background: #000000;
  padding: 30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
}
.angled-box-blue {
  width: 100%;
  height: auto;
  background: #0092d0;
  padding: 30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
}
.angled-box-gray {
  width: 100%;
  height: auto;
  background: #6c757d;
  padding: 30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
}

.angled-box-white {
  width: 100%;
  height: auto;
  background: #ffffff;
  padding: 30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
}


/************    SPEAKERS    ****************/

.spk-hm-name {
	font-family: 'open-sans', sans-serif !important;
	font-size:16px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	font-weight: 700;
	margin-top:10px;
	margin-bottom: 5px
}
.spk-hm-title {
	font-family: 'open-sans', sans-serif !important;
	font-size:14px;
	text-align: center;
	color: #000000;
	font-weight: 300;
	margin-top: 0;
}

.spk-img{margin-bottom:10px}


/* -----------------LINKS AND BUTTONSs----------------- */

a.callout:link {
	color: #ffffff;
}
a.callout:visited {
	color: #ffffff;
}
a.callout:hover {
	color: #0a1e3e;
	text-decoration: none
}

.btn {font-family:  komet, open-sans, sans-serif;
font-weight:800;text-transform: uppercase}


.btn-outline {
	color: #0092D0;
	background-color: #ffffff;
	border-color: #0092D0;
	font-weight: bold;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus, .btn-outline.active {
	background: #0092D0;
	color: #ffffff;
	border-color: #0092D0;
	border-radius: 20px;
}

.btn-primary {
	background-color: #0092D0;
	border-color: #0092D0;
	border-radius: 20px;
	padding: 10px;
	padding: 10px 20px 10px 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #0071ac;
	border-color: #ffffff;
	border-radius: 20px;
}

.btn-secondary {
	background-color: #404040;
	border-color: #404040;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	background-color: #575757;
	border-color: #ffffff;
	border-radius: 20px;
}


.btn-light {	
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
	background-color: #f1f1f1;
	border-color: #0092D0;
	border-radius: 20px;
}



.btn-warning {
	background-color: #FFC20E;
	border-color: #FFC20E;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
	background-color: #a78106;
	border-color: #ffffff;
	border-radius: 20px;
}

.btn-outline-light {
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
	background-color: #0092D0;
	color: #ffffff;
	border-radius: 20px;
}