/* General
   ========================================================================== */
html {
  scroll-behavior: smooth;
}
body {
    color: #3b3b3b;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin: 1rem 0 0.5rem;
}
h1 {
    margin-top: 0;
}
form table td {
    padding: 0 5px 5px 0;
}
img {
  max-width: 100%;
  height: auto;
}
a {
    color: #ff8601;
}
a:hover, a:focus {
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}
a:hover img,
a:focus img {
    opacity: .6;
}
hr {
    margin: 2rem 0;
}
ol, ul {
    padding-left: 17px;
}


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

.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
span.button a,
.bxslider_caption a,
.top-wrap .button,
.ZineIndex tr td .ZineSummaryIndex a,
.MembershipReports form a,
.MembershipReports .Report td a {
    background: #ff8601;
    color: #fff;
    border: none;
    display: inline-block;
    text-decoration: none;
    line-height: 1.5;
    vertical-align: middle;
    font-size: 1rem;
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    border-radius: 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.MembershipReports form div {
    display: inline-block;
    margin-bottom: 15px;
}
.MembershipReports form a,
.MembershipReports .Report td a {
    font-size: 14px;
}


.ZineIndex tr td .ZineSummaryIndex a {
    font-size: 16px;
}

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

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,
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,
.bxslider_caption a:hover,
.bxslider_caption a:active,
.bxslider_caption 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,
.ZineIndex tr td .ZineSummaryIndex a:hover,
.ZineIndex tr td .ZineSummaryIndex a:active,
.ZineIndex tr td .ZineSummaryIndex a:focus,
.MembershipReports form a:hover,
.MembershipReports form a:active,
.MembershipReports form a:focus,
.MembershipReports .Report td a:hover,
.MembershipReports .Report td a:active,
.MembershipReports .Report td a:focus {
    background: #33bbff;
    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,
.bxslider_caption a:focus,
.button.btn-alt:focus,
.MembershipReports form a:focus,
.MembershipReports .Report td a:focus {
    outline: 0;
    color: #fff;
    background-color: #33bbff;
    box-shadow: 0 0 0 0.25rem rgb(51 187 255 / 50%);
}

.button.btn-alt {
    background: #7eb338;
}
.button.btn-alt:hover,
.button.btn-alt:active,
.button.btn-alt:focus {
    background: #87c13b;
}
.button.btn-alt:focus {
    background-color: #87c13b;
    box-shadow: 0 0 0 0.25rem rgb(135 193 59 / 50%);    
}

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


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

header {
    background-color: #004bd2;
    box-shadow: 0em 0.15em 2em rgba(0,0,0,0.15);
    padding: 18px 0;
}
header,
header a {
    text-decoration: none;
    color: #fff;
}
header a:hover,
header a:focus {
    color: #33bbff;
}
#logo img {
    max-width: 118px;
}
#logo a:hover img {
    opacity: 1;
}
div.Login {
    margin: 0 20px;
}
div.Login,
span.cart-items,
.search-wrap {
    display: inline-block;
}
.top-wrap {
  display: inline-block;
}


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

.LoginRecoverForm {
  text-align: left;
}
.LoginRecoverForm tr td {
  padding: 0 10px 10px 0;
}
.error ul {
  margin: 0;
  padding: 0 0 0 20px;
}

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

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


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

ul.social {
    padding: 0;
    margin: 0;
    display: inline-block;
}
ul.social li {
  display: inline-block;
  margin-left: 10px;
}
ul.social li a {
    font-size: 20px;
}


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

span.item-in-cart {
    font-size: 12px;
    position: absolute;
    top: -10px;
    color: #fff;
}
span.cart-items {
    position: relative;
    margin-left: 20px;
}



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

main {
   margin: 60px 0;
}

@media (min-width: 1200px) {
    header .container,
    footer .container {
        max-width: 1520px;
    }
}


/* Zines */

table.ZineIndex th {
    background-color: #01344c;
    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,
#events div.EvtCal .EvtCalList dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

table .ZineItem {
  margin: 0;
  padding: 0;
}

#events .EvtCal dd {
    border-bottom: 1px solid #e5e5e5;
}

table.ZineIndex tr,
.ZineItem {
    border-bottom: 1px solid #f1f1f1;
}
#events a.ZineLink, #events .EvtCalList a {
  text-decoration: none;
}

