/* General
   ========================================================================== */
html {
  scroll-behavior: smooth;
}
body {
    color: #333;
    font-family: 'Roboto', sans-serif;
    line-height: 1.7;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #172743;
    margin: 1.5rem 0 1rem;
}
h1, .ZineTitle h2, .ZineTitle h3, .LoginForm h2 {
    font-size: 2.5rem;
    color: #172743;
    margin-top: 0;
}
.ZineTitle h3 {
    margin: 0;
}
h2 {
  font-size: 24px;
}
h3 {
    font-size: 18.72px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 13.28px;
}
h6 {
    font-size: 10.72px;
}
p, ul, ol {
  margin-bottom: 1.5rem;
}
form table td {
    padding: 0 5px 5px 0;
}
table {
  margin-bottom: 2rem;
}
img {
  max-width: 100%;
  height: auto;
}
a {
    color: #a61b30;
    text-decoration: none;
}
a:hover, a:focus {
  color: #777;
  text-decoration: none;
  transition: all 0.3s;
}
a:hover img,
a:focus img {
    opacity: 0.7;
    transition: all 0.3s;
}
hr {
    margin-bottom: 32px;
}


/* Buttons
   ========================================================================== */

.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
span.button a,
.top-wrap .button,
.view-more a,
a.Login,
.blue-button,
span.blue-button a {
    background: #a61b30;
    color: #fff;
    border: none;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    font-weight: normal;
    padding: 12px 25px;
    transition: all 0.3s;
}

.blue-button,
span.blue-button a {
    background: #2250a2;
}

input.formButton.cancel,
input[type="reset"],
input#CartUpdateButton,
input[type="button"].cancel,
input.cancel,
input[value=" Cancel "],
input[value="Cancel"],
input[value=" Annuler "],
input[value="Annuler"] {
    background: #e3e3e3;
    color: #818181;
    border: none;
}

span.button,
span.button:hover,
span.button:active,
span.button:focus,
span.blue-button,
span.blue-button:hover,
span.blue-button:active,
span.blue-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,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
.button:hover,
.button:active,
.button:focus,
span.button a:hover,
span.button a:active,
span.button a:focus,
input[type="button"].cancel:hover,
input[type="button"].cancel:active,
input[type="button"].cancel:focus,
input.cancel:hover,
input.cancel:active,
input.cancel:focus,
input[value=" Cancel "]:hover,
input[value=" Cancel "]:active,
input[value=" Cancel "]:focus,
input[value="Cancel"]:hover,
input[value="Cancel"]:active,
input[value="Cancel"]:focus,
.view-more a:hover,
.view-more a:active,
.view-more a:focus,
a.Login:hover,
a.Login:active,
a.Login:focus,
.blue-button:hover,
.blue-button:active,
.blue-button:focus,
span.blue-button a:hover,
span.blue-button a:active,
span.blue-button a:focus {
    background: #172743;
    color: #fff;
    text-decoration: none;
}
.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
span.button a:focus,
a.Login:focus,
.blue-button:focus,
span.blue-button a:focus {
    outline: 0;
    color: #fff;
    background-color: #172743;
    box-shadow: 0 0 0 0.25rem rgb(23 39 67 / 50%);
}

table {
    border-color: #172743;
}
caption {
    caption-side: top;
}



/* Header
   ========================================================================== */

.search-wrap,
.member_area_link,
span.VersionMenu,
span.cart-items {
    display: inline-block;
}
.member_area_link {
    padding: 0 30px;
}
span.VersionMenu {
    padding-right: 30px;
}
div.Login {
  margin-bottom: 10px;
}
header {
    padding: 10px 0;
    position: relative;
}
header .container {
    position: relative;
}
header,
header a {
    color: #333;
    font-size: 15px;
}
header a:hover,
header a:active,
header a:focus {
    color: #777;
}
header #logo img {
    max-width: 120px;
    position: relative;
    bottom: -80px;
    margin-top: -80px;
    z-index: 9999;
}
header #logo a {
    display: inline-block;
}
header #logo p {
    font-size: 24px;
    font-weight: 700;
    color: #0E593F;
    margin: 0;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}
header #logo a:hover img,
header #logo a:focus img {
    opacity: 1;
}



/* Login Error Template
   ========================================================================== */

.LoginRecoverForm {
  text-align: left;
}
.LoginRecoverForm tr td {
  padding: 0 10px 10px 0;
}
.error ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.LoginForm .info {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
}
.LoginForm .info a {
    color: #a61b30;
}


/* Login
   ========================================================================== */

a.LoginUserLink {
    margin-left: 3px;
}
a.LoginUserLink, a.Logout {
    text-transform: none;
    text-decoration: underline;
}

/* Dropdown Links
   ========================================================================== */

.dropdown-links {
    text-align: center;
    width: 100%;
    margin: 0 auto 2rem;
}
.dropdown-links .dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.dropdown-links .dropdown-menu ul li a {
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: center;
}
.dropdown-links .dropdown-menu ul li:last-child a {
    padding-bottom: 0;
    border: none;
}
.dropdown-links button {
    background: #172743;
}
.dropdown-links .dropdown-menu.show {
    width: 100%;
    border: 1px solid #ccc;
}

/* Version Menu
   ========================================================================== */

span.version_separator, span.this_version {
    display: none;
}

/* Social Icons
   ========================================================================== */

ul.social {
    padding: 0;
    margin: 0;
}
ul.social li {
  display: inline-block;
}
ul.social li:last-child a {
    padding-left: 10px;
}
ul.social a:hover,
ul.social a:active,
ul.social a:focus {
    text-decoration: none;
}


/* Search
   ========================================================================== */

.search,
.search:hover,
.search:active,
.search:focus,
.search-wrap button:hover,
.search-wrap button:active,
.search-wrap button:focus {
  border: none;
  background: none;
  padding: 0;
  color: #333;
}
.search-wrap button:hover,
.search-wrap button:active,
.search-wrap button:focus {
    color: #777;
}
.search-wrap .dropdown-menu {
    border: none;
    padding: 0;
    background: none;
    left: auto !important;
    right: 0;
    top: 24px !important;
    transform: none !important;
    z-index: 9999;
}
.search-wrap .dropdown-toggle::after {
  display: none;
}

#search_form input[type="text"]{
    width: 300px;
    padding-left: 20px;
    height: 45px;
    font-size: 16px;
    line-height: 21px;
    border: 1px solid #0E593F;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%);
    background: #fff;
    box-shadow: none;
    border-radius: 20px;
}
#search_form input[type="submit"] {
    border: none;
    border-radius: 0;
    font-size: 0;
    background: transparent url(search.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px;
    image-rendering: -webkit-optimize-contrast;
    position: absolute;
    top: 15px;
    right: 24px;
    padding: 0;
}
#lean_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  display: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ABABAB;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ABABAB;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ABABAB;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ABABAB;
}


