/* ------------------------- */
/* YOO ADMIN OVERRIDES ----- */
/* ------------------------- */
/* /templates/yootheme/packages/theme-joomla/assets/css/admin.css */


html {
  scroll-behavior: smooth;
  scroll-padding: 100px;
}
h2 {
  /*margin-top: -10px;*/
}
footer { margin-top: 40px; }
#tm-main { margin-bottom: -20px !important; }
.uk-article-title { font-size: 28px; }
.membersonly {color: #D2252A;}




/* ------------------------- */
/* MENU TWEEKS ------------- */
/* ------------------------- */
.submenu {
  /*text-transform: uppercase !important;*/
  font-size: 14px;
  color: #D25533;
  font-weight: 900;
  margin-bottom: -20px !important;
  letter-spacing: 1px;
}




/* ------------------------- */
/* IMAGE INSERTS ----------- */
/* ------------------------- */
.corner-round {
  border-radius: 5px;
}
.caption {
  font-size: 80%;
}
.inset-image-left {
  /* width hard coded @ tag */
  float: left;
  margin: 0px 20px 5px 0px;
  display: inline;
}
.inset-image-right {
  /* width hard coded @ tag */
  float: right;
  margin: 0px 0px 5px 20px;
  display: inline;
}
.inset-image-center {
  /* width hard coded @ tag */
  margin: 0 auto;
}
.inset-image-bio {
  float: left;
  width: 150px;
  margin: 0px 20px 5px 0px;
  display: inline;
  border: 1px solid #777;
}




/* ------------------------- */
/* FLEXBOX ----------------- */
/* ------------------------- */
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-headshot {
  width: 150px;
  flex: 0 0 150px; /* Fixed size */
  height: auto;
}
.flex-content {
  flex: 1 1 0;
  min-width: 0; /* Prevent overflow on narrow widths */
  padding: 10px;
  box-sizing: border-box;
}

.flex-container-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-headshot-nowrap {
  width: 150px;
  height: auto;
  flex: 0 0 150px; /* fixed width, no grow/shrink */
}
.flex-content-nowrap {
  flex: 1 1 auto%; /* takes up remaining space */
  padding-left: 10px; /* optional spacing */
  box-sizing: border-box;
}




/* ------------------------- */
/* CORE TABLES ------------- */
/* ------------------------- */
table.coreTable {
  font-size:14px !important;
  border-collapse: collapse;
  line-height: 16px;
  width: 100%;
  color: #252525;
  margin: 20px 0px 20px 0px !important;
}
table.coreTable th {
  border-width: 1px;
  border-color: #737A9A;
  border-style: solid;
  line-height: 30px;
  vertical-align: text-top;
}
table.coreTable td {
  border-width: 1px;
  border-color: #5c627a;
  border-style: solid;
  padding: 10px;
  vertical-align: text-top;
}
table.coreTable thead {
  background-color: #5c627a;
  color: white;
  text-align: center;
}

table.coreTable tr:nth-child(even) {
  background-color: #d6d8e2;
}




/* ------------------------- */
/* EVENT TABLES ------------ */
/* ------------------------- */
table.agenda {
  font-size:15px !important;
  line-height: 17px;
  width: 100%;
}
table.agenda th {
  font-size: 15px;
  background-color: #777;
  color: #fff !important;
  padding: 10px;
}
table.agenda td {
  padding: 10px;
}
.agenda.initstate {
  color: #5c627a;
}
.agenda p {
  margin:0;
  padding-bottom: 2px;
}
.agenda ul {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -10px;
}
.agenda hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #252525;
}
.agenda .timewidth {
  width: 180px;
}
.agenda .time {
  text-align: center;
  font-weight: 500;
}
.agenda .title {
  font-weight: 500;
}
.agenda .description {
  color:#666;
}
.agenda .description p {
  margin-bottom: 5px;
}
.agenda .description ol {
  margin-top: -2px;
  margin-bottom: 5px;
}
.agenda .description ul {
  margin-bottom: 5px;
}
.agenda li {
  margin-bottom: 10px !important;
}
.agenda .speaker {
  font-size: 13px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 18px;
  font-weight: normal;
  color: #165fab;
}
.agenda .speaker span {
  font-weight: bold;
}
.agenda .sponsor {
  margin-top: 5px;
  color: darkred;
  font-style: italic;
}
.agenda .room {
  margin-top: 4px;
  font-weight: 500;
}
.agenda .room span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 10px;
  color: white;
  padding: 1px 5px 1px 5px;
  background-color: #777;
}
.agenda .download {
  margin-top: 4px;
}
.agenda .fa-caret-square-o-down {
  color: #777;
}
a[aria-expanded=true] .fa-caret-square-o-down {
  transition: .3s transform ease-in-out;
  transform: rotate(180deg);
  color: #b24c24;
}
a[aria-expanded=false] .fa-caret-square-o-down {
  transition: .3s transform ease-in-out;
  transform: rotate(0deg);
  color: #5c627a;
}

/* ------------------------------------------------------------------------------------------------------------- */

/* ------------------------- */
/* MEDIA QUERIES ----------- */
/* ------------------------- */
@media only screen and (max-width: 575px) {

  /* MOBILE MENU ONLY SPACING */
  .uk-nav-sub a {
    padding: 5px 0;
  }
  .uk-offcanvas-bar {
    padding-top:50px;
  }

  /* RESPONSIVE MULTICOLUMN LIST */
  .multicolumn-list-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .multicolumn-list-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .multicolumn-list-4 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  /* AGENDA TABLES*/
  .agenda .timewrap::before {
    content: "\a";
    white-space: pre;
  }
  .agenda .timewidth {
    width: 90px;
  }

  /* INSET IMAGES */
  .inset-image {
    height:auto !important;
    max-width:600px !important;
    width: 100% !important;
  }
  .inset-image-left {
    height:auto !important;
    max-width:600px !important;
    width: 100% !important;
    margin: 10px 0px 20px 0px;
    text-align: center;
  }
  .inset-image-right {
    height:auto !important;
    max-width:600px !important;
    width: 100% !important;
    margin: 10px 0px 20px 0px;
  }

  /* FLEXBOX */
  .flex-headshot {
    width: 25%;
    flex: 1 1 25%;
  }
  .flex-content {
    flex: 1 1 100%;
    order: 1; /* Ensure it comes after the images */
  }

  .flex-headshot-2 {
    /*width: 25%;*/
    /*flex: 0 0 150px; /* Fixed size */*/
  }
  .flex-content-2 {
    /*flex: 1 1 100%;*/
    /*order: 1;*/
  }
}



@media only screen and (min-width: 576px) {

  /* RESPONSIVE MULTICOLUMN LIST */
  .multicolumn-list-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .multicolumn-list-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .multicolumn-list-4 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}



@media only screen and (min-width: 768px) {
  
  /* RESPONSIVE MULTICOLUMN LIST */
  .multicolumn-list-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .multicolumn-list-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .multicolumn-list-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}



@media only screen and (min-width: 992px) {

  /* RESPONSIVE MULTICOLUMN LIST */
  .multicolumn-list-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .multicolumn-list-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .multicolumn-list-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}