.ZineAbout, span.ZineDate, .ZineAuthor, div.EvtCal .EvtCalList dt {
    font-size: 12px;
    color: #666;
    font-style: italic;
    padding: 7px 0 0 0;
    line-height: 130%;
    display: block;
    font-weight: normal;
}
.ZineItem .ZineAbstract {
    padding: 10px 0 0 0;
        font-size: 14px;
        font-style: normal;
    line-height: 24px;
}
div.EvtCal .EvtCalRSS img,
a#viewallevent img {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
div.EvtCal .EvtCalRSS a {
    font-size: 12px;
    text-decoration: none;
}
#events div.ZineSummaryIndex {
    display: none;
}
a#viewallevent {
font-size:12px;
background:url(viewallevent.png) no-repeat 0 center;
padding:0 5px 2px 25px;
text-decoration:none;
}
a#viewallevent {
    background: none;
    padding: 0;
}
a#viewallevent,
div.EvtCal .EvtCalRSS a,
.Zine table.ZineTools td a {
    font-size: 16px;
    color: #777;
    font-weight: 500;
}
a#viewallevent:hover,
a#viewallevent:active,
a#viewallevent:focus,
div.EvtCal .EvtCalRSS a:hover,
div.EvtCal .EvtCalRSS a:active,
div.EvtCal .EvtCalRSS a:focus,
.Zine table.ZineTools td a:hover,
.Zine table.ZineTools td a:active,
.Zine table.ZineTools td a:focus {
    text-decoration: none;
    color: #c39203;
}

div.vCalendarLink {
    display: none;
}

.EvtCalRSS {
    display: none;
}


/* Sidebar
   ========================================================================== */
#sidebar h3 {
    font-size: 20px;
    margin-top: 0;
}
#VMenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 767px) {
  #VMenu {
    margin: 0 0 2rem;
  }
}
#VMenu a {
    padding: 10px 0;
    display: block;
    text-decoration: none;
}
#VMenu ul li a {
  padding: 0 8px 6px 0;
}
#VMenu ul li:last-child {
  border: none;
  margin: 0;
}
#VMenu a#thispage {
    font-weight: bold;
    color: #0056b3;
}
#VMenu ul {
  list-style: none;
  padding-bottom: 0;
  font-size: 14px;
}
#VMenu ul ul {
    border: none;
    padding: 15px 0;
}
#VMenu ul ul ul {
    padding: 0;
    margin-bottom: 0;
}
#VMenu ul li {
    margin-bottom: 10px;
    border: none;
}
#VMenu ul ul li {
    padding-left: 15px;
}
#VMenu ul ul li a {
    font-size: 14px;
    border-bottom: 1px solid #bdc6cf;
}
#VMenu li span.VM_collapse a.menu,
#VMenu li span.VM_expand a.menu {
cursor: pointer;
display:inline-block;
width:85%;
}
.VM_collapse {
  cursor: pointer;
  display:block;
  padding-right: 0;
  background-image: url(plus.png);
  background-position:100% center;
  background-repeat: no-repeat;
}
#VMenu ul span.VM_collapse {
    background-position: 100% center;
}
.VM_expand {
  background-image: url(minus.png);
  background-position: 100% center;
  background-repeat: no-repeat;
  cursor: pointer;
  display:block;
  padding-right: 0;
}
#VMenu ul span.VM_expand{
  background-position: 100% center;
}
span.VM_expand a#thispage,span.VM_collapse a#thispage{
  width:70%;
}



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


.body-content .vmenu br,
.body-content .vmenu a:before {
    display: none;
}
.body-content .vmenu a {
    display: inline-block;
    width: 47%;
    border: 2px solid #004b8c;
    margin-bottom: 20px;
    vertical-align: top;
    padding: 20px;
    text-align: center;
    margin-right: 3%;
    font-weight: bold;
    border-radius: 4px;
}
.body-content .vmenu {
    padding: 0;
    display: table;
}



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

.breadcrumb {
    background: none;
    padding: 10px 0;
    line-height: 1;
    font-weight: bold;
}
.pmenu {
  font-size: 0;
}
.pmenu a {
  font-size: 15px;
  text-decoration: none;
}
.pmenu a:hover,
.pmenu a:active,
.pmenu a:focus {
    text-decoration: none;
    color: #428081;
}
.pmenu a:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 6 Free';
  content: '\f054';
  font-weight: 900;
  padding: 0 8px;
  font-size: 12px;
  cursor: default;
}
.pmenu a:last-child:after {
  display: none;
}




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

#logos {
    text-align: center;
}

.slick-slide img {
    margin: 0 auto;
    max-width: 142px;
}

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;
}

@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;
  }
}




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

footer {
    background: #3b3b3b;
    padding: 30px 0;
}
footer,
footer a {
    color: #fff;
}
footer a:hover,
footer a:focus {
    color: #ff8601;
}
footer hr {
    border-top: 1px solid #555;
}
footer ul.social li a {
    font-size: 24px;
}
footer ul.social li {
    margin: 0 5px;
}
#footer_logo img {
    max-width: 187px;
}
.footer-bottom {
    font-size: 14px;
}
ul.footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}





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

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

.EvtRegHelp {
  margin-bottom: 10px;
}