/* Cart
   ========================================================================== */

span.item-in-cart {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
}
span.cart-items {
    position: relative;
    font-size: 20px;
}
a.shoppingCart {
   color: #333;
}

/* Menu
   ========================================================================== */
#menu {
    background: #172743;
}
#menu a {
    color: #fff;
}
#SMenu {
  display: none;
}
.slicknav_menu .slicknav_menutxt,
a.slicknav_btn.slicknav_open .slicknav_menutxt {
    padding-right: 5px;
}
.slicknav_menu .slicknav_menutxt {
    font-weight: 700;
}
span.slicknav_arrow {
  padding-left: 6px;
}
.slicknav_menutxt {
    color: #fff;
}
#menu a.slicknav_btn {
    line-height: 100%;
    padding: 20px 25px;
    font-size: 16px;
    background: #a61b30;
}
.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_menu a {
    font-size: 16px;
}
.slicknav_nav li > a {
  padding: 15px;
  border-bottom: 1px dotted rgba(255,255,255,.2);
  text-align: right;
}
.slicknav_nav li:last-child a {
  border: none;
}
.slicknav_nav ul {
  padding: 0;
}
#menu .slicknav_nav ul li a {
    background: #1a3e7f;
    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;
}


/* Banner
   ========================================================================== */
.bx-wrapper img {
    width: 100%;
}
.bx-wrapper {
    margin: 0 !important;
}
#banner .bx-wrapper .bx-caption {
    bottom: 0;
    left: 0;
    background: none !important;
    text-align: center;
}
#banner .bx-wrapper .bx-caption span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    padding: 0;
}
#banner .bx-wrapper .bx-caption .banner-caption {
    background-color: rgba(0,0,0,.7);
    padding: 20px 15px;
}
#banner .bx-wrapper .bx-controls-direction a {
    width:45px  !important;
    height:45px !important;
    top:45% !important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    z-index: 999 !important;
}
#banner  .bx-wrapper .bx-prev {
    background-image:url(left.png) !important;
    background-position:0 0 !important;
    left:31px !important;
}
#banner  .bx-wrapper .bx-prev:hover {
    background-position:0 -45px !important;
}
#banner  .bx-wrapper .bx-next {
    background-image:url(right.png) !important;
    background-position:0 0 !important;
    right:31px !important;
}
#banner  .bx-wrapper .bx-next:hover {
    background-position:0 -45px !important;
}
#banner .bxslider_caption {
    color:#fff !important;
}
.bxslider_caption a {
    color: #CFB43F;
    display: inline-block;
}
#banner  .bxslider_caption .button {
    margin-top: 20px;
}
.bxslider_title {
    font-family: 'Roboto', serif;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 10px;
}
#banner .bx-wrapper .bx-pager.bx-default-pager a {
    background:#c9c9c9 !important;
}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#172743 !important;;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: -35px !important;
}

.inside-banners img {
    width: 100%;
}


/* Content
   ========================================================================== */

main {
    position: relative;
}
main a {
  font-weight: bold;
  text-decoration: underline;
}
.content-wrap {
    margin: 30px 0 60px;
}
#home.content-wrap {
    margin-top: 60px;
}
.body-content {
    margin-bottom: 60px;
}
.body-content:after {
    display: block;
    clear: both;
    content: "";
}
#home.content-wrap .body-content {
    margin-bottom: 0;
}


#home section {
    padding: 30px 0;
}
#home aside {
    padding: 0 0 50px 0;
}
#home article #intro {
    padding-top: 0;
}
#home article #intro .intro-text {
    background: #f1f1f1;
    padding: 40px;
}
#home article #intro p:last-child {
    margin: 0;
}

#home article aside h3,
#home article #events h1,
#home article .featured-links h2,
#home article #quick_links h2 {
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
}
#home article aside .view-more a {
    display: block;
    text-align: center;
}
.ad {
    background: #777;
    padding: 15px 30px 30px;
    display: inline-block;
}
.ad-text {
    font-size: 14px;
    text-transform: uppercase;
    color: #ccc;
    padding-bottom: 15px;
}
#home section#sidebar_ads {
    padding-top: 0;
}
#sidebar_ads .ad {
    margin-bottom: 30px;
}
#sidebar_ads h2 {
    color: #fff;
}



/* Inside web page column design */
.col-style {
    margin-bottom: 30px;
}
.col-style-wrap {
    border: 1px solid #172743;
    padding: 30px;
    height: 100%;
    text-align: center;
    border-radius: 10px;
}
.col-style-wrap h3 {
    font-size: 2rem;
}
.col-style-wrap h3:after {
    width: 50px;
    background: #CFB43F;
    height: 3px;
    display: block;
    content: "";
    margin: 10px auto 0;
    border-radius: 100px;
}
.col-style-wrap p:last-child {
    margin: 0;
}
#quick_links.member-quick-links {
    margin-top: 30px;
}
#quick_links.member-quick-links a {
    background: none;
    border: 1px solid #172743;
    color: #172743;
    font-size: 18px;
}
#quick_links.member-quick-links a:hover,
#quick_links.member-quick-links a:focus,
#quick_links.member-quick-links a:active {
    background: #172743;
    color: #fff;
}
#quick_links.member-quick-links .modal-body a {
    padding: 0;
    display: inline;
    font-size: 1rem;
    text-transform: none;
    border: none;
    color: #a61b30;
    background: none;
}
#quick_links.member-quick-links .modal-body a:hover,
#quick_links.member-quick-links .modal-body a:focus,
#quick_links.member-quick-links .modal-body a:active {
  color: #777;
}
@media (max-width: 767px) {
	.col-style {
    	margin-bottom: 0;
	}
	.col-style .col-md-6,
        .col-style .col-md-4 {
		margin-bottom: 15px;
	}
}



button.close:hover,
button.close:focus,
button.close:active {
    background: none;
    color: #000;
}


/* Featured Links
   ========================================================================== */

.featured-links img {
    margin: 0 auto;
    display: block;
}
.featured-links .row p {
  margin: 0;
}
.featured-links .row p:last-child {
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    padding: 20px;
}
.featured-links .row a {
    display: block;
}
.featured-links .view-more {
    margin-top: 30px;
}
.featured-links .event-box-wrap {
    height: 100%;
    background: #f1f1f1;
}




.featured-links table {
    width: 100%;
    height: 100% !important;
}
.featured-links table td {
    text-align: center;
    vertical-align: top;
    padding: 0 15px;
    width: 33%;
}
.featured-links table tr:last-child td p {
    font-size: 14px;
}
.featured-links table tr:last-child td br {
    display: none;
}
.featured-links table tr:last-child td a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    padding: 20px 15px;
}
@media (max-width: 575px) {
    .featured-links table td {
        padding: 0 5px;
    }
    .featured-links table tr:last-child td p {
        padding: 10px;
    }
     .featured-links table tr:last-child td p,
    .featured-links table tr:last-child td a {
        font-size: 14px;
    }
}




