/* Calendar Icon (yellow w/month and date)

<div class="calIcon">
    <span class="calMonth"></span><!-- class="monthLong" for longer month names -->
    <div class="calDate"></div><!-- class="dateLong" for longer date ranges -->
</div>

*/
.calIcon {

text-align: center;
border: solid 1px #f2a900;
border-radius: 5px;
height: 100px;
max-width: 100px;
}

.calMonth {

display:block;
background-color:#f2a900;
color:#ffffff;font-weight: bold;
font-size: 20px;
padding-bottom: 3px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: -1px;
}

.monthLong {

font-size: 16px;
}

.calDate {

display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-weight: bold;
font-size: 40px;
margin-top: -15px;
}

.dateLong {

font-size: 25px;
}

.calendarEventIcon, .sfCategoriesList {

display: none;
}

.item-list {

margin: 0px !important;
}

.item-list > .item-list__item > p + a {

order: -1;
}

.item-list__date {

    opacity: 1 !important;
}

/* .alternate .item-list__date {

color: black;
font-weight: bold;
font-size: 18px;
font-family: inherit;
font-style: inherit;
} */


.calendarEventContent::before {

font-family: "Font Awesome 6 Pro";
content: '\f073';
color: orange;
font-size: 40px;
margin-right: 5px;
position: absolute;
left: -40px;
top: -25px;
font-weight: 300;
}

.calendarEventContent {

display: flex;
flex-wrap: wrap;
position: relative;
}

/* .calendarEventContent.alternate > p {

order: -1;
flex-basis: 100%;
} */

.calendarContainer {

margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 2px;
padding-left: 40px;
}

.sfical > a::before, .sfoutlook > a::before, .sfgooglecalendar > a::before {

font-family: "Font Awesome 6 Pro";
font-weight: 400;
font-size: 22px;
}

.sfgooglecalendar > a::before, .sfoutlook > a::before {

font-family: "Font Awesome 6 Brands";
}

.sfical > a::before {

content: "\f271";
}

.sfoutlook > a::before {

content: "\f17a";
}

.sfgooglecalendar > a::before {

content: "\f1a0";
}

.eventsTag, .sfeventContent.sfcontent, .sfeventContent.sfcontent + .item-list__title {

display: none;
}

.eventTitleExpand {

cursor: pointer;
font-size: 17px;
}

.eventContentSmall {

display: block !important;
height: 100px;
overflow: hidden;
}

.eventReadMoreLink {
display: block !important;
width: fit-content;
margin-bottom: 50px;
text-decoration: underline !important;
}


.sfeventContent.sfcontent {

margin-top: 25px;
}

.sfAddEventWrp {

position: relative;
}

.addEventText {

display: block;
/* margin-top: 25px; */
margin-bottom: -25px;
font-size: 12px;
}

.sfical, .sfoutlook, .sfgooglecalendar {

position: absolute;
left: 0;
top: 35px;
font-size: 0px;
}

.sfoutlook {

left: 40px;
}

.sfgooglecalendar {

left: 80px;
}

.sfAddEventWrp {

margin-bottom: 20px;
padding-bottom: 20px;
}

.sfAddEventWrp .sfical a, .sfAddEventWrp .sfoutlook a, .sfAddEventWrp .sfgooglecalendar a {

padding: 0px !important;
text-decoration: none !important;
color: #004568;
}

.sfAddEventWrp .sfical a:hover, .sfAddEventWrp .sfoutlook a:hover, .sfAddEventWrp .sfgooglecalendar a:hover {

color: #00a69d;
}

.calendarEventContent .item-list__description {

display: none !important;
}


/* unordered list filter on events */
.eventCategories {

list-style: none;
margin: 0;
}

.eventCategories a {

cursor: pointer;
}

.eventFilterActive {

text-decoration: underline;
}

.eventCategories {

display: inherit;
line-height: 30px;
}

#eventSelect {

display: none;
}

.eventRefine {

background-color: rgba(242, 169, 0, .1);
padding: 25px 25px 25px 0px;
}

@media screen and (min-width: 320px) and (max-width: 799px) {

.eventCategories {

display: none;
}

#eventSelect {

display: block;
}

