/* General
   ========================================================================== */
html {
  scroll-behavior: smooth;
}
body {
   font-family: 'Lato', sans-serif;
   line-height: 1.7
}
h1 {
    font-size: 2rem;
    margin-bottom: 3rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
form table td {
    padding: 0 5px 5px 0;
}
img {
  max-width: 100%;
  height: auto;
}
p, dl, ol, ul {
    margin-bottom: 1.5rem;
}
dl, ol, ul {
    margin-bottom: 1.5rem;
}
a {
    color: #9e237e;
}
a:hover, a:focus {
  color: #777;
  transition: all 0.3s;
}
hr {
    margin: 2rem 0;
}

.highlight {
  color: #9e237e;
}

table ul {
    margin: 0;
}


/* Buttons
   ========================================================================== */

.btn,
button,
input[type="submit"],
.button,
span.button a,
.bxslider_caption a,
#menu #SMenu > li:last-child > a {
    background: #9e237e;
    color: #fff;
    font-weight: 600;

    display: inline-block;
    align-self: center;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#menu #SMenu > li:last-child > a {
    padding: 8px 16px;
    margin-left: 10px;
}

span.button,
span.button:hover,
span.button:active,
span.button:focus {
    background: none;
    padding: 0;
    border: none;
    color: #333;
}


.btn:hover,
.btn:focus,
.btn:active,
button:hover:not(.btn-close),
button:focus:not(.btn-close),
button:active:not(.btn-close),
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus,
span.button a:hover,
span.button a:active,
span.button a:focus,
.bxslider_caption a:hover,
.bxslider_caption a:active,
.bxslider_caption a:focus,
#menu #SMenu > li:last-child > a:hover,
#menu #SMenu > li:last-child > a:active,
#menu #SMenu > li:last-child > a:focus,
#bannerText .button:hover,
#bannerText .button:active,
#bannerText .button:focus,
footer .button:hover,
footer .button:active,
footer .button:focus {
    background: #0b5ed7;
    color: #fff;
    border-color: #0a58ca;
    text-decoration: none;
}

#menu #SMenu > li:last-child:hover > a {
  color: #fff;
}

.btn:focus,
button:focus,
input[type="submit"]:focus,
.button:focus,
span.button a:focus,
.bxslider_caption a:focus,
#menu #SMenu > li:last-child > a:focus,
#menu a.slicknav_btn:focus {
    outline: 0;
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}


.Zine_accordion .ZineTitle h2 {
    font-size: 1.6rem;
}
.accordioncontrol img {
    position: relative;
    bottom: 2px;
}
.ZineArticle.Zine_accordion {
    display: none;
}
.accordionbox .ZineBody {
    font-size: 15px;
}


/* Cart
   ========================================================================== */

span.item-in-cart {
    font-size: 12px;
    position: absolute;
    top: -2px;
    color: #9e237e;
}
span.cart-items {
    position: relative;
    padding: 8px 12px;
    display: inline-block;
}





/* Header
   ========================================================================== */
/* @media screen and (min-width: 992px) {
    header {
        position: fixed;
        width: 100%;
        z-index: 999;
        background: #fff;
        top: 0;
        left: 0;
    }
} */

header {
  padding: 20px 0;
}

.logo img {
    max-width: 180px;
}


/* Banner
   ========================================================================== */

#banner {
  background-image: linear-gradient(rgb(0 0 0 / 30%), rgba(0, 0, 0, .3)), url(banner.jpg);
  background-position: bottom;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 30px;
}
#bannerTextWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 6% 0;
}
#bannerText {
    color: #fff;
    padding: 0 30px;
    font-weight: bold;
}
#bannerText h1 {
    font-size: 52px;
    text-align: center;
    margin: 0;
}
#bannerText h1 span {
    display: block;
}
.countdown {
  margin-top: 40px;
}
.countdown p {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #ff00bd;
}
.countdown #countdown {
    font-size: 36px;
    color: #fff;
}
.countdown span {
    background: #327baf;
    margin-right: 10px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px;
    border-bottom: 4px solid #24597e;
    border-right: 4px solid #24597e;
}



/* Content
   ========================================================================== */

#map {
    line-height: 0;
}
#map iframe {
    width: 100%;
    height: 500px;
}
#intro {
    font-size: 18px;
}

#inside {
    margin: 3rem 0 5rem;
}

/* @media screen and (min-width: 992px) {
#inside {
    margin-top: 5rem;
    padding-top: 5rem;
}
} */


table.responsive-table {width: 100%;}

table.responsive-table td {padding: 15px; border: 1px solid #ddd;}

table.responsive-table {width: 100%;}

.responsive-table tr:nth-child(even) {
    background-color: #eee;
}

table.responsive-table th h2 {font-size: 20px;margin: 0;}

table.responsive-table th {background: #9e237e;color: #fff;padding: 15px;}


table.responsive-table.register-table tr:nth-child(even) {background: none;}

table.responsive-table.register-table td:first-child {width: 30%;}


/* Sponsors */

#sponsors {
    text-align: center;
}

#sponsors h2 {
    margin: 40px 0 0;
    padding: 60px 0 30px;
    border-top: 1px solid #ddd;
    font-weight: normal;
    font-size: 1.6rem;
}

#sponsors.platinum-sponsor h2 {
    margin: 0;
    border: none;
    padding: 0;
}

#sponsors img {
    margin: 20px;
}

#sponsors img:hover {
    opacity: .4;
}


span.EvtFeeCostFree {
    display: none;
}



.EvtFeeThankYou h2,
h2.EvtFeeThankYou {
    color: #9a2b83;
    font-weight: bold;
    font-size: 22px;
    margin: 0;
    padding: 20px;
}
.EvtFeeThankYou {
    border: 1px solid #eee;
    margin: 20px 0;
}