/* Quick Links
   ========================================================================== */

#quick_links a {
    background: #2250a2;
    color: #fff;
    text-decoration: none;
    padding: 20px 15px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
}
#quick_links a:hover,
#quick_links a:focus,
#quick_links a:active {
    background: #172743;
}
#quick_links a:focus {
    outline: 0;
    color: #fff;
    background-color: #172743;
    box-shadow: 0 0 0 0.25rem rgb(23 39 67 / 50%);
}
#quick_links img {
    margin-right: 20px;
}
@media (min-width: 992px) {
    #quick_links .row:first-of-type {
        margin-bottom: 30px;
    }
}




/* General Zines
   ========================================================================== */

.EvtCalRSS {
    display: none;
}
table.ZineIndex th {
    background-color: #333;
    color: #fff;
    }
table.ZineIndex,
table.ZineIndex th,
table.ZineIndex td {
    border: 1px solid #f1f1f1;
}
table.ZineIndex th,
table.ZineIndex td {
    padding: 5px 15px;
}
table.ZineIndex tr:first-child th:last-child {
  width: 190px;
}
.ZineItem td .ZineSummaryIndex {
    margin: 0;
    text-align: center;
}
.ZineItem td .ZineSummaryIndex a {
    display: block;
}
table.ZineImage td {
    border: none !important;
}
.ZineItem {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
table .ZineItem {
  margin: 0;
  padding: 0;
}
.ZineItem {
    border-bottom: 1px solid #ccc;
}
.ZineItem:last-child {
  border: none;
}
div.EvtCal .EvtCalList dd:last-child,
div.EvtCal .EvtCalList dl {
    border: none;
    margin: 0;
}
a.ZineLink:hover,
a.ZineLink:active,
a.ZineLink:focus,
.EvtCalList a:hover,
.EvtCalList a:active,
.EvtCalList a:focus {
    color: #777;
}
.ZineAbout, span.ZineDate, .ZineAuthor, div.EvtCal .EvtCalList dt {
    font-size: 14px;
    color: #999;
    padding: 5px 0 10px;
    line-height: 130%;
    display: block;
    font-weight: normal;
}
div.EvtCal .EvtCalList dt {
    padding: 0 0 5px;
}
.ZineItem .ZineAbstract {
    padding: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.5em;
    font-style: normal;
}
@media (min-width: 768px) {
    .ZineArticle.Zine_gallery div.ZineImage,
    .ZineArticle.Zine_gallery table.ZineImage {
        float: right;
        width: auto;
        margin: 0 0 20px 20px;
        max-width: 350px;
    }
}


/* General Events
   ========================================================================== */

td.EvtDay a {
    color: #333;
}
div.EvtCal p.EventDate {
    font-size: 18px;
    color: #777;
    font-weight: 400;
    margin: 1rem 0;
}
div.EvtCal table.EvtCalSm {
  margin-left: 20px;
  display: none;
}
div.EvtCal table.EvtCalSm td {
    padding: 12px 16px;
    background: #fff;
}
table.EvtCal td {
    border: 1px solid #0E593F;
}
div.EvtCal table.EvtCalSm th {
    background-color: #898989;
}
@media (max-width: 991px) {
    div.EvtCal table.EvtCalSm {
        float: none;
        position: static;
        margin: 20px 0;
    }
}
.EvtCalList dl div {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.EvtCalList dl dd:last-child div {
    border: none;
    margin: 0;
    padding: 0;
}
div.EvtCal .EvtCalRSS {
  display: none;
}

table.EvtCal th {
    border: 1px solid #fff;
    background: #898989;
}
.EvtCal th a {
    color: #fff;
}
.EvtCal th .popup a {
    color: #a72a98;
}
div.EvtCal table.EvtCalSm {
    position: static;
    margin-bottom: 20px;
}
div.EvtCal table.EvtCalSm td.EvtDay {
    background-color: #deefc8;
}

@media (max-width: 991px) {
  div.EvtCal table.EvtCalSm {
    float: none;
    position: static;
    margin: 0 0 20px;
  }
  div.EvtCal table.EvtCalSm th img {
    display: none;
  }
}


/* Custom Event List
   ========================================================================== */

.event-wrapper .event-date {
    font-size: 14px;
    font-weight: bold;
}
.event-summary {
    font-size: 14px;
}
.event-wrapper .event-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.event-wrapper .event-item:last-child {
    border: none;
}
.event-item-wrapper {
    float: left;
}
.event-wrapper .event-item img {
    float: right;
    max-width: 500px;
}
.event-wrapper .event-item:after {
    display: block;
    clear: both;
    content: "";
}
.evt_hidden {
    color: #333;
}
.evt_hidden::after {
    content: none;
}
.evt_hidden a {
  color: #A2A2A2;   
}
.evt_hidden a::after {
  content: url(hidden.png); 
  margin-left: 7px;   
}
@media (max-width: 991px) {
    .event-item-wrapper,
    .event-wrapper .event-item img {
        float: none;
    }
    .event-wrapper .event-item img {
        margin-top: 20px;
        max-width: 100%;
    }
}



/* Sidebar
   ========================================================================== */
.sidebar {
    font-size: 16px;
    max-width: 360px;
    margin: 0 auto;
}
.sidebar h3 {
  font-size: 24px;
  margin-top: 0;
  border-bottom: none;
}
.sidebar h4 {
    background: #172743;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #fff;
    padding: 10px 15px;
    margin: 0;
}
.sidebar .become_member_link {
    display: block;
    margin-bottom: 20px;
}
#VMenu {
    list-style-type: none;
    padding: 0;
    border-radius: 0.25rem;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
}
@media (max-width: 767px) {
  #VMenu {
    margin: 0 0 2rem;
  }
}
#VMenu li {
    border-bottom: 1px solid #ddd;
}

#VMenu a {
    padding: 15px;
    display: block;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
}
#VMenu a#thispage {
    background: #a61b30;
    color: #fff;
}
#VMenu ul li a {
  padding: 10px;
  font-size: 14px;
}
#VMenu ul li:last-child {
  border: none;
}
#VMenu ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0;
  margin: 0 0 10px 15px;
}
#VMenu ul ul {
    background: #ddd;
    border: none;
    padding: 10px 0;
}
#VMenu ul ul ul {
    padding: 0;
    margin-bottom: 0;
}
#VMenu ul ul a {
    font-size: 12px;
    padding: 5px 0;
}
#VMenu ul li {
  padding-left: 15px;
  border: none;
}
#VMenu li span.VM_collapse a.menu,
#VMenu li span.VM_expand a.menu {
cursor: pointer;
display:inline-block;
width:75%;
}
.VM_collapse {
  cursor: pointer;
  display:block;
  padding-right: 0;
  background-image: url(plus.png);
  background-position:95% center;
  background-repeat: no-repeat;
}
#VMenu ul span.VM_collapse {
    background-position: 95% center;
}
.VM_expand {
  background-image: url(minus.png);
  background-position: 95% center;
  background-repeat: no-repeat;
  cursor: pointer;
  display:block;
  padding-right: 0;
}
#VMenu ul span.VM_expand{
  background-position: 95% center;
}
span.VM_expand a#thispage,span.VM_collapse a#thispage{
  width:70%;
}