.eventRefine {

padding-left: 25px;
}
}


/* END Calendar Icon */



/*Modal Code courtesy of https://codepen.io/mattamyot*/
/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.video-modal {
overflow: hidden;
position: fixed;
opacity: 0.0;

-webkit-transform: translate(500%,0%);
transform: translate(500%,0%);

-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;


/* using flexbox for vertical centering */

/* Flexbox display */
display: -webkit-box;
display: -webkit-flex;
display: flex;

/* Vertical alignment */
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.video-modal .overlay {
z-index: 0;
background: rgba(117, 120, 123, 0.85); /* overlay color */

opacity: 0.0;

-webkit-transition: opacity 0.2s ease-out 0.05s;
transition: opacity 0.2s ease-out 0.05s;
}


.video-modal-content {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;

margin: 0 auto;

overflow-y: visible;

background: #000;

width: calc(100% - 12em);
height: 0;
padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
When viewport aspect ratio is greater than 16:9
work off the height instead of the width for calc */
@media (min-aspect-ratio: 16/9) {
.video-modal-content {
width: 0;
height: calc(100vh - 10em);
padding-top: 0;
padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
}
}

/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
.video-modal-content {
width: calc(100% - 1em);
padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
}
}

/* modal close button */
.close-video-modal {
display: block;
position: absolute;
left: 0;
top: -40px;

text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #fff;
}

/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;

background: #000;
box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}

/* show the modal:
add class to the body to reveal */
.show-video-modal .video-modal {
opacity: 1.0;

transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
opacity: 1.0;
}
.show-video-modal .video-modal-content {
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
}
/*END VIDEO MODAL*/

/*IMAGE HOVER TEXT OVERLAY*/
.overlay-image {

max-width: 250px;
max-height: 250px;
overflow: hidden;
border: solid #004250;
position: relative;
margin: 0px auto 25px auto;
}

.overlay-image img {

min-height: 250px;
}

.overlay-image h4 {

position: absolute;
bottom: 0;
margin: 0 auto;
width: 100%;
text-align: center;
background-color: rgba(0, 66, 80, 0.75);
color: #ffffff;
padding: 10px 0px 6px 0px;
font-weight: bold;
}

.overlay-image:hover h4 + div {

position: absolute;
top: 0;
height: 100%;
background-color: rgba(0, 66, 80, 0.85);
color: #ffffff;
padding: 10px;
}

.overlay-image:hover h4 + div > div {

text-align: center;
margin: 25px;
}

.overlay-image:hover h4 + div > div > span {

background-color: rgba(0, 66, 80, 0.65);
color: #f2a900;
border: solid 1px #f2a900;
padding: 10px;
border-radius: 10px;
}

/*END IMAGE HOVER TEXT OVERLAY*/


/*Board page IMAGE HOVER TEXT OVERLAY*/

.board-indiv {

display: inline-block;
width: 25%;
}
.board-overlay-image {

max-width: 200px;
max-height: 250px;
overflow: hidden;
position: relative;
}

.board-overlay-image img {

min-height: 250px;
}

.board-overlay-image:hover > div {

position: absolute;
top: 0;
height: 100%;
background-color: rgba(0, 66, 80, 0.85);
color: #ffffff;
padding: 10px;
min-width:200px;
}

.board-overlay-image:hover > div a {

background-color: rgba(0, 66, 80, 0.65);
color: #f2a900;
border: solid 1px #f2a900;
padding: 5px;
border-radius: 5px;
position: absolute;
bottom: 25px;
margin: 0 10px;
left: 0;
right: 0;
text-align: center;
}

.board-overlay-image:hover > div a::after {

content: '\f0e0';
font-family: 'Font Awesome 5 Pro';
display: inline-block;
margin-left: 5px;
}

/*END*/


/* THUMBS UP/DOWN FORM VOTING MISC STYLES */

.navyBtn {

border-radius: 5px;
background-color: #004250;
text-align: center;
padding: 10px;
color: #ffffff !important;
cursor: pointer;
}

.navyBtn:hover {

color: #ffffff;
background-color: rgba(0, 66, 80, .85);
}

