/* main-color: #d28518 */ 

.color-dcsm {
	color: #8a2be2;
}

.bg-color-dcsm {
	background-color: #8a2be2;
}

.responsive {
	width: 100%;
	height: auto;
}

html {
	font-size: 16px;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
}

strong {
	font-weight: 600;
	color: #333;
}

nav {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

div.menu {
	text-transform: uppercase;
	font-weight: 300;
}

#banner {
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 2.6rem;
	text-align: center;
	line-height: 1em;
	margin-top: 6rem;
	color: #EEE;
	padding: 1rem 0;
}

	#banner .text {
			max-width: 960px;
			margin: 0 auto;
		}

	#banner small {
			display: block;
			margin-top: 0.8em;
			font-size: 0.6em;
		}
		
main {
	max-width: 1200px;
	margin: 0 auto;
	font-weight: 300;
	line-height: 1.75em;
	padding: 0.3em;
}

#content  a {
	border-bottom: thin dotted #0074d9;
}

h2 {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 2.3rem;
}

h3 {
	font-weight: 400;
}

h4 {
	font-weight: 400;
}

ul.icon {
	padding-left: 0;
}

ul.icon li {
	list-style-type: none;
    margin-bottom: 1em;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNhbGVuZGFyLWRheXMiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+) no-repeat left top;
    padding: 0px 0 0px 26px;
	line-height: 1.4em;
}

ul.importantDates li {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNhbGVuZGFyLWRheXMiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+) no-repeat left top;
}

ul.links li {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxpbmsiPjxwYXRoIGQ9Ik0xMCAxM2E1IDUgMCAwIDAgNy41NC41NGwzLTNhNSA1IDAgMCAwLTcuMDctNy4wN2wtMS43MiAxLjcxIi8+PHBhdGggZD0iTTE0IDExYTUgNSAwIDAgMC03LjU0LS41NGwtMyAzYTUgNSAwIDAgMCA3LjA3IDcuMDdsMS43MS0xLjcxIi8+PC9zdmc+) no-repeat left top;
}

ul.contact li {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1haWwiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgeD0iMiIgeT0iNCIgcng9IjIiLz48cGF0aCBkPSJtMjIgNy04Ljk3IDUuN2ExLjk0IDEuOTQgMCAwIDEtMi4wNiAwTDIgNyIvPjwvc3ZnPg==) no-repeat left top;
}

.google-maps {
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.card#submission header {
	background-color: #8a2be2;
	color: white;
}

.sidebar {
	font-size: 1rem;
	padding-left: 1.5em;
}

.sidebar #submitButton {
	font-size: 1.5em;
	padding: 0.6em 1.5em;
}

.sidebar svg {
	position: relative;
    top: 0.15em;
}

.sidebar h2 {
	font-size: 1.6rem;
}

.sidebar ul {
	margin-top: 0;
}
table.program {
	width: 100%;
	margin-bottom: 1em;
}

table.program span {
	font-weight: 400;
}

table.program td.time {
	width: 10%;
	font-weight: 400;
}

table.program tr.session td {
	color: whitesmoke;
	background-color: blueviolet;
	text-align: center;
	font-weight: 400;
}

table.program tr.invited td {
	
	background-color: #f4e2ff;
	
} 

table.program tr.invited td .header {
	color: blueviolet;
	font-weight: 400;
}

table.program tr.break td {
	color: #4e003b;
	background-color: #fcd9ff;
	font-weight: 400;
}

div .speaker {
	border-radius: 0.2em;
	border: #790095 thin solid;
	padding: 1em;
	margin-bottom: 1em;
}

footer {
	padding-top: .6em;
}

	footer .logo {
		color: #EEE;
		text-align: center;
		max-width: 250px;
		display: block;
		margin: 0 auto;
	}

	footer p {
		margin-left: 1em;
		margin-right: 1em;
	}
	
#previous_editions article ul {
	list-style-type: none;
	padding-left: 0.8em;
}

#previous_editions a {
	border-bottom: none;
}

#previous_editions header {
	color: #FFF;
}
#submitButton {
    display: none;
}
.dcsm2024 header{
	background-color: #d28518;
}
.dcsm2023 header{
	background-color: #008000;
}
.dcsm2022 header{
	background-color: #19B7EA;
}
.dcsm2020 header{
	background-color: #880015;;
}
.dcsm2019 header{
	background-color: #009688;
}
.dcsm2017 header{
	background-color: #3278CC;
}
.dcsm2016 header{
	background-color: #e95d3c;
}
.dcsm2015 header{
	background-color: #385900;
}
.dcsm2014 header{
	background-color: #0b0102;
}

/*For 10th image on top, can delete if deletes image*/
.responsive-img {
	max-width: 100%;  
	max-height: 80px; /* Limits the height to 400px (adjust as needed) */
    height: auto; /* Keeps the aspect ratio */
    width: auto;  /* Keeps the aspect ratio */
	height: auto;     
	display: block;   
	margin: 0 auto;   
}

/*For 10th image on top, can delete if deletes image*/
.brand {
    display: flex; /* Align items horizontally */
    align-items: center; /* Vertically align them */
    gap: 10px; /* Space between the images */
}

@media all and (min-width: 900px) {
	.six-seventh-900 {
		width: 85.71%;
	}
}

@media all and (min-width: 600px) {
	.five-sixth-600 {
		width: 83.3333%;
	}
}