.body-content .vmenu {
  padding-left: 15px;
}
.body-content .vmenu:before {
    content: "In this section";
    display: block;
    font-size: 18.72px;
    margin: 0 0 1rem;
    font-weight: bold;
    color: #172743;
    margin-left: -15px;
}
.body-content.body-content-fr .vmenu:before {
    content: "Dans cette section";
}
.body-content .vmenu a:before,
.Document dt a:before {
    font-family: "Font Awesome 6 Free";
    content: '\f111';
    padding: 0 8px;
    font-weight: 900;
    font-size: 5px;
    vertical-align: middle;
    color: #333;
}

.body-content .vmenu a {
    text-decoration: none !important;
}

.hide-title .Document h2 {
  display: none;
}
.Document {
  line-height: 1.2;
}
.Document dd {
  padding: 0 0 15px 21px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  color: #888;
}
.Document dt a {
  font-weight: 700;
}

.Document dt a,
ul li a {
  text-decoration: none;
}


/* Breadcrumb
   ========================================================================== */

.breadcrumb {
    background: #f1f1f1;
    margin: 0;
    padding-left: 0;
    border-radius: 0;
}
p.ZinePath {
    padding: .62rem 1rem;
    background: #f1f1f1;
    margin-bottom: 20px;
}
.pmenu,
p.ZinePath {
  font-size: 0;
}
.pmenu a,
p.ZinePath a {
  font-size: 12px;
  text-decoration: none;
  color: #333;
}
.pmenu a:hover,
.pmenu a:active,
.pmenu a:focus,
p.ZinePath a:hover,
p.ZinePath a:active,
p.ZinePath a:focus {
    text-decoration: none;
    color: #777;
}
.pmenu a:after,
p.ZinePath a:after {
  font-family: 'Font Awesome 6 Free';
  content: '\f054';
  font-weight: 900;
  padding: 0 8px;
  color: #333;
  font-size: 12px;
  cursor: default;
}
.pmenu a:last-child:after,
p.ZinePath a:last-child:after {
  display: none;
}




/* Footer
   ========================================================================== */

footer {
    background: #172743;
    padding: 30px 0;
    font-size: 15px;
}
footer img {
    width: 150px;
}
footer, 
footer a,
footer h4 {
    color: #fff;
}
footer p {
    margin: 0;
}
footer a:hover,
footer a:active,
footer a:focus {
    color: #CFB43F;
}
footer a {
    line-height: 1.5;
    display: inline-block;
}
footer ul.social {
    margin-right: 0;
    float: right;
}
footer ul.social li a {
    font-size: 24px;
}
footer hr {
    border-top: 1px solid #223a65;
    margin: 2rem 0;
}
footer .button {
    margin-top: 20px;
}
footer .button:hover,
footer .button:active,
footer .button:focus {
  background: #c51e37;
}
footer .button:focus {
    outline: 0;
    color: #fff;
    background-color: #c51e37;
    box-shadow: 0 0 0 0.25rem rgb(197 30 55 / 50%);
}
footer .fab {
    margin-left: 5px;
}
.footer-bottom {
    font-size: 14px;
}
ul.footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.footer-links li {
    margin-bottom: 3px;
}
ul.footer-links li:last-child {
    margin: 0;
}
.footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.social li {
    display: inline-block;
}
.footer-social li svg {
    fill: #428081;
}




/* Membership / Modules
   ========================================================================== */

.EvtRegRegistrants .blindbox .boxhead,
.Event .blindbox .boxhead {
  margin: 0;
  border: 2px solid #0E593F;
  padding: 10px;
  cursor: pointer;
}
.EvtFeeThankYou {
  color: #333;
  background-color: #f4fbec;
  border: 1px solid #0E593F;
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
  font-weight: 400;
  font-size: 22px;
}

.EvtRegHelp {
  margin-bottom: 10px;
}


@media (min-width: 768px) {
  .CurrentRegistrant div.EventFee .EvtFeeName {
    max-width: 380px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .CurrentRegistrant div.EventFee .EvtFeeName {
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .CurrentRegistrant div.EventFee .EvtFeeName {
    max-width: 530px;
  }
}

@media (max-width: 767px) {
  div.EventFee .EvtFeeBuyInfo {
  margin: 15px 0;
  }
}


div.EvtRegRegistrants div.popup {
    text-align: left;
    min-width: 300px;
}
.white-popup .Event h2 {
    margin-top: 0;
}
.white-popup .Event p.EventDate {
    margin-bottom: 0;
}



/* Popup hover flicker fix */

.EvtSessionRegistrant .popup {
  right: 18px !important;
}
div#popup1 .EvtFeeThankYou {
  font-size: 16px;
  padding: 10px 10px 7px;
}
.EvtReg table input {
  margin-right: 5px;
}
div.EvtRegFinish p {
  margin: 0;
}
.account_history div.popup {
  left: 0;
}
div.EvtRegFinish h1 {
  margin: 0;
}
div.EventFee, 
div.EventFee ul {
  margin-bottom: 0;
}
.error .EventFee {
  background-color: #f2dede;
  padding: 0;
}
span.EvtFeeRemaining {
    background-color: #337ab7;
    color: white;
    padding: 2px 10px;
    font-size: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: 5px;
}

.Event .blindbox {
    margin-bottom: 20px;
}


/* Pay
   ========================================================================== */
.Pay form#payment-form,
.stripe form#payment-form {
    overflow: auto;
}
.Pay form#payment-form .col-sm-4,
.stripe form#payment-form .col-sm-4 {
    width: auto;
}



div.overlay {
display:none;
position: fixed;
left: 0px;
top: 0px;
width:100%;
height:100%;
text-align:center;
background: rgba(0,0,0,.6);
z-index: 99999;
}

div.overlayBox {
width:400px !important;
margin: 50px auto;
}

div.overlayBox
{
padding:0 0 30px 0;
}

div.MembershipStatus a.upgrade.button {
    margin: 10px 0 15px;
}

.AccountDateFilter {
  margin-bottom: 20px;
}


/* Bootstrap 4 Stripe Styles
   ========================================================================== */

