/* Start custom CSS for html, class: .elementor-element-5e4e28d *//* display side panels on > 800 px */
@media only screen and (max-width: 800px) {
    #desktopPopArticles {
        display: none!important;
    }
    
    #mobilePopPanels {
        display: block!important;
    }
}

/* style fonts */
.policy-font { 
    font-family: 'Avenir Heavy', Arial, Sans-Serif;
}

.policy-font h2 {
    color: #1f3f78;
    font-weight:bold;
    text-wrap: balance;
    line-height: clamp(26px,2.6vw, 42px)!important;;
}

.policy-font h3 {
    font-size: clamp(20px, 1.4vw, 24px)!important;
    line-height: clamp(22px, 1.6vw, 26px)!important;
    font-weight: bold;
    text-wrap: balance;
    color: #1f3f78!important;
}
 
/* Style the left tab menu */
.popArticle {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 500px;
    overflow-y:auto;
    text-wrap: balance;
}

/* Style the buttons inside the left tab menu */
.popArticle div {
    display: block;
    background-color: inherit;
    color: black;
    padding: 10px 10px 10px 20px;
    width: 100%;
    border: none;
    border-radius: 0;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Style the accordion tabs */
.popAccordion {
    background-color: #f1f1f1;
    cursor: pointer;
    padding: 14px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    text-wrap: balance;
    font-size: 1.1rem;
    display:flex;justify-content:space-between;
}

/* Change background color of left tab menu buttons on hover, focus */
.popArticle div:hover, .popArticle div:focus .popAccordion:hover, .popAccordion:focus {
    background-color: #ddd;
}

/* style active left tab menu button */
.popArticle .active .popAccordion.active {
    background-color: #ccc;
    border: none!important;
    font-weight: bold;
}

/* change active mobile tab to blue */
.popAccordion.active {
    color: #1f3f78;
    font-weight:bold;
}

/* Style the article content window */
.popDetail {
    float: left;
    padding: 0px 1em;
    width: 70%;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 500px;
    overflow-y:auto;
}

/* style content window rows */
.popDetail table td, .popDetail table th, .popPanel table td, .popPanel table th {
    border: none!important;
    background-color: white!important;
    padding-left: 0;
    color:#1f3f78;
}

/* style content window heading */
.popDetail table th, .popPanel table th  {
    padding: 20px 0 10px 0;
}

/* style content window row td */
.popDetail table td .popPanel table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* style content window row h3 */
.popDetail table th h3, .panel table th h3 {
    margin: 0;
    text-wrap: balance;
    color: #1f3f78;
}

/* style article item numbers */
.item-no {
    font-weight: bold;
    text-wrap: none;
}



.popAccordion > div {
    display:flex;
    justify-content: flex-start;
}

.popPanel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

#privacy-policy .modal-dialog, 
#terms-and-conditions .modal-dialog  {
    margin: 3rem auto;
}

#privacy-policy .modal-content,
#terms-and-conditions .modal-content {
    padding: 1rem;
}

#privacy-policy .modal-body, #terms-and-conditions .modal-body {
    margin-left: 4px;
}

#privacy-policy .modal,  #terms-and-conditions .modal {
    padding-right: 0px !important;
}

.terms li {
    padding-bottom: .8rem;
}


@media print {
    /* don't display popups print mode */
   .noprint {
        display: none;
   }
   
   /* don't display url in print mode */
    a[href]:after {
        content: "";
    }
}/* End custom CSS */