.navyBtn.pdfIcon::after {

font-family: 'Font Awesome 5 Pro';
content: '\f1c1';
font-weight: 300;
padding-left: 10px;
}


/* YouTube embed video modal templates */


.videoContainer {

margin-bottom: 75px;
display: inline-block;
width: 100%;
}

.videoContainer h3 {

margin-bottom:12px !important;
}


.videoLeft {

margin: 0px 25px 0px 0px;
float: left;
}

.videoRight {

margin: 0px 0px 0px 25px;
float: right;
}

.row3 {

display: grid;
grid-gap: 25px;
grid-template-columns: repeat(auto-fit, minmax(320px, auto));
}

.child3 h3 {

font-size: 22px !important;
line-height: 26px !important;
text-align: center !important;
}

.child3 img {

border: 0;
max-width: 200px !important;
margin: 0 auto !important;
margin-bottom: 25px !important;
}

@media screen and (min-width: 320px) and (max-width: 960px) {

.videoContainer {

flex-wrap: wrap;
}

.videoLeft, .videoRight {

float: none;
margin: 0px 0px 25px 0px;
}
}


/* MVC Documents List, Table Version */

.downloadTable > table > thead > tr {

display: none;
}

.downloadTable > table > tbody > tr {

border-bottom: #dddddd solid 2px;
display: flex;
justify-content: space-between;
padding: 15px 0px;
}

.downloadTable > table > tbody > tr > td:first-child {

flex-basis: 100%;
}

.downloadTable > table > tbody > tr > td:first-child > a {

pointer-events: none;
color: #444444;
}

.downloadTable > table > tbody > tr > td:nth-child(2), .downloadTable > table > tbody > tr > td:nth-child(3) {

display: none;
}

.downloadTable > table > tbody > tr > td:last-child {

min-width: 100px;
}

.downloadTable > table > tbody > tr > td:last-child > a {

text-decoration: underline;
}

.downloadTable > table > tbody > tr > td:last-child > a::after {

font-family: 'Font Awesome 5 Pro';
content: '\f1c1';
display: inline-block;
margin-left: 5px;
font-weight: 300;
}

/* orange button */
.resLogin {

border-radius: 5px;background-color:#f85639;
padding:10px;color: #ffffff;
font-size:18px;font-weight:bold;
}

@media screen and (min-width: 320px) and (max-width: 650px) {

.downloadTable > table > tbody > tr {

flex-wrap: wrap;
}

.downloadTable > table > tbody > tr > td:first-child {

flex-basis: 100%;
}

.downloadTable > table > tbody > tr > td:first-child > a {

word-break: break-word !important;
}

.downloadTable > table > tbody > tr > td:last-child > a {

margin-top: 5px;
display: block;
}
}


/*newSource is a class that should be used on the MVC comments section */
.newSource {

margin-top: 50px;
}

.newSource [data-sf-role="comments-new-form-button"], .newSource [data-sf-role="comments-sort-new-button"], .newSource
[data-sf-role="comments-sort-old-button"], .newSource [data-sf-role="comment-avatar"], .newSource
[data-sf-role="comments-new-form"] img {

display: none !important;
}

.newSource [data-sf-role="comments-container"] [data-sf-role="comment-name"] {

font-weight: bold;
}

.newSource [data-sf-role="comments-container"] > div {

margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #ddd;
}

.newSource [data-sf-role="comments-new-form"] button[data-sf-role="comments-new-submit-button"] {

border-radius: 5px;
background-color: #004250;
text-align: center;
padding: 10px;
color: #ffffff;
cursor: pointer;
font-weight:bold;
border: none;
font-size: 16px;
display: block;
margin-top: 25px;
}

.newSource [data-sf-role="comments-new-form"] {

margin-top: 50px;
}

.newSource [data-sf-role="comments-new-form"] textarea {

min-height: 100px;
width: 100%;
font-size: 16px;
padding: 10px;
border: 1px solid #bbd0ca;
font: 16px/24px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-top: -25px;
}

/* Member Alert Messages for logged in users */
.memberAlertSquare {

position: relative;
width: 250px;
border-radius: 10px;
padding: 30px 15px 15px 15px;
background-color: rgb(165 223 211 / 0.5);
}

