/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
li.slicknav_collapsed span.slicknav_arrow {
    background: url("/images/BlueRight.png") no-repeat center;
    background-size: 100%;
}
li.slicknav_open span.slicknav_arrow {
    background: url("/images/BlueDown.png") no-repeat center;
    background-size: 100%;
}
li.slicknav_open li.slicknav_collapsed span.slicknav_arrow {
    background: url("/images/BlueRight.png") no-repeat center;
    background-size: 100%;
}
  .slicknav_nav .slicknav_arrow {
    font-size: 25px;
    margin: 0 0 0 0.4em;
    color:transparent;
  }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; color:#333; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
   }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #003745;
    margin:5px;
    height:5px;
    width:30px;
  }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.slicknav_nav {
  top: 4px;
  position: relative;
  padding: 0;
  margin-top: 5px;
  font-size: 0.875em;
  background: #fff;
  list-style: none;
  overflow: hidden;
  box-shadow: 0 0 8px -2px #000;

}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      color: #333; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #333;
  }
  .slicknav_nav li > a {
      border-bottom:1px solid #ccc;
      text-transform:uppercase;
  }
  .slicknav_nav li > a > a {
      border-bottom:0;
      text-transform: uppercase;
      padding:0;
  }
  .slicknav_nav li ul li a {
      color:#8A7967;
      text-transform:none;
  }
  .slicknav_nav li ul li ul li a {
      color:#003745;
      font-size:12px;
  }
    .slicknav_nav a:hover {
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
      padding-right:30px;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.slicknav_menu {
    display:none;
}

.desktop {display:block;}
.mobile, #logo .mobileTitle {display:none;}
 .footerleftcol, .footerrightcol {width:100%; float:none;}
.footerSocial {display:none; clear:both;}






@media screen and (max-width:1000px) {
    ul#nav {
        display:none;
    }
    .slicknav_menu {
        display:block;
        position:absolute;
        top:15px;
        right:0;
        width:50%;
        z-index:99;
    }

    #productlist .productimage {
        width: 30%;
        text-align: center;
        float: right;
        position: relative;
        top: -30px;
    }
    #productlist .details {
  width: 60%;
  float: left;
}
    a.viewDetails {
  width: 40%;
}
    a.addToCart {
  float: right;
  padding-left: 30px;
  background: url('../Images/Register.png') no-repeat 20px center #C1D72E;
  position: relative;
  width: 37%;
}
    #productlist .lblTitle {
  font-size: 20px;
  float: left;
  color: #8A7967;
  margin-bottom: 10px;
  display: block;
  width: 60%;
  text-transform: uppercase;
  font-family: 'Gotham-Light';
}

    .book-store a {color:#C1D82F; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px;}
    .donate a {color:#00ACA1; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px;}
    .members-only a, .members a {color:#EE9627; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px;}
    .visit-museums-in-alberta a, .visit-alberta-museums a {color:#EBE729; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px;}
    .shopcart-items a {margin-left:0; margin-right:0; padding:20px 15px; border-bottom:0!important;}
    .shopCartIcon.mobile {background-size:100%; width:65px; height:70px; background-repeat:no-repeat;}
    .shopCartIcon.mobile .itemCount {line-height:16px; top:10px; right:15px;}

    .calloutBox {float:none; width:125px; background:none; top:0;}
    #homemiddle {padding:0 20px;}
    .row, .row-menu, .sliderImg {max-width:none; width:auto; min-width:0;}
    #social-shop {display:none;}

    .desktop, #menu, #gradBorder, #header-features {display:none;}
    .mobile {display:block;}
    #homemiddle .row {margin-top:0;}
    #header {height:75px; border-bottom:5px solid #003745; background:#fff;}
        #logo {padding:15px 15px 0;}
        #logo .mobileTitle {line-height:24px; position:relative; top:-20px; padding-left:20px; font-weight:bold; font-size:18px; color:#003745; display:inline-block;}
       #logo .mobile {height:50px; display:inline-block; box-shadow:none;}
       ul.eventlist li {padding:15px 15px 0;}

       ul.eventlist a {font-size:12px; width:100px; padding:10px 6px;}

       #footer-left {width:100%; float:none; width:90%; margin:0 auto;}
       #footer-right {background-color:#003745; min-height:0;height:auto; color:#fff; width:90%; margin:0 auto; float:none;}
        .footerleftcol {width:65%; float:left;}
        .footerrightcol {width:35%; float:left;}
        .footerSocial {display:block; color:#fff; clear:both; text-align:center;}
            .footerSocial a {width:18%; display:inline-block;}
                .footerSocial a img {width:70%;}
        .footerSocial .footerLinks a {padding:15px; color:#fff; width:auto;}

        #shopCartItems .grandTotal {margin:0 20px;}
        .grandTotal .left {float:none; line-height:36px; margin-bottom:30px; padding-right:0;}
        .grandTotal .right {float:none; padding-right:0;}

        article .DocumentLibraryContainer .SearchBox {margin:0 0 15px;}
        article .DocumentLibraryContainer .SearchList {float:none;}

}

@media screen and (max-width:768px) {
    #latestnews, #mainfeature div.eventsArea {width:88%; float:none;}
    .slicknav_menu {
        width:70%;
    }
    #homemiddle {padding:0;}
     h1 {
  font-size: 35px;
  color: #00ACA1;
  font-family: 'Gotham-Light', Fallback, sans-serif;
  padding:30px 0;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 50px;
}
       ul.eventlist li {padding:15px;}
     ul.eventlist a {font-size:14px; width:auto; padding:10px 15px;}
     ul.eventlist h3 {float:left; max-width:60%;}
    #content article {margin:0;}
    #logo a {position:relative; z-index:999;}
    #breadcrumbs {display:none;}
    .date {position:relative; top:0; margin-right:0; float:right;}
        
        #content ul.eventlist li {padding:20px 20px 12px; }
       .eventnav {clear:both;}
       #content div.eventinfo {width:60%; white-space: normal;
  word-wrap: break-word;}
       #content div.eventinfo p {display:none;}
            #content ul.eventlist .eventnav a {width:auto;}
            #content ul.eventlist .eventnav a.registerBtn {width:100%; padding:10px 0; margin-top:20px; background-position:20px center; top:0; float:none;}
            .fullEvent {clear:none; top:0; float:none; width:200px; padding:10px 15px;}
            ul.address {margin:0; list-style:none;}
            .eventContainer .location, .eventContainer .dates {width:45%;}
            .eventContainer div.prices {width:auto; margin-top:20px; clear:both;}
    #latestnews h2, #productlist h2, #shopCartItems h1 {height:auto; padding:30px 0; margin-bottom:0;}
    #productlist li, #shopCartItems li {background:none; padding:0;}
    a.button, a.create, input.button {padding:10px 0; display:block; width:100%;}
    a.button.memberships {display:inline-block;}
    .footerlogo {width:30%}
        .footerlogo img {width:100%;}
        .footerMessage {left:0;}
        #content .eventnav {padding-top:0;}
        .table-row{width:90%;}
        .memberErrors {margin:0 0 30px 0; border:0;}
        #content .eventlist h3 {width:60%;}
        .updateBtn {padding:0!important;}
}

@media screen and (max-width:700px) {
    #productlist .productimage {display:none;}
    #productlist .details {width:auto; margin-bottom:30px;}
}

@media screen and (max-width:600px) {
    #footer-right span {
        font-family:'gotham-light';
        font-size:12px;
    }
    .cartTable {
  display: table;
  margin: 0 auto;
  width: 100%;
}
    .cartTable div {
  display: block;
  clear: both;
  padding: 10px 10px 0;
}
    .quantityTextBox {
  width: 50px;
  text-align: right!important;
  border: 0;
  background: none;
  float: right;
}
    .cartTable span {
  font-weight: bold;
  font-family: 'gotham-light';
  color: #000;
  font-size: 14px;
  float: right;
}
    a.button.printPDF {display:none;}
    .cartQuantity{text-align:left;}
    #shopCartItems h3 {float:left;}
        .footerleftcol {width:55%; float:left;}
        .footerrightcol {width:45%; float:left;}
        .footerMessage {font-size:12px;}

        .DocumentLibraryContainer .tblDocLibrary {
            width:290px;
        }
        .docTitle {width:60%;}
        .docYears {float:left;}
}

@media screen and (max-width:520px) {
        #logo .mobileTitle {line-height:24px; position:relative; top:-20px; line-height:normal; padding-left:20px; font-weight:bold; font-size:12px; color:#003745; display:inline-block;}
        .slicknav_menu {
        width:100%;

    }

        .pricingCell {display:block; margin-bottom:30px; text-align:left!important;}

        a.addToCart {float:none;}
       
        #footer-left {height:auto; min-height:0; padding-bottom:0;}
        .footerlogo {width: auto; display: block;}
        .footerlogo img {width:60%; margin:0 20%;}
        .footerMessage {display:none;}
        #footer-left .table {height:100px;}
        #footer-right span, .footerSocial .footerLinks a, .footerMessage {font-size:11px;}
        .location {margin-bottom:30px;}
}
@media screen and (max-width:420px) {
        #footer-right span, .footerSocial .footerLinks a, .footerMessage {font-size:10px;}

}
@media screen and (max-width:400px) {
        #logo .mobileTitle {line-height:24px; position:relative; top:-20px; padding-left:0px; font-weight:bold; font-size:10px; color:#003745; display:inline-block;}
}