.panel.panel-default.credit-card-box {
    background: #f8f8f8;
    border: 1px solid #ddd;
}
.panel.panel-default.credit-card-box .form-group {
    display: flex;
    width: 100%;
    align-items: center;
}
.panel.panel-default.credit-card-box .control-label {
    text-align: right;
    padding: 0;
    margin: 0;
}
.panel.panel-default.credit-card-box .panel-body .col-sm-4 {
    max-width: 244px;
}
.panel.panel-default.credit-card-box .panel-heading {
    margin-bottom: 30px;
    background: #efefef;
    padding: 20px;
}
.panel.panel-default.credit-card-box input.submit {
    margin-right: 10px;
}
.panel.panel-default.credit-card-box .form-row {
    padding: 0 15px 20px;
}
.panel.panel-default.credit-card-box .pull-right {
    position: relative;
    bottom: 3px;
}

@media (max-width: 767px) {
.panel.panel-default.credit-card-box .form-group {
    display: block;
}
.panel.panel-default.credit-card-box .panel-body .col-sm-4 {
    max-width: 100%;
}
.panel.panel-default.credit-card-box .panel-body .col-sm-4, .panel.panel-default.credit-card-box .panel-body .col-sm-9 {
    padding: 0;
}
.panel.panel-default.credit-card-box .control-label {
    text-align: left;
}
.panel.panel-default.credit-card-box .form-row {
    padding: 10px 0 20px;
}
.panel.panel-default.credit-card-box .pull-right {
    float: none;
    margin-top: 15px;
}
.panel.panel-default.credit-card-box .pull-right {
    position: static;
}
}


/* Form
   ========================================================================== */

#search_form form {
  margin: 0;
}


/* Membership
   ========================================================================== */
ul.MembershipType {
  margin: 0 0 0 40px;
  list-style-type: disc;
}
ul.MembershipType li {
    padding-bottom: 10px;
}
.ContactForm select {
  height: 34px;
}
.ContactForm table td {
  display: block;
  margin-bottom: 20px;
}
.edit_profile td {
    display: block;
}
.edit_profile input,
.edit_profile textarea {
  max-width: 600px;
}
.new_contact h1, 
.edit_profile h1,
.edit_contacts h1,
.Membership .account_history .Pay h1,
.edit_photo h1 {
  font-size: 24px;
  margin-top: 0;
}
.edit_contacts h2 {
    margin-top: 0;
    font-size: 20px;
}
ul.Membership_update_profile_menu li a:hover {
  background-color: #eee;
}

.branch_management h1 {
    font-size: 2rem;
    margin-top: 30px;
}
.branch_management .tabpane h2:first-child {
    margin-top: 0;
}
.branch_management table.Report td {
    vertical-align: middle;
    font-size: 14px;
}
.branch_management table.Report th {
    background: #888;color: #fff;
}
.mfp-close-btn-in .mfp-close:hover,
.mfp-close-btn-in .mfp-close:active,
.mfp-close-btn-in .mfp-close:focus {
    background: none;
}


/********** Mini Profile **********/
div.MembershipMiniProfile {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 15px 0;
}
table.Form tr td {
  padding-bottom: 5px;
}
div.MembershipMiniProfile .photo {
  float: right;
  max-width: 165px;
}

@media (max-width: 480px) {
    div.MembershipMiniProfile .photo {
        float: none !important;
    }
    div.MembershipMiniProfile .photo img {
        margin: 0 0 10px;
    }    
}

div.MembershipMiniProfile:after {
  content: "";
  clear: both;
  display: block;
}
.MembershipMiniProfile p {
  margin-bottom: 0;
}
.MembershipMiniProfile a,
ul.MembershipDirectoryMenu a {
  text-decoration: none;
}

.MembershipMiniProfile .org {
    font-style: italic;
    color: #777;
    font-size: 14px;
}


.Membership .button {
    margin-right: 5px;
}
div#secondary_m .btn {
    margin: 5px 0;
    padding: 3px 8px;
    font-size: 14px;
}


/********** Profile **********/
.contact_info {
    background-color: #f1f1f1;
    border: 1px dashed #ddd;
    display: inline-block;
    padding: 20px;
    margin: 30px 0 0;
}
.contact_info p {
    margin-bottom: 5px;
}
.contact_info h3 {
    margin: 0 0 10px;
    font-size: 22px;
}
.contact_info p.ContactAddress {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
/* .contact_info p.ContactNet {
    display: none;
} */
h1.membername {
    font-size: 26px;
}
.info_container p {
    margin-bottom: 10px;
}
p.small.social-profile a {
    color: #939393;
}
p.small.social-profile {
    margin-bottom: 5px;
}
p.small.social-profile .fa {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 5px;
    color: #9e1b20;
}
.info_container .small {
  font-size: 14px;
  line-height: 1.4;
}
div#secondary_m p {
    margin-bottom: 10px;
}
.info_container p.ContactPhone {
    margin-bottom: 0;
}
.profile-social .soc_med_header {
    margin-top: 0;
}
.profile-social .fa-twitter {
    color: #00acee;
}
.profile-social .fa-facebook {
    color: #3b5998;
}
.profile-social .fa-linkedin {
    color: #0072b1;
}
.profile-social .fa-instagram {
    color: #d6249f;
}


.profile-contact div.Contact {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.profile-contact div.Contact:last-of-type {
    border: none;
    margin: 0;
    padding: 0;
}
.profile-contact .Contact .ContactVcard {
    display: none;
}




/********** Address Cards **********/
div.ContactPreview {
  background-color: #f4f4f4;
  border: 1px dashed #eee;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
div.ContactPreview h2 {
    font-size: 22px;
    margin: 0 0 10px;
}
div.ContactPreview:hover {
  border-color:#a61b30;
}



/* MISC page styles
   ========================================================================== */
.alert-danger {
    padding: 20px 20px 20px 70px;
}
.alert-danger span {
    position: absolute;
    left: 20px;
    top: 20px;
}
img[align=left],
img[style*="float: left;"],
img[style*="float:left;"] {
    margin: 0 30px 30px 0;
}
img[align=right],
img[style*="float: right;"],
img[style*="float:right;"] {
    margin: 0 0 30px 30px;
}

.anchor-list a {
    display: inline-block;
    margin: 3px 0;
    font-size: 15px;
}
.anchor-land {
    padding-top: 98px;
    margin-top: -98px;
}
a:not([href]):not([class]) {
    padding-top: 150px;
    margin-top: -166px;
    display: block;
}
h2 a:not([href]):not([class]) {
    margin-bottom: 1.5rem;
}
.Membership a[name="top"]:not([href]):not([class]) {
    padding: 0;
    margin: 0;
}

.sticky-top.anchor-list {
    top: 67px;
    background: #fff;
    padding: 10px 0;
    margin: 0 0 20px;
    z-index: 999;
}
.anchor-land-big {
    padding-top: 160px;
    margin-top: -160px;
}
@media (max-width: 1540px) {
 .anchor-list a {
    font-size: 12px;
    padding: 10px;
 }
}
@media (max-width: 1199px) {
  .sticky-top.anchor-list {
    position: static;
  }
  a:not([href]):not([class]) {
    padding-top: 100px;
    margin-top: -116px;
  }
  .anchor-land-big {
    padding-top: 98px;
    margin-top: -98px;
  }
 .anchor-list a {
    font-size: 15px;
    padding: 10px 20px;
 }
}


.rounded-circle img {
  border-radius: 50%;
}

p.PayAccountWarning {
    display: none;
}

table.Report th,
table.Report td {
    border-left: 1px solid #dddddd;
}
.account_history table {
    border-collapse: collapse;
    width: 100%;
}
.ZineBody table th,
.ZineBody table td {
    border: 1px solid #172743;
    padding: 20px;
    vertical-align: top;
}

.ZineCaption {
    padding: 10px 0;
    font-size: 14px;
}

.ZineArticle.Zine_job .ZineTitle h2 {
    font-size: 1.5rem;
}

.top-banner-ad {
    margin: 0 0 30px;
}

#questions h1 {
    font-size: 24px;
    margin: 40px 0 20px;
    color: #0E593F;
}

#JGallery h1 {
    font-size: 18.72px;
}