.memberAlertRectangle {

position: relative;
width: 500px;
background-color: rgb(165 223 211 / 0.5);
border-radius: 10px;
padding: 10px;height: 100px;
}

.memberAlertSquare > img {

position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 0;max-width: 50px;
}

.memberAlertRectangle > img {

position: absolute;
left: 0;
transform: translate(-50%, -50%);
top: 50%;
}

.memberAlertHeader {

text-transform: uppercase;
font-weight: bold; display: block;
text-align: center;
font-size: 18px;
color: #004250;
}

.memberAlertSquare > .memberAlertMessage {

font-size: 14px;
text-align: center;
line-height: 20px;
margin-top: 7px;
display: block;
}

.memberAlertRectangle > .memberAlertMessage {

margin: 7px auto 0px;
display: block;
font-size: 14px;
text-align: center;
width: 450px;
line-height: 20px;
}

/* changing add to calendar text */
.calendarContainer > div:last-child {

/* font-size: 0px;
margin-top: -25px; */
}

.calendarContainer .sfAddEventWrp {

font-size: 0px !important;
}


/* Gray Boxed Items, used for list items, styles reference old name */
.sflistListItem.sflistitem.ACEItem {

padding-bottom: 20px;
}

h3.sflistItemTitle.sftitle.ACEListItemTitle > .sflistItemToggleLnk {

background: none !important;
padding: 0px !important;
font-size: 20px !important;
line-height: 30px !important;
/* background-color: #dddddd !important; */
background-color: ghostwhite !important;
padding: 15px !important;
display: block !important;
color: #004250 !important;
text-decoration: underline;
width: 100%;
}

h3.sflistItemTitle.sftitle.ACEListItemTitle > .sflistItemToggleLnk.no-action {

font-weight:bold;
}

.sfexpandableListWrp .sflistExpandAllLnkWrp {

z-index: 5 !important;
font-size: 18px !important;
}

.sfexpandableListWrp .sflistExpandAllLnkWrp > a {

color: #004250;
}

.sfexpandableListWrp .sflistExpandAllLnkWrp > a:hover {

color: #004250;
}

.sflistList.sflist.ACEList {

margin: 0px !important;
margin-top: 35px !important;
list-style-type: none !important;
}

.ACEList > li > div {

padding-top: 25px !important;
}

/* qa individual answer expanded */
.sflistItemContent.sfcontent.sflistItemContentExp {

/* border: solid #dddddd; */
display: block;
border: solid ghostwhite; 
/* margin-top: -20px !important; */
padding: 10px 10px 15px 10px;
}

.sflistItemContent.sfcontent.sflistItemContentExp h4 {

display: inline-block;
background-color: #004250;
color: #ffffff;
padding: 10px;
margin-bottom: 5px;
}

.sfexpandableListWrp .sflistExpandAllLnkWrp {

margin-bottom: 20px !important;
margin-top: -25px !important;
}



/* CUSTOM HEADERS WITH ICONS */