/* 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;
}


/* 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;
}



/* 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;
}
}

/* EvtCal
   ========================================================================== */

div.EvtCal table.EvtCalSm th {
  background-color: #555;
}
div.EvtCal table.EvtCalSm form {
    margin: 0;
}
div.EvtCal table.EvtCalSm td {
    padding: 12px;
}
table.EvtCal th {
    border: 1px solid #fff;
    background: #555;
}
.EvtCal th a {
    color: #fff;
}
.EvtCal th .popup a {
    color: #a72a98;
}
div.EvtCal table.EvtCalSm {
    position: static;
    width: 100%;
    max-width: 400px;
    margin: 0 0 20px 20px;
}
div.EvtCal table.EvtCalSm td.EvtDay {
    background-color: #f9ffcf;
}

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

.course-calendar-wrap h1 {
    display: none;
}

main.event-wrap {
    margin-top: 30px;
}
@media screen and (min-width: 992px) {
main.event-wrap {
    margin-top: 180px;
}
}
.event-banner {
    margin-bottom: 30px;
}



/* Form
   ========================================================================== */
form {
  margin-top: 15px;
}

#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: 26px;
  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 #bdc6cf;
  padding: 15px;
}
table.Form tr td {
  padding-bottom: 5px;
}
div.MembershipMiniProfile .photo {
  float: right;
}
div.MembershipMiniProfile:after {
  content: "";
  clear: both;
  display: block;
}
.MembershipMiniProfile p {
  margin-bottom: 0;
}
.MembershipMiniProfile a,
ul.MembershipDirectoryMenu a {
  text-decoration: none;
}

.MembershipMiniProfile .org,
.Membership .organization {
    color: #777;
    font-size: 14px;
}

.Membership .organization {
  font-size: 16px;
}

.Membership form .organization {
  color: #000;
}

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

.profile-social .fa-linkedin {
    color: #0077b5;
}
.profile-photo {
  float: right;
  margin: 0 0 20px 20px;
}
.profile-org {
    font-weight: 600;
    font-size: 12px;
}
.profile-title {
    font-style: italic;
    color: #aaa;
    font-size: 12px;
}
.profile-name {
  font-size: 18px;
}
@media (max-width: 767px) {
  .profile-photo {
    float: none;
    margin: 10px 0;
  }
}


/********** Profile **********/
.contact_info {
    background-color: #f4f4f4;
    border: 1px dashed #eee;
    display: inline-block;
    padding: 20px;
    margin: 30px 0 0;
    font-size: 14px;
}
.contact_info p {
    margin-bottom: 5px;
}
.contact_info h3 {
    margin: 0 0 10px;
    font-size: 22px;
}
.contact_info p.ContactAddress {
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.contact_info p.ContactNet {
    display: none;
}
h1.membername {
    font-size: 26px;
    margin: 0;
}
.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-wrap h3 {
    margin-top: 20px;
    font-size: 20px;
}
.profile-wrap .Contact {
    background: #f4f4f4;
    display: inline-block;
    padding: 15px;
    border: 1px solid #eee;
}
.profile-wrap .Contact p {
    margin: 0;
}

/********** 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:#004bd2;
}



/* MISC page styles
   ========================================================================== */

p.PayAccountWarning {
    display: none;
}

.responsive-table {
  margin-bottom: 20px;
}
.responsive-table table, .account_history table {
    border-collapse: collapse;
    width: 100%;
}
.responsive-table table th,
.ZineBody table th,
.account_history table th,
.ZineIndex table th {
    background-color: #555 !important;
    color: #fff;
    vertical-align: middle;
}
.responsive-table table th {
    font-size: 14px;
    line-height: 1.4;
}
.responsive-table table th h3 {
    color:#fff;
}
.responsive-table table th,
.responsive-table table td,
.ZineBody table th,
.ZineBody table td,
.account_history table th,
.account_history table td,
.career-op .ZineIndex table th,
.career-op .ZineIndex table td {
    border: 1px solid #ccc;
    padding: 8px;
}
.ZineBody table th,
.ZineBody table td {
  border: none;
}
.responsive-table table tr:nth-child(even),
.account_history table tr:nth-child(even) {
    background-color: #f8f8f8;
}
@media (max-width: 600px) {
 .responsive-table {
    display: block;
    overflow-x: auto;
 }
}


.table-responsive {
    width: 100%;
}

.table-responsive td {
    vertical-align: top;
    padding: 20px;
    border: 1px solid #ccc;
}

.table-responsive h4 {
  margin-top: 0;
}

.table-responsive td p:last-child {
    margin: 0;
}


.blockquote {
    margin: 30px 0;
}
.blockquote-footer {
    background: #fff;
    padding: 0;
    text-align: right;
}

table.LoginForm,
.LoginRecoverForm {
    width: auto;
}

table.LoginForm td,
.LoginRecoverForm td {
    border: none;
}


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

.career-op .ZineSummary, 
.career-op table.ZineImage,
.ZineArticle.Zine_job .ZineSummary,
.ZineArticle.Zine_job table.ZineImage {
    display: block;
}


.career-op table.ZineTools,
.hide-zine-title-wrap .Zine_accordion .ZineTitle {
    display: none;
}

.Zine th.accordioncontrol, .Zine th.accordioncontrol {
    padding: 0;
}

.Zine th.accordioncontrol div {
    padding: 10px 20px;
}

.hide-rss-wrap .ZineTools {
    display: none;
}

.Zine th.accordioncontrol, .Zine th.accordioncontrol {
    padding: 0;
    background: #e7e9eb !important;
    color: #333;
    border: 1px solid #bdc6cf;
    border-radius: 0;
}

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

.job-wrap .ZineTools {
    display: none;
}

.Document dt {
    font-weight: normal;
}

table.MembershipForm td {
    margin-bottom: 10px;
}


#JGallery h1 {
    display: none;
}

