:root{
    /*Fonts*/
    --header: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    --subheader: "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bodytext: "Ubuntu", sans-serif, Helvetica, Arial, sans-serif;     
    /*Colors*/
    --primary:#003366;
    --secondary:#d18232;
    --highlight:#993300;
    --dark: #061f38;
    --mute:#303e49;
    --text:#666666;
    --gray:#eef7ff; 
    --offwhite:#dceeff;
    --light:#e1e1e1;:
    /*Utilities*/
    --sliderHeight: 600px;
}

body{font-size: 1.0em;  font-family: var(--bodytext);}

/* Medium desktops */
@media (min-width: 1200px) {
  .container {max-width: 1180px;}
}
/* Large desktops */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
/* Extra-large desktops or 4K displays */
@media (min-width: 1600px) {
  .container { max-width: 1440px; }
}
@media (min-width: 1920px) {
    .container { max-width: 1600px; }
}

a{color: var(--highlight);/* font-weight: 400; */}
header.Header {z-index: 9999;background:var(--white);box-shadow:none;
    & .navigation {justify-content:space-between; transition:all .3s ease;}
    & .navMinimized{width:100%;background:var(--primary);transition:all .3s ease;
        & .minilogo{display:none;
            img{max-width: 160px;padding: 2px;}           
        }    
        & .main-navigation {justify-content: space-between;min-width: fit-content;}
    }
    & .navLarge {position: relative;z-index: 9;width:100%;top:0;background:var(--white);transform: translateY(0%);transition:all .3s ease;}
     &.headBg{
        & .navMinimized{transform: translateY(0%);transition:all .3s ease;}
     }
    &.toFixed{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%); transition:all .3s ease;transform: translateY(-100%); 
      & .navLarge{/* transform: translateY(-100%); */transition:all .3s ease;position: relative;z-index: 2;}       
    }
    &.headBg.toFixed {transition: all .5s ease;position: fixed;top: 0;transform: translateY(-100px);
        & .navLarge {/* transform: translateY(-100%); */transition:all .3s ease;}
        & .navMinimized{transform: translateY(0%);transition:all .3s ease;
                & .minilogo{display:block;}                
        }
    }
    & .brandNavigation { align-items:center;}
    & .logo {display:flex;justify-content: space-between;
        & img {width: 200px;}
    }
    & .topLinks{display:flex;align-items: center;
        ul {margin:0; padding:0;  margin-right:15px;list-style:none;
            li {padding:2px 0;
                a, span{ display:flex; align-items:center;  color:var(--text); font-weight:300;
                    &:before{content:''; font-size:14px; color:var(--primary); font-family: bootstrap-icons !important; margin-right:3px;}
                    span{ font-size:0.95em;}
                }
                > span{ font-size:0.95em;}
                &.phone a:before{content:"\f5b4";}
                &.email a:before{content:"\f32c";}
                &.address span:before{content:"\f3e7";}
            }
        }    
        a.subscribe{ display:inline-block; padding:15px 40px; background:var(--primary); color:var(--white); border-radius:5px; font-size:1.3em; text-transform:uppercase;
            &:hover{ background:var(--highlight);}           
        }        
    }

    &.logged_in{
        & .main-navigation {
            ul li.login{ display:none;}
        }
    }
    &.not_logged_in{
        & .main-navigation {
            ul li.logout{ display:none;}
        }
    }               
    .main-navigation {justify-content: space-between;
        & ul {justify-content: space-around;margin:0;width:100%;
            & li {
                a,span {text-transform: capitalize;font-weight: 400;padding: 12px 15px;font-size: .9em;color:var(--white);cursor: pointer;}
                &.hasSubmenu {
                    > a, > span{
                        &:after{content:"\f229";font-family: bootstrap-icons !important;font-size: 10px;display:inline-block;vertical-align:middle;padding: 1px 3px;}                        
                    }
                } 
                &.home a{font-size:0;text-align: center;padding: 10px 12px;margin: 0;
                    &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 18px;display: block;margin: 0 auto;}          
                }
                &:hover{ background-color:var(--highlight);
                    a,span{ color:var(--white); cursor:pointer;
                         &:hover{background: var(--highlight);}
                     }
                }        
                ul {min-width: 300px; 
                    li a{padding: 10px;font-size: .9em;}
                }
                &:last-child ul{right: 0;left: auto;}
                @media (min-width: 0px) and (max-width: 1199px) {
                    a{padding: 12px 15px;font-size:1em}
                } 
                @media (min-width: 0px) and (max-width: 1080px) {
                    a{padding: 12px 10px;font-size:.9em}
                }                 
            }      
        }    
        button.navbar-toggler{background:none;border:none;padding: 0 5px;outline:none;box-shadow: none;border-radius: 0;
            &:focus, &:active{outline:none;box-shadow: none;}
            i{font-size:2.5em;color: var(--text);line-height: 0;}  
            &:hover {background:var(--highlight);
                i{color:var(--white);}        
            }
        }
    }  
               
    @media (min-width: 0px) and (max-width: 991px) {
        & .navMinimized {
            & .minilogo {display:flex;width: 100%;justify-content: space-between;
                button{color:var(--white);font-size: 3em;line-height: 1;}            
            }
            & .main-navigation{display:none !important;}
        }
        & .brandNavigation {padding:5px 0;}            
        & .topNav{flex-wrap:wrap;
            & #social{min-width:100%;
                & ul{justify-content:end; margin-bottom:10px;}                     
            } 
             a.button.button-primary{ font-size:.9em;}
        }
        a{font-size:1em}
    }               
}
.breadcrumbs { background:var(--gray);
    a{display:inline-block;padding: 10px 5px;color: var(--primary);}            
}