.EvtRegRegistrants .boxhead {
    background: #9debff;
    color: #2d4950;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
}
.EvtRegRegistrants .boxhead .boxtitle {
    font-size: 20px;
}
.EvtRegFinish h1 {
    margin-bottom: 30px;
}
input#CartUpdateButton,
input#CartCancelButton,
input.formButton.cancel,
input[value="Reset"] {
    background: #aaa;
}
input#CartUpdateButton:hover,
input#CartUpdateButton:active,
input#CartUpdateButton:focus,
input#CartCancelButton:hover,
input#CartCancelButton:active,
input#CartCancelButton:focus,
input.formButton.cancel:hover,
input.formButton.cancel:active,
input.formButton.cancel:focus,
input[value="Reset"]:hover,
input[value="Reset"]:active,
input[value="Reset"]:focus {
    background: #999;
}





ul.ceo-forum img {
    margin: 0 20px 10px 0;
}
ul.ceo-forum a:hover img {
    opacity: .5;
}

ul.ceo-forum {
    list-style-type: none;
    padding: 15px 0 0;
}
ul.ceo-forum li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}


.speakers {
   background: #4a4a4a;
    color: #fff;
    padding: 40px;
}
.speakers img {
    border: 3px solid #9e237e;
    box-shadow: 4px 5px 10px #000;
}
.speakers p,
.speakers ul {
    margin-bottom: 0.7rem;
    font-size: 15px;
}
.speakers p:last-child {
  margin: 0;
}
.speakers h2 {
  margin-bottom: 40px;
}
.speakers h5 {
  margin-top: 20px;
  color: #c5e1ff;
}
.speakers a {
  color: #fff;
}
.speakers:after {
    display: block;
    clear: both;
    content: "";
}
.speakers .panel {
    margin-bottom: 50px;
}
.speakers .panel:last-of-type {
    margin: 0;
}


/* Schedule
   ========================================================================== */

section.schedule {
    background: url(st-johns-newfoundland.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.schedule-home-wrap {
    padding: 40px;
    background: #fff;
        box-shadow: 0px 5px 20px #333;
}

.schedule table td img {
    display: block;
    margin: 10px 0 0;
    border-radius: 6px;
}

.schedule table th, .schedule table td {
    padding: 15px;
    border: 1px solid #ddd;
}

.schedule .table-responsive:first-of-type {
    margin-bottom: 30px;
}

.schedule table th {
    padding: 5px 20px;
    background: #327baf;
    color: #fff;
}

.schedule table {
    width: 100%;
}

.schedule table tr {
    background: #fff;
}
.schedule table tr:nth-of-type(even) {
    background: #fafafa;
}
.schedule-home-wrap h3 {
    margin-top: 40px;
}

.welcome h2,
.welcome p {
  text-align: center;
}
.welcome p {
    font-size: 20px;
    margin-bottom: 1rem;
}

.location {
  padding: 40px;
  border: 1px solid #333;
}
.location ul {
  margin: 0;
}

.hotels table {
    width: 100%;
    text-align: center;
}

.hotels table td {
    background: #f1f1f1;
    padding: 20px;
    vertical-align: top;
    text-align: left;
}

.hotels table {
    margin-bottom: 20px;
}


/* Menu
   ========================================================================== */

#menu {
    margin: 0 15px;
}
#menu a {
    color: #333;
    font-weight: bold;
}
#SMenu {
  display: none;
}
.slicknav_menu .slicknav_menutxt,
a.slicknav_btn.slicknav_open .slicknav_menutxt {
    padding-right: 5px;
}
.slicknav_menu .slicknav_menutxt {
    position: relative;
    bottom: 2px;
    font-weight: 600;
}
span.slicknav_arrow {
  padding-left: 6px;
}
.slicknav_menutxt {
    color: #fff;
}
#menu a.slicknav_btn {
    line-height: 100%;
    padding: 15px 15px 12px;
    font-size: 16px;
    background: #9e237e;
    position: absolute;
    top: -65px;
    right: 15px;
}
#menu a.slicknav_btn:hover,
#menu a.slicknav_btn:active,
#menu a.slicknav_btn:focus {
    background: #0b5ed7;
}
.slicknav_menu .slicknav_icon {
    float: right !important;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff; 
  box-shadow: none !important; 
}
.slicknav_nav {
  padding: 0;
  margin: 0;
}
.slicknav_nav li > a {
  padding: 15px;
  border-bottom: 1px solid #ddd;
  text-align: right;
}
.slicknav_nav li:last-child a {
  border: none;
}
.slicknav_nav ul {
  padding: 0;
}
#menu .slicknav_nav ul li a {
    background: #999;
    color: #fff;
    font-size: 15px;
    padding: 8px 15px;
}
.slicknav_nav ul ul li a {
    background: #314633;
}
.slicknav_nav ul ul ul li a {
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 6px 15px;
}
.slicknav_nav ul ul ul ul li a {
    background: #eee;
}




/* Footer
   ========================================================================== */
footer {
    font-size: 14px;
    border-top: 1px solid #dee2e6;
}
.footer-bottom {
    background: #000;
    font-size: 80%;
    padding: 1.25rem 0;
    margin-top: 3rem;
    color: #ccc;
}
.footer-logo img {
    max-width: 125px;
}
footer table td {
    vertical-align: top;
}
footer table td:last-child {
    padding-left: 20px;
}
footer table td:first-child {
    width: 25px;
}


.footer-logo ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.footer-logo ul li {
    display: inline-block;
    width: 25%;
}