.benefits-img img {
    max-width: 150px;
}
.benefits-desc h2 {
    margin-top: 0;
}

.ZineIndex tr td .ZineSummaryIndex {
  margin: 10px 0;
  padding: 0;
}
.ZineIndex tr td .ZineSummaryIndex a {
    font-weight: 700;
}
.job_postings.career-op .ZineIndex tr td .ZineSummaryIndex {
    margin: 0;
}

.Document dt {
    font-weight: normal;
}

/* More space between Yes and No columns in form tables */
table.QA_question_group th {
    padding: 5px;
}
table.QA_question_group .QA_input {
    text-align: center;
}

.EvtFeeGroup_Z__Complimentary_Fees span.EvtFeeGroupName {
    display: none;
}

table tr th {
    background: #172743;
    color: #fff;
    text-align: center;
    padding: 15px;
}
table td p:last-child {
    margin: 0;
}

/* Accordion */

.Zine th.accordioncontrol {
    padding: 0;
    background: #0E593F;
    color: #fff;
}
.Zine th.accordioncontrol .accordioncontrol {
    padding: 10px 20px;
    text-align: left;
}
.Zine_accordion h2 {
    color: #0E593F;
    font-size: 24px;
    margin-top: 30px;
}
.accordionpane h2, 
.accordionpane h3 {
    margin-top: 10px;
    font-size: 18.72px;
}
.accordioncontrolicon {
    float: right;
    padding-left: 30px;
}
.accordioncontrolicon img {
    filter: brightness(0) invert(1);
}
.hide-rss table.ZineTools,
.hide-rss .ZinePath {
  display: none;
}


.ZineItem {
    max-width: 860px;
}
div.ZineThumb {
    float: right;
    margin: 0 0 20px 20px;
}

.ZineThumb img {
    max-width: 150px;
}
.Zine a:not([href]):not([class]) {
    display: none;
}

.ZineItem .ZineSummaryIndex {
    text-align: left;
    padding: 10px 0 0;
    font-size: 16px;
}

.ZineArticle.Zine_job .ZineSummary {
    padding: 15px 0;
}

.ZineItem:after {
    content: "";
    clear: both;
    display: block;
}

@media (min-width: 768px) {
 .ZineArticle.Zine_job table.ZineImage {
    float: right;
    width: 200px;
    margin: 0 0 20px 20px;
 }
}


/* Hide Job Board Archive and RSS */

table.ZineTools {
    display: none;
}


/* ZineArchive */

.ZineArchive .ZineItem {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border: none;
    max-width: 100%;
}
.ZineArchive .ZineItem .ZineDate {
    padding-bottom: 0;
}
.ZineArchive h2 {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 10px;
}
.ZineArchive h2:first-child {
    border: none;
    padding: 0;
    margin-top: 1.5rem;
}




/* Responsive YouTube Embeds */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.pdf-icon a::after,
.file-icon a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    content: "\f1c1";
    margin-left: 10px;
    color: #888;
}
.file-icon a::after {
    content: "\f15b";
}
.highlight {
    color: #14835c;
}


.Event {
    margin-bottom: 20px;
}

.committees-list tr:nth-of-type(even) {
    background: #eee;
}

.committees-list td {
    width: 25%;
    border: 1px solid #ddd;
}