.slider-block{margin-top: 147px;background: var(--gray); 
    .sliderSection{margin-top: 0px; height:100%;
        .tao-carousel, .tao-carousel .tao-stage-outer, .tao-carousel .tao-stage, .tao-carousel .tao-wrapper, .tao-carousel .tao-item, .item{height:100%;}
        & .slide { height:100%;
            & .image { height:100%;
                img{width:100%;height:100%;object-fit:cover;max-height: 540px;}
            }
        }
    }
    & .online_l_issue {
        & .issue_block{text-align:center;
            img{max-height: 460px;border: 1px solid #ddd;}              
        }
    } 
    @media (min-width: 0px) and (max-width: 991px) {
        margin-top: 48px;
    }
}

.subpageHeader-block {padding-top: 147px;
    & .pageHeader{background:var(--dark);
        img{width:100%;max-height: 560px;object-fit:cover;/* opacity:0.5; */}                                      
    }
}
.events {
    &.homeEvents{
        h2{margin:0;margin-bottom:15px;color: var(--dark);}
        & .eventrow {margin-bottom: 15px;padding-bottom: 15px;/* border-bottom: 1px dashed var(--mute); */padding: 15px;background: color-mix(in srgb, var(--primary) 7%, transparent 100%);border-radius: 5px;
            h4 a{color:var(--dark);}
            ul li {margin-bottom: 10px;}         
        }
        & .resourceBlock{border-bottom:1px solid #ddd;padding: 0 0 10px 10px;margin-bottom: 20px;
             a{display:inline-block; margin-right:15px; }
        } 
    }
}

.taoGalleryBox .overlay {background:color-mix(in srgb,var(--mute) 85%,transparent) !important;}
.gallery_paging_links  span  a, .gallery_next_link_inactive, .gallery_prev_link_inactive {margin: 0 1px !important;}

/*Home*/
/*Published Issues*/
.on_issue {
    img{border: 1px solid #ddd;}
}
/* publication */
.publi_notify { padding: 15px; font-weight: bold; font-size: 1.1em;  text-align: center;   }
.publi_notify a span { color: red;  padding-left: 5px; margin-right: -3px; }

/*News*/
.newsBlock{/* padding: 15px; */height: 100%;display: flex;flex-direction: column;/* justify-content: space-between; */
    & .jsnews_35{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
    h2{margin-bottom:15px; }
    .news-listing { position: relative;margin-bottom: 7px;padding-bottom: 8px;border-bottom: 1px solid var(--offwhite);
        & .news-info{position:relative;z-index:1; 
            & .newsTitle {line-height:1.1;
                a{color: var(--primary);
                     &:hover{color:var(--highlight);}
                 }             
            }            
        }
        &:hover {transition: box-shadow .35s ease}
    }
}
 
.news{display:flex; flex-direction:column; height:100%; justify-content:space-between;
     & .article {margin-bottom: 15px;padding-bottom:10px;border-bottom:1px dashed var(--primary);
        h2{font-size:1.33em;}
        & .splitleft, & .splitright { display:block;
            em{font-size:.9em;}
            a{display:inline-block; padding:3px 10px; font-size:.8em; text-transform:uppercase; border:1px solid var(--primary); border-radius:5px;
                 &:hover{ background:var(--primary); color:var(--white);}
             } 
        }
    }
    & .newsRow{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed var(--offwhite);
        & .date {font-weight: 400;color: var(--primary);} 
        & .newsContent h3 a{color:var(--primary);}
        & .newsRow_title a {font-size: 1.3em;font-weight: 500;color: var(--text);}
    }      
}

.news-body img{max-width:60%;float:left;margin-right: 15px;margin-bottom: 15px;}

/* Events Wrapper */
.event {margin: 10px 0 15px; padding: 0; position: relative; display: flex; justify-content: flex-start; align-items: center; background: var(--white); border-bottom: 1px solid var(--bs-border-color);
  .event_date {text-align: center; font-weight: 900; font-size: 1.2em; line-height: 1em; text-transform: uppercase; color: var(--text); } 
  .event_day {font-size: 1.5em; padding: 10px; } 
  .event_time {font-size: 0.84em; font-weight: 400; display: block; line-height: 1.5em; } 
  .event_content {padding: 10px; font-weight: normal; font-size: 1em; text-align: left; line-height: 1.5em; position: relative; z-index: 1; 
    a {color:var(--primary);font-size: 1.2em; font-weight: 500; word-break: break-word; vertical-align: middle; } 
  }
}

/* Events Section */
.events {
  h2 {margin: 50px 0 15px; color: var(--text); }
  .eventrow {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed var(--gray); 
    h3 {font-size: 1.125rem; } p {margin: 0; } 
    ul {margin: 0 0 10px; padding: 0; 
      li {margin-right: 15px; } 
    } 
  }
}

/* Event Articles / Cards */
.events_block {
  .article {border-bottom: 1px solid var(--gray); padding: 15px 0; 
    img {max-width: 300px; height: auto; } 
    .dtl {padding: 0 15px; } 
  } 
}

/* Event Detail Page */
.EventDetail {
  .dtl img {max-width: 450px; margin: 0 auto; display: block; } 
}

@media (max-width: 768px) {
  .event {flex-direction: column; text-align: center; 
    .event_content {padding-top: 15px; } 
  }
  .events_block .article {flex-direction: column; align-items: center; 
    img {width: 100%; max-width: 100%; } 
    .dtl {padding: 10px 0; } 
  }
}

/*Subscribe*/
.subscribe {padding-bottom: 15px;}
.print-register, .online-register {text-align:center;margin:15px 0;margin-bottom: 25px;}
.print-register img, .online-register img{ border-bottom:1px solid #ccc;}
.print-register a.button, .online-register a.button {display:block;width: 170px;margin: 10px auto;}
.print-register h2, .online-register h2 { text-align:center;}

/*Register*/
.group_login_information {background: #e9e9e9;padding: 10px;}
.fieldgroup .userinfotitle {font-size: 1.5em;font-weight: bold;font-family: 'Open Sans', sans-serif;width: 98%;display: block;color: #003366;padding: 5px 1%;margin: 0px 0 5px 0;border-bottom: 1px solid #6699cc;}

/*Advertisers*/
div.bnr_pop{ display:none;}
#modalbox .bnr_pimg {position:relative;display: inline;width: auto;/* height: 98%; */background: rgba(0,0,0,0.5);border: 1px solid rgba(70, 70, 70, 0.5);margin: 0;padding: 0;/* -webkit-transform: translateY(-50%); *//* transform: translateY(-50%); *//* top: 50%; */}
#modalbox .bnr_pimg img{max-width: 100%;/*max-height: 500px;*/position: relative;width: auto;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#modalbox .bnr_pimg >  a {display: inline-block;position: static;}
#modalbox .bnt_lnk  {margin: 4px auto;position: relative;/* bottom: 0px; *//* left: 0; *//* right: 0; *//* text-align: center; */}
#modalbox .bnt_lnk  a {background: #ffffff;padding: 5px 10px;color: #003366;position: relative;}
/*Header Ads*/
.head_bnrs{height: 100%;/* position: absolute; */right: 0;top: 0;/* float: right; */}
.head_bnrs div.base {position: relative; top: 0;opacity: 1; top: 0;}
.hd_ads{ height: 100%;position: relative; float:right;}
.hd_ads .img {display:block;text-align: center; padding: 6px; }
.head_bnrs div.base .img {position: relative;width: 100%;height: auto;right: 0;/* top: 20px; */opacity: 1;padding: 0;}
.hd_ads a.hd_thumb {display:block;position: relative;cursor:pointer;}
.hd_ads a.hd_thumb img{max-height: 120px;max-width: 100%;position: relative;width: 200px;}
.hd_ads .label { display:none;}


/*--------------------------
     Online Publications
---------------------------*/

/* onlineissue */
.online-pdf { display: inline-block; position: relative;  width: 45%; height: 120px; padding: 4px 1%; margin: 1%; border: 1px solid #CCC; box-shadow: 5px 5px 0px #EEE;  }
.online-pdf .download { position: absolute; right: 0; bottom: 0; background: #FE5E66;  }
.online-pdf .title{ font-size: 1.3em; margin-bottom: 5px; }
.online-pdf .desc { color: #999; font-size: 0.89em; }
.online-pdf .download img {  height: 23px; display: inline-block; vertical-align: bottom;  }
.online-pdf .download a {color: #FFF; font-size: 0.89em; display: inline-block;  }
.epublication .toolbar .imminize label { line-height: 18px; }

.on_issue {text-align: left;position: relative;}
.on_issue img { width: 90px;  }
.on_issue .coverimg {vertical-align: middle;text-align: center;}
.on_issue .coverimg img{border: 1px solid #CCC;}
.on_issue h2 {font-size: 15px;margin: 0;font-weight: bold;line-height: normal;}
.on_issue h2 a {text-transform: capitalize;display: block;font-weight: bold;}
.on_issue p{margin:0;padding: 0;}
.on_issue span {color: #999;display: block;float: none;}
.on_issue span.splitright {text-align: left;display: block;float: none;}
.on_issue .issue_info {display: inline-block;vertical-align: middle;padding: 10px;}
.on_issue span  a {color: rgb(195, 129, 79);font-size: 1.0em;}
.epublication .toolbar{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding: 12px 0 !important;padding-bottom: 5px !Important;}
.epublication span, .epublication label, .epublication a, .epublication .toolbar .fbdlk label {display: inline;margin: 0;padding: 0;line-height: 16px;cursor: pointer;} 
.epublication span, .epublication label {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.epublication .pno { line-height: 20px; }
.epublication .tfbnavi .tfbblc {padding: 0 10px !important;}
.pdfmsg {text-align: center; font-size: .9em; padding: 9px;}
.noaccess_shade {background:rgba(0,0,0,0.4); z-index: 120; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.noaccess_popup {width: 50% !important;height: auto;position: absolute;top: 10%;margin: auto;z-index: 121;background: #FFF;padding: 10px 20px;max-width: 80%;}
.noaccess_popup h2{font-size:2em;text-align: center;}
.noaccess_popup a { color: #CF3D4C; }
.noaccess_popup a.epub_noacl_close {position: absolute;color: rgb(255, 255, 255);padding: 5px 15px;display: inline-block;top: 0px;right: -37px;background: rgb(68, 68, 68) none repeat scroll 0% 0%;}

/*--------------------------- Quick login popup --------------------------*/
.noaccess_popup .quicklogin{ margin:10px 0;}
.noaccess_popup .quicklogin .row{ margin:5px 0; }
.noaccess_popup .quicklogin .row span input{ margin: 0 5px;}

/*Online Issues */
._edition{ width:80%; padding: 5px; }
._edition:nth-child(odd){ background: #EEE; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7;}
._edition:last-child{ border:0;}
.editionrow{ display: table; vertical-align: middle; width: 100%; margin: 0 auto; text-align: left; color: #000;}
.editionrow h3{ text-align: left; display: table-cell; font-size: 1em; color: #000; padding-left: 25px;}
.editionrow .editiondate{ display: table-cell;}
.editionrow .editionlink{ display:table-cell;}
.editiondescription{ display:block; width: 100%; margin: 0 auto; padding: 1px; color: #777;}

.subscriptions tr td:first-child {width: 30px; vertical-align: top;}
.subscriptions td { padding: 5px  0; }
.subscriptions { margin:px; }
#subscriptions input[type=submit] { margin-bottom: 10px; }
.oprow .opname, .subscriptionname { font-weight: bold; }
.opnameblk{display:inline-block;vertical-align:top;margin-left: 5px;}
.buy_online_issue_blk{margin-bottom: 5px;}

.past_publications .row{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.past_issue .issue_info{vertical-align: top;box-shadow: none;text-align: left;position: relative;margin: 1%;padding: 1%;border: 1px solid #DDD;min-height: 96%;}
.past_issue .issue_info h2 {font-size: 15px;margin: 0;font-weight: bold;line-height: normal;}
.past_issue .issue_info h2 a {text-transform: capitalize;display: block;font-weight: bold;}
.past_issue .issue_info p{color:#666;}
.past_issue .issue_info p.date{ font-size:.9em; font-style:italic; margin:0;}
.past_issue .issue_info p.pass {font-size:.9em; margin:0;}

/*Webforms/ post forms*/
.fieldgroup {
    & .fieldrow {
        & .fieldval {
            div[class*="_radio"]{display:inline-block; margin-right:10px;}
        }
    }
}


/*Footer*/
footer {
    & .footer-logo img{max-width: 250px;}    
    & .footerNav {margin-bottom: 25px;line-height: normal;
        ul { display:flex;
            li {min-width:30%;text-align: left;
                ul{ display:block;
                    li{min-width:auto;text-align:left;padding: 5px 0;}
                } 
                a{text-align:left; font-size:1.0em;font-weight:300;
                    &:hover, &:focus{color: var(--offwhite);} 
                }
            }
        }                    
    }
    & .copyright{margin-top:15px;line-height: normal;}
    @media all and (min-width: 0px) and (max-width: 767px) {
        & .address{ text-align:left;}
        & .footerNav { margin-top:30px;
            ul{display:block;}
        }
    }    
}

@media all and (min-width: 0px) and (max-width: 579px) {
    .sliderSection{ }
}
@media all and (min-width: 0px) and (max-width: 479px) {
    .sliderSection{ }
}