.divider { /* minor cosmetics */
display: table;
font-size: 24px;
text-align: center;
width: 75%; /* divider width */
margin: 40px auto; /* spacing above/below */
}
.divider span { display: table-cell; position: relative; }
.divider span:first-child, .divider span:last-child {
width: 50%;
top: 13px; /* adjust vertical align */
-moz-background-size: 100% 2px; /* line width */
background-size: 100% 2px; /* line width */
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
}
.divider span:first-child { /* color changes in here */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#004250));
background-image: -webkit-linear-gradient(180deg, transparent, #004250);
background-image: -moz-linear-gradient(180deg, transparent, #004250);
background-image: -o-linear-gradient(180deg, transparent, #004250);
background-image: linear-gradient(90deg, transparent, #004250);
}
.divider span:nth-child(2) {
color: #004250; padding: 0px 5px; width: auto; white-space: nowrap;
}
.divider span:last-child { /* color changes in here */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004250), to(transparent));
background-image: -webkit-linear-gradient(180deg, #004250, transparent);
background-image: -moz-linear-gradient(180deg, #004250, transparent);
background-image: -o-linear-gradient(180deg, #004250, transparent);
background-image: linear-gradient(90deg, #004250, transparent);
}


.divider {

    margin-top: 10px !important;
}

.divider2 {

height: 2px;
background-color: #004250; /* for browsers that do not support gradients */
background-image: linear-gradient(to right, #ffffff, #004250, #ffffff);
}

.dividerText {

font-weight: 700; text-transform: uppercase; font-size: 55px; padding-bottom: 10px; font-family: Merriweather, serif;
color: #111111;
}

.dividerParagraph {

margin: auto; text-align: center;padding-bottom:10px;
}



.dividerCME{background: linear-gradient(0deg, rgba(240,236,116,1) 20%, rgba(255,255,255,1) 100%);} /*Yellow */

.dividerAdvocacy{background: linear-gradient(0deg, rgba(165,223,211,1) 20%, rgba(255,255,255,1) 100%);} /*blue */

.dividerBenefits{background: linear-gradient(0deg, rgba(198,133,143,.7) 20%, rgba(255,255,255,1) 100%);} /*pink */

.dividerAboutGeneral {background: linear-gradient(0deg, rgba(165,223,211,1) 20%, rgba(255,255,255,1) 100%);} /* blue */

.dividerNews {background: linear-gradient(0deg, rgba(168,173,0,.7) 20%, rgba(255,255,255,1) 100%);} /* green */







.divider + p {

margin-top: -10px;
margin-bottom: 10px;
}

.rightPadding {

padding-right: 72px !important;
}

.content {

padding-top: 0px;
}

.divider + p > span {

line-height: 60px;
}

@media screen and (min-width:320px) and (max-width:960px) {

.divider + p {

margin-top: -15px;
margin-bottom: 0px;
}

.divider + p > span {

font-size: 50px !important;
}

.divider {

margin: 40px auto 20px auto;
}
}


/* 40under40 custom list */
.sflistList.sflist.under40List {

display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 !important;
}

.sflistList.sflist.under40List > .sflistListItem.sflistitem.under40ListItem {

display: flex;
flex-direction: column;
align-items: center;
flex: 0 1 20%;
border-bottom: solid 1px #92c0e0;
padding: 25px 0px;
}

.sflistList.sflist.under40List > .sflistListItem.sflistitem.under40ListItem img {

/* margin: 0; */
}

.under40Location {

font-style: italic;
}

@media screen and (min-width: 320px) and (max-width: 960px) {

.sflistList.sflist.under40List > .sflistListItem.sflistitem.under40ListItem {

flex: 0 1 200px;
border-bottom: none;
}
}

.embedTable {

    width: 100% !important;
}

.embedTable tr:first-child > td {

    padding: 24px 0px;
}

.embedTable :not(tr:first-child) {

    padding: 12px;
}

.embedTable tr:nth-child(even) {

    background-color: #eeeeee;
    border: solid #cccccc;
    border-width: 2px 0px;
}


/* Last project built by Brian Raybin. 9/23/21
   tabbed menu
*/

.tab-container {

    list-style: none;
    display: flex;
}

/* .tablinks {

    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: white;
    font-weight: bold;
    font-size: 18px;
    margin-right: 1px;
    margin-bottom: 1px;
} */

.tablinks > div {

    display: none;
}

.tablinks.active {

    /* background-color: black !important; */
    text-decoration: underline;
}

.tablinks.orange-button {

    background-color: #e04e39;
}

.tablinks.yellow-button {

    background-color: #f2a900;
}

.tablinks.navy-button {

    background-color: #004250;
}

/* content block */
.tabcontent {

    list-style: none;
    display: none;
}

/* tab border color */
.tabcontent.orange-button {

    border: solid 2px #e04e39;
}

.tabcontent.yellow-button {

    border: solid 2px #f2a900;
}

.tabcontent.navy-button {

    border: solid 2px #004250;
}

.content-active {

    display: block;
    padding: 24px;
    border-radius: 5px;
}

.forward-button {

    font-family: 'Font Awesome 5 Pro';
    content: '\f30b';
    display: block;
    margin: 24px 0px 0px 0px;
    padding: 24px 48px;
    background-color: #004250;
    color: white;
    font-size: 36px;
}

/* unordered list that contains the content blocks */
/* .tabContentContainer {


} */

/* last container does not need a forward button */
.tabContentContainer > li:last-child > input {

    display: none;
}

#tab-dropdown {

    display: none;
}


@media screen and (max-width:960px) {
    
    #tab-dropdown {

        display: block;
    }

    .tablinks {

        display: none;
    }

    .tabContentContainer {

        margin: 0px !important;
    }
}



/* tablinks code for the page version */
/* .pagetab-container {


}

.pagetab {


} */

.pagetabtop .pagetab-container, .sfNavWrp.sfNavHorizontalDropDownWrp.pagetabtop {

    margin-top: 24px;
}

/* contains all of the body content */
.tabbedBodyContainer {

    border: solid;
    border-radius: 24px 24px 0px 0px;
    margin-top: 15px !important;
    padding: 0px 24px !important;
}

.tabbedBodyContainer .dividerParagraph {

    margin-top: 0px;
    border-radius: 24px 24px 0px 0px;
    padding-top: 20px;
}

.tablinks.pagetab, button.tablinks {

    border: solid white;
}

.tablinks.pagetab > a, button.tablinks {

    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: #004250;
    font-weight: bold;
    font-size: 21px;
    margin-right: 1px;
    margin-bottom: 1px;
    text-decoration: none !important;
    border-radius: 24px 24px 0px 0px;
    text-transform: uppercase;
  height:100%;
  display:block;
  text-align:center;
}



.tablinks.pagetab:nth-child(1) > a {

    background-color: rgb(39 153 137 / 50%);
}

.tablinks.pagetab:nth-child(2) > a {

    background-color: rgb(168 173 0 / 50%);
}

.tablinks.pagetab:nth-child(3) > a {

    background-color: rgb(242 169 0 / 50%);
}

.tablinks.pagetab:nth-child(4) > a {

    background-color: rgb(240 236 116 / 50%);
}

.tablinks.pagetab:nth-child(5) > a {

    background-color: rgb(240 236 116 / 50%);
}



/* nav structure equivalent of active tab */
.tablinks.pagetab:nth-child(1) > a.sfSel{

    background-color: #279989;
}

.tablinks.pagetab:nth-child(2) > a.sfSel{

    background-color: #a8ad00;
}

.tablinks.pagetab:nth-child(3) > a.sfSel{

    background-color: #f2a900;
}

.tablinks.pagetab:nth-child(4) > a.sfSel{

    background-color: #f0ec74;
}

.tablinks.pagetab:nth-child(5) > a.sfSel{

    background-color: #f0ec74;
}

.pagetabtop .sfNavSelect, .pagetabbottom .sfNavSelect, .tablistbottom > li {
    
    display: none;
}

/* bottom navigation element container */
.tablistbottom {

    background-color: #279989;
    margin: 0px 0px 24px 0px !important;
    border-radius: 0px 0px 24px 24px;
    padding: 25px 10px 10px 10px;
}

/* bottom navigation container list item */
.tablistbottom .tablinks.pagetab {

    text-align: right;
}

/* arrow button */
.tablistbottom .tablinks.pagetab > a {

    font-family: 'Font Awesome 6 Pro';
    content: '\f30b';
    color: white !important;
    border-radius: 24px;
    font-size: 60px;
    padding: 0px 36px;
    text-decoration: none;
    background-color: #004250 !important;
}

.pagetabbottom ul > li {

    border: 0px !important;
}









@media screen and (max-width:960px) {
    
    .pagetabtop .sfNavSelect, .tablistbottom {

        display: block !important;
    }

    .pagetabbottom .sfNavSelect {

        display: none !important;
    }
}




/* New Branding changes */
.pagetitle {padding: 20px; margin-top: 20px; font-size: 50px; line-height: normal; font-weight: bold; color: black; margin: auto; border-bottom: thick solid #33338a; text-transform: capitalize; }



.featuretitle {background-color: ghostwhite; padding: 10px; border-left: thick solid #00424f;}



.ghostBox {background-color: ghostwhite; 
  padding:30px !important; border:thin solid #33338a; border-radius: 20px; margin-bottom: 15px !important;  }