@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

a { color: #BA3224; outline: none; text-decoration: none; }
a:focus, a:hover, a:active, a.active { color: #BA3224; text-decoration: underline; }
a:visited { color: #BA3224; }

hr {
  height: 2px;
  width: 65%;
  color: #FFF;
}

.center-title {
  color: #FFF;
text-align: center;
font-family: "Libre Caslon Text";
font-size: 1.5em;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 1em;
margin-top: 1.5em;
}

.shadow { 
  border: 1px solid black;
  box-shadow: 3px 3px 3px grey; 
  border-radius: 8px;
}

.table-column td {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}
.table-column td:first-child {
  border-left: none;
}
.table-column td:last-child {
  border-right: none;
}

.box {
  border: 2px solid black;
  background-color: #deaffa;
  border-radius: 8px;
  padding: 10px;
  width: 50%;
}

.body-home {
  /*background: #190404;*/
  background: white;
  color: black;
}

#hero {
  padding-top: 5em;
  width: 100%;
  height: 10em;
}

#hero div {
  display: block;
  height: 5em;
  font-family: "Libre Caslon Text" !important;
  font-size: 1.75em !important;
  text-align: center;
  margin-top: .2em;
}

@media (min-width: 840px) {
  #hero {
    padding-top: 6em;
    height: 23em;
  }
}
@media (min-width: 840px) {
  #hero div {
    height: 15em;
    font-size: 3.5em !important;
    margin-top: 1em;
  }
}

#hero .withsub {
  padding-top: 2em !important;
}



#hero div span.hero-subtitle {
  font-size: .4em !important;  
}

#hero div.main, 
#hero div.home {
  color: #FFF;
}

#hero div.sessions {
  color: #6C0E0E;
}

#top-header.main {
  background: linear-gradient(180deg, #382F2F 0%, rgba(95, 86, 86, 0.00) 100%), linear-gradient(0deg, #363636 0%, #363636 100%), url(/user/images/SOC_headerBckg.png) lightgray 50% / cover no-repeat;
  background-blend-mode: normal, multiply, normal;
}

#top-header.home {
  background: linear-gradient(180deg, #6C0E0E 0%, rgba(108, 14, 14, 0.00) 100%), linear-gradient(0deg, #6C0E0E 0%, #6C0E0E 100%), url(/user/images/SOC_headerBckg.png) lightgray 50% / cover no-repeat;
  background-blend-mode: normal, multiply, normal;
}

#top-header.standard {
  background: linear-gradient(180deg, #971D11 0%, rgba(186, 50, 36, 0.00) 100%), linear-gradient(0deg, #971D11 0%, #971D11 100%), url(/user/images/SOC_headerBckg.png) lightgray 50% / cover no-repeat;
  background-blend-mode: normal, multiply, normal;
}

#top-header.sessions {
  background: linear-gradient(180deg, #DFDAD7 0%, rgba(223, 218, 215, 0.40)100%), linear-gradient(0deg, #EFE9E5 0%, #EFE9E5 100%), url(/user/images/SOC_headerBckg.png) lightgray 50% / cover no-repeat;
  background-blend-mode: normal, multiply, normal;
}

.dropmenu.main ul li a {
  color: #FFF !important;
}

.dropmenu.main ul ul {
  background: #382F2F;
}

.dropmenu.main ul li a:before {
  border: 1px solid #382F2F;
  background-color: #382F2F;
  border-radius: 10px !important;
}

.dropmenu.main ul li a:hover, 
.dropmenu.main ul li a:focus, 
.dropmenu.main ul li a.active {
  border-radius: 10px !important;
  color: #6C0E0E !important;
  background: #FFF !important;
}

.dropmenu.sessions ul li a {
  color: #6C0E0E;
}

.dropmenu.sessions ul ul {
  background: #fff;
}

.dropmenu.session ul li a:before {
  border: 1px solid #6C0E0E;
  background-color: #fff;
  border-radius: 10px !important;
}

.dropmenu.sessions ul li a:hover, 
.dropmenu.sessions ul li a:focus, 
.dropmenu.sessions ul li a.active {
  border-radius: 10px !important;
  color: #FFF !important;
  background: #6C0E0E !important;
}


.dropmenu.home ul li a {
  color: #FFF !important;
}

.dropmenu.home ul ul {
  background: #6C0E0E;
}

.dropmenu.home ul li a:before {
  border: none;
  background-color: #6C0E0E;
  border-radius: 10px !important;
}

.dropmenu.home ul li a:hover, 
.dropmenu.home ul li a:focus, 
.dropmenu.home ul li a.active {
  border-radius: 10px !important;
  color: #6C0E0E !important;
  background: #FFF !important;
}

section.logo img {
  margin-right: 20px;
}

section#header.main, 
section#header.home, 
section#header.standard {
  background: #6C0E0E;
  color: #FFF;
}

section#header.sessions {
  background: #DFDAD7;
  color: #6C0E0E;
}

#schedule div.columns {
  border: 1px solid black;
}
#schedule div.session {
  padding: 0 .5em 0 .5em;
}

a.button, a.btn-primary {
  color: #fff !important;
  background-color: #6C0E0E !important;
  border-radius: 4px  !important;
  border: 1px solid #6C0E0E !important;
  
}