iframe {
    border: none;
}

.custom-layout {
  text-align: center;
}
.custom-layout h1 {
  font-size: 2rem;
  margin-bottom: 30px;
}
.custom-layout h2 {
  font-size: 1.3rem;
}
.custom-layout p {
  margin: 0;
}
.custom-layout a {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 15px;
}

.body-content .vmenu a:hover,
.body-content .vmenu a:active,
.body-content .vmenu a:focus {
    background: #33bbff;
    color: #fff;
}

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


.profile-wrap #photos,
.profile-wrap #photo {
    margin: 0 145px 10px 20px;
}
@media (max-width: 992px) {
  .profile-wrap #photos,
  .profile-wrap #photo {
    margin: 0 0 10px 20px;
  }
}



.ZineArticle .ZineAbout .ZineSummary {
  padding-left: 0;
}



/********** 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 {
    max-width: 500px;
    padding: 0 0 30px;
}
.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;
}


/* 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
   ========================================================================== */
ul.gallery li {
    margin-bottom: 15px;
}
.Zine #JGallery h1, .ppt {
    display: none !important;
}
div.pp_default .pp_social {
  line-height: 1;
  font-size: 16px;
}


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


/* Photo Directory
   ========================================================================== */
ul.ZinePhotodirectory img {
  margin: 0;
  float: none;
  max-width: 235px;
  width: 100%;
  border-radius: 4px;
  display: none;
}
ul.ZinePhotodirectory h3 {
font-size: 1.2rem;
    font-weight: 400;
    clear: both;
    background: none;
    padding: 0;
    margin: 15px 0 10px;
}
ul.ZinePhotodirectory li h4 {
    font-size: 1rem;
    color: #777;
    margin: 0 0 5px;
}
ul.ZinePhotodirectory a.button {
    font-size: 14px;
    margin-top: 10px;
}
ul.ZinePhotodirectory p {
  margin: 0;
  padding: 5px 0 10px;
}
ul.ZinePhotodirectory {
  list-style: none;
  padding: 0;
  margin: 0;
  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;
}
@media (min-width: 992px) {
 ul.ZinePhotodirectory li {
  position: relative;
  height: 211px;
 }
 ul.ZinePhotodirectory a.button {
    position: absolute;
    bottom: 30px;
  }
}

ul.ZinePhotodirectory::after {
  content: "";
  flex: auto;
}
ul.ZinePhotodirectory li {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    margin: 1%;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
}
@media (max-width: 767px) {
 ul.ZinePhotodirectory li {
    width: 50%;
 }
}
@media (max-width: 480px) {
  ul.ZinePhotodirectory, ul.ZinePhotodirectory li {
    display: block;
    width: 100%;
    text-align: center;
  }
  ul.ZinePhotodirectory li {
    margin-bottom: 10px;
  }
  ul.ZinePhotodirectory li img {
   float: none;
   margin: 0 auto 10px;
  }
}




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

p.ZinePath {
    padding: 20px 0;
}

.ZineComment {
    border-top: 1px solid #e9e9e9;
    padding-top: 15px;
}
.ZineComment .ZineHeader {
    background: none;
    border: none;
    margin-bottom: 20px;
}
.ZineComments .ZineDate {
    font-size: 12px;
}
.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 {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    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: 0;
    bottom: 125px;
    width: 40px;
    height: 40px;
    color: #fff;
    display: none;
    z-index: 99999;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    -webkit-backface-visibility: hidden;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#return-to-top i {
line-height: 40px;
    font-size: 17px;
}
#return-to-top:hover {
  background-color: rgba(0,0,0,0.5);
}





/* 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:260px; 
    }
    footer {
       position:absolute;
       bottom:0;
       width:100%;
       height:215px;
    }
}