@media (max-width: 767px) {
  .committees-list td {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}


/* Sponsors
   ========================================================================== */

h4.sponsor-tier {
    background: none;
    border-radius: 0.25rem;
    text-align: center;
    margin: 0 0 30px;
    padding: 15px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 14px;
    -webKit-box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    -moz-box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
h4.sponsor-tier.bronze {
    background: #CD7F32;
}
h4.sponsor-tier.diamond {
    background: #b9f2ff;
    color: #67868d;
}
h4.sponsor-tier.platinum-plus {
    background: #E5E4E2;
    color: #888;
}
h4.sponsor-tier.platinum {
    background: #A0B2C6;
    color: #68727d;
}
h4.sponsor-tier.gold {
    background: #e3c20e;
    color: #87740c;
}
h4.sponsor-tier.silver {
    background: #C0C0C0;
    color: #797979;
}

/* Event Layout
   ========================================================================== */

.event-layout .Event,
.event-layout .EventFees {
    width: 75%;
    float: left;
    padding-right: 30px;
    margin: 0;
}
.logo_gallery {
    width: 25%;
    float: right;
    margin-bottom: 20px;
}
.event-layout .slick-list {
    height: 2000px !important;
}
.event-layout .logo_gallery {
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    padding: 20px;
}

@media (max-width: 1199px) {
    .event-layout .Event,
    .logo_gallery,
    .event-layout .EventFees {
        float: none;
        width: 100%;
        padding: 0;
    }
    .event-layout .Event,
    .event-layout .EventFees {
        margin-bottom: 30px;
    }
   .event-layout .slick-list {
        height: 400px !important;
    }
}

@media (min-width: 1200px) {
  .event-layout {
    position: relative;
  }
  .event-layout .vCalendarLink,
  .event-layout p.EvtCalCalendarLink {
    position: absolute;
    bottom: 0;
    left: 30px;
  }
  .event-layout p.EvtCalCalendarLink {
    bottom: -40px;
  }
}


/* Logo Carousel
   ========================================================================== */

#logos {
    text-align: center;
}

#sponsorLogos .slick-arrow {
    display: none !important;
}
.slick-slide img {
    margin: 0 auto;
    max-width: 150px;
}
@media (max-width: 1350px) {
  .slick-prev, .slick-next {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .slick-prev {
    left: 0 !important;
  }
  .slick-next {
    right: 0 !important;
  }
}
@media (max-width: 480px) {
  .slick-slide img {
    max-width: 122px;
  }
}
@media (max-width: 360px) {
  .slick-slide img {
    max-width: 84px;
  }
}

button.slick-arrow:hover,
button.slick-arrow:active,
button.slick-arrow:focus,
ul.slick-dots button:hover,
ul.slick-dots button:active,
ul.slick-dots button:focus {
    background: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}





/*************** Speakers & Panelists ***************/
.pirobox {
  margin-bottom: 70px;
}
div.JGallery .pirobox a img {
  border:0px !important;
  margin:3px 0 -3px -4px !important;
width: 150px;
height: auto;
}
.pirobox_content .caption p {
  text-align:left !important;
  padding:17px 18px !important;
}
.piro_overlay {
  background-color:black !important;
}
.pirobox .number {
  font-size:10px !important;
}
div.JGallery h1 {
  display:none;
}
.pirobox_content td.pirobox_down div.piro_nav {
  width:550px !important;
  margin-left:-275px !important;
}
.pirobox_content td.pirobox_down div.caption {
  width:550px !important;
}
.pirobox_content td.pirobox_down div.caption b {
  font-size:13px;
  text-transform:uppercase;
  border-bottom:2px solid #ec4b3c;
  display:block;
  margin-top:5px;
}



/********** Member Log **********/

table.MemberLog.Report {
  border: none;
  border-collapse: collapse;
}
table.MemberLog.Report th {
  background-color: #828282;
  color: #fff;
}
table.MemberLog.Report td {
  padding: 8px;
  border: 1px solid #e4e4e6;
}
table.MemberLog.Report caption {
  font-size: 24px;
}
table.MemberLog.Report tfoot th {
  background: none;
}

/********** File Server **********/

table.FileServer h4 {
    margin: 0;
}

.EventMGR form table td {
    padding: 0 5px 0 0;
}
.EventMGR form table td input {
    margin-bottom: 10px;
}
.EventMGR form table {
    margin-bottom: 10px;
}

/********** Job Search **********/

.job_search {
    display: inline-block;
    background: #F1F1F1;
    padding: 30px;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
}
.submit_job_form form {
    margin: 10px 0 0;
    display: block;
}
.job_search h2,
.job_search form {
    display: none;
}
.job_search span.submit_job_form form {
    display: block;
}
.job_search td {
    display: block;
    border: none;
    padding: 0;
}
td.location_search {
    margin-top: 10px;
}

div.job_search table {
  float: none !important;
  width: 100%;
}
.job_search .formButtons {
  margin: 25px 0 0;
}
div.job_search td select {
    margin: 5px 0 0;
    border: 1px solid #ccc;
    padding: 5px;
}

span.submit_job_form span {
  float: none !important;
  font-size: 28px;
  padding: 0 !important;
}


/* Job Index */

.job-index table.ZineIndex th,
.job-index table.ZineIndex td {
    width: 20% !important;
    border: 1px solid #888 !important;
    padding: 0 15px !important;
    font-size: 16px;
    }
.job-index table.ZineIndex th {
    background: #750568;
    color: #fff;
    padding: 10px 15px !important;
}
.job-index table.ZineIndex {
    border-collapse: collapse;
    width: 100%;
    border: none;
    margin: 0;
}
.job-index table.ZineIndex tr {
    display: table-row;
}



/********** Data Table Report **********/

.dataTable.Report, .dataTable.Report td {
    border: none;
    vertical-align: middle;
}
.dataTable.Report tr:nth-child(2n) {
    background: #f2f2f2;
}
.dataTable.Report td {
    font-size: 14px;
    line-height: 16px;
    padding: 25px 10px;
}
.dataTable.Report thead th {
    border-bottom: 2px solid #212529;
    cursor: pointer;
}
.dataTable.Report td a {
    text-decoration: none;
}
.dataTable.Report thead th.sorting:after,
.dataTable.Report thead th.sorting_desc:after,
.dataTable.Report thead th.sorting_asc:after {
    display: inline-block;
    content: "";
    height: 6px;
    width: 10px;
    border-top: 6px solid #212529;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    margin-left: 8px;
    margin-bottom: 2px;
    transform-origin: center;
    transform: rotate(0deg);
    transition: transform .2s ease;
}
.dataTable.Report thead th.sorting_asc:after {
  transform: rotate(180deg);
}

div#DataTables_Table_0_paginate {
    margin: 20px 0;
}
div#DataTables_Table_0_paginate a {
    margin-right: 20px;
}
.dataTable.Report tr th:first-child {
    width: 249px !important;
}
.dataTable.Report tr th:nth-child(2) {
    width: 144px !important;
}
.dataTable.Report tr th:nth-child(3) {
    width: 152px !important;
}
.dataTable.Report tr th:nth-child(4) {
    width: 100px !important;
}
.dataTable.Report tr th:nth-child(5) {
    width: 194px !important;
}
.dataTable.Report tr th:last-child {
    width: 150px !important;
}


/********** Job and News Article **********/

.job-board-wrap .ZineArticle.Zine_job .ZineHeader {
  text-align: left;
}
.job-board-wrap .ZineArticle.Zine_job .ZineHeader,
.Zine div#DataTables_Table_0_filter,
.job-board-wrap .ZineTools {
    display: none;
}
.job-board-wrap .ZineFooter .ZineTools {
    display: block;
}
.ZineArticle .ZineAbout {
  text-align: left;
}
.ZineArticle .ZineDate {
  text-align: left;
  margin: 0 0 20px;
  font-style: italic;
}
.ZineImage {
  width: 100%;
}
table.ZineImage {
    margin: 0 auto 30px;
}
.ZineBody table.ZineImage td {
    padding: 0;
}
@media (max-width: 991px) {
  .ZineImage {
    float: none;
    margin: 20px 0;
  }
}
.Subscription .ZineArticle {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.Subscription .ZineArticle .ZineDate {
    margin: 0;
    font-size: 15px;
    font-style: italic;
}
.Subscription .ZineDescription {
    font-size: 14px;
    margin-top: 10px;
}
.Subscription .ZineDescription p {
    margin: 0 0 10px;
}



/* Gallery
   ========================================================================== */

.Zine #JGallery h1, .ppt {
    display: none !important;
}
div.pp_default .pp_social {
  line-height: 1;
  font-size: 16px;
}

ul.gallery li {
    margin-bottom: 10px;
}
ul.gallery li img {
  vertical-align: baseline;
}
div.pp_default .pp_social {
  line-height: 1;
  font-size: 16px;
}
.pp_social .facebook {
    width: 67px !important;
}
div.ppt {
    display: none !important;
}


/* Body Search
   ========================================================================== */
main .Search form input[type="text"] {
    vertical-align: top;
    max-width: 250px;
    width: 100%;
}


/* Photo Directory
   ========================================================================== */
main ul.ZinePhotodirectory li::before {
  display: none;
}

ul.ZinePhotodirectory img {
    margin: 0;
    float: none;
    border-radius: 200px;
    border: 2px solid #dba628;
}
.ZineArticle.Zine_photodirectory h2 {
    color: #0E593F;
    font-size: 24px;
}
ul.ZinePhotodirectory h3 {
    clear: both;
    background: none;
    padding: 0;
    margin: 15px 0 0;
}
ul.ZinePhotodirectory p {
    margin: 0;
    padding: 5px 0 10px;
}

ul.ZinePhotodirectory {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-size: 0;
}
ul.ZinePhotodirectory::after {
  content: "";
  flex: auto;
}

ul.ZinePhotodirectory li {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    padding: 30px 15px;
    font-size: 14px;
    margin: 1%;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 8px;
}

@media (max-width: 991px) {
 ul.ZinePhotodirectory li {
    width: 48%;
 }
}


@media (max-width: 480px) {
  ul.ZinePhotodirectory, ul.ZinePhotodirectory li {
      display: block;
      width: 100%;
      text-align: center;
  }
  ul.ZinePhotodirectory li {
    margin-bottom: 10px;
    width: 280px;
    margin: 0 auto 30px;
  }
  ul.ZinePhotodirectory li img {
     float: none;
     display: block;
     margin: 0 auto 10px;
  }
}




/* Forum Styles
   ========================================================================== */

.ZineComment {
    border-top: 1px solid #e9e9e9;
    padding-top: 15px;
}
.ZineComment .ZineHeader {
    background: none;
    border: none;
    margin-bottom: 20px;
}
.ZineComments .ZineDate {
    font-size: 14px;
}
.ZineComment .ZineHeader,
.ZineComments table th,
.ZineComments table td,
.ZineComment .ZineAboutBody,
.ZineComment .ZineFooter {
    padding: 0 !important;
}
.ZineComment .ZineAboutBody {
    border: none;
}
.ZineComment .ZineAbout {
    color: #808080;
    font-size: 12px;
    padding: 0;
}
.ZineComment .ZineDate {
    float: right;
}
.ZineIndex .ZineComment {
    border: none;
    padding: 0;
    margin: 0;
}
.ZineComment .ZineBody {
    padding: 20px 0;
}
.ZineComment .ZineFooter {
    border: none;
}
.ZineComment table.ZineTools td a img,
.Zine_semi-threaded .ZineTools td a img {
    display: none;
}
.ZineComment table.ZineTools td a.ZineToolReply:before,
.Zine_semi-threaded .ZineTools td a.ZineToolComment:before {
    font-family: 'Font Awesome 6 Free';
    content: "\f075";
}
.ZineComment table.ZineTools td a.ZineToolReply,
.Zine_semi-threaded .ZineTools td a.ZineToolComment {
  padding-right: 10px;
}
.ZineComment table.ZineTools br,
.Zine_semi-threaded .ZineTools br {
    display: none;
}
.ZineComment table.ZineTools td a,
.Zine_semi-threaded .ZineTools td a {
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: none !important;
}
.ZineComments .ZineItem {
    margin-bottom: 0;
    background: none;
    border: none;
    border: 1px solid #ddd;
    padding: 20px;
    border-top: none;
    margin: 0 40px;
}
.ZineComments > .ZineThread > .ZineItem:first-child {
    border-top: 1px solid #ddd;
}
.ZineComments .ZineThread {
    padding: 0;
}
.ZineComments > .ZineThread {
    margin: 30px 0;
}
.ZineComment .ZineDate {
    float: right;
}
.ZineComment table.ZineTools td {
    padding: 0 !important;
}
.ZineComment .ZineAuthor {
    font-size: 14px;
    font-weight: 700;
    background: #d35400;
    color: #fff;
    border-radius: 100px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}
.ZineComment .ZineAuthor a {
display: block;
    line-height: 30px;
  color: #fff;
}
.ZineQuote {
    font-size: 14px;
    color: #888;
    border: none;
    padding: 10px;
    margin: 15px 0;
    border-left: 5px solid #e9e9e9;
    background: #f9f9f9;
    width: 100%;
}



/* Forum Index */

.ZineComments table.ZineIndex {
    border: 1px solid #ddd;
}
.ZineComments table.ZineIndex th {
    border: 1px solid #ddd;
    background: #fff;
    font-size: 11pt;
}
.ZineComments table.ZineIndex td {
    border: 1px solid #ddd;
}
.ZineComments table.ZineIndex th,
.ZineComments table.ZineIndex td {
  padding: 8px !important;
}
.ZineComments table.ZineIndex {
    background-color: transparent;
    border: 1px solid #ddd;
}
.ZineComments table.ZineIndex tr td a {
  text-decoration: underline;
}
 .ZineComments table.ZineIndex tr td a:visited {
    color: #aaa;
} 
@media (max-width: 400px) { 
.ZineComments table.ZineIndex {
    font-size: 14px;
 }
}

.ZineIndex .ZineComments span.Author,
.ZineForumTable span.ZineReportAsbstract {
    display: none;
}
.ZineIndex .ZineComments .ZineThread span.Author {
    display: inline-block;
}


/******************** Form Submit ********************/
.formButtons,
.credit-card-box .form-row,
.CartCheckoutButtons,
table.cart_form tr td.input {
    position: relative;
}
.formSubmitted {
    position:absolute;
    top:-4px;
    left: -4px;
    padding-top:10px;
    height:50px;
    background-color:white;
    width:100%;
}
.job_search .formButtons .formSubmitted {
   background: #444;
   left: -2px;
   color: #fff;
}


/* Return to top
   ========================================================================== */
#return-to-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 35px;
    height: 35px;
    color: #fff;
    display: none;
    z-index: 99999;
    border-radius: 5px;
    text-align: center;
    background-color: #a61b30;
    -webkit-backface-visibility: hidden;
}
#return-to-top i {
line-height: 35px;
    font-size: 17px;
}
#return-to-top:hover,
#return-to-top:active,
#return-to-top:focus {
  background-color: #c51e37;
}
#return-to-top:focus {
    outline: 0;
    color: #fff;
    background-color: #c51e37;
    box-shadow: 0 0 0 0.25rem rgb(197 30 55 / 50%);
}

/* Keep footer at the bottom
   ========================================================================== */

@media (min-width: 1200px) {
    html,
    body {
       margin:0;
       padding:0;
       height:100%;
    }
    .page-wrap {
       min-height:100%;
       position:relative;
    }
    main {
        padding-bottom:317px; 
    }
    footer#footer {
       position:absolute;
       bottom:0;
       width:100%;
       height:317px;
    }
}