.button
{
    text-shadow: none;
    font-size: 1rem;
    margin: 0 0.9375rem 1rem 0.9375rem;
}

.button:first-child
{
    margin-left: 0;
}

.centerComponentContent .button:first-child,
.cardGrid .button:first-child
{
    margin-left: 0.9375rem;
}

.button.venobox::before {
    content: "\f144";
    font-family: "Font Awesome 6 Pro";
    padding-left: 0;
    padding-right: 0.8rem;
    padding-top: 0.3rem;
}

.linkContainer, .linkContainer2
{
    margin:1.5rem 0 0.75rem 0;
    line-height: 2rem;
}

.twoCols .button
{
    text-align: left;
    padding: 0.8rem 0;
    font-size: 0.9rem;
}

.linkContainer:empty
{
    display: none;
}

.standardLink
{
    display: inline-flex;
    clear: both;
    text-decoration: none;
}

.standardLink span
{
    margin: 0 6px;
}

a.standardLink:hover, a.standardLink:visited, a.standardLink:active
{
    display: inline-flex;
    clear: both;
    text-decoration: underline;
}

.standardLink.iconBefore,
.standardLink.iconAfter
{
    display: flex;
    flex-direction: row;
}

.standardLink.iconAfter
{
    display: flex;
    flex-direction: row-reverse;
}

.standardLink.iconBefore i
{
    padding-right: 0.4rem;
    line-height: unset;
}

.standardLink.iconAfter i
{
    padding-left: 0.4rem;
    line-height: unset;
}

.standardLink.iconAfter i::before,
.standardLink.iconAfter i::after
{
    display: inline-block;
}

a.standardLink.iconBefore:hover,
a.standardLink.iconBefore:visited,
a.standardLink.iconBefore:active
{
    display: flex;
    flex-direction: row;
}

a.standardLink.iconAfter:hover,
a.standardLink.iconAfter:visited,
a.standardLink.iconAfter:active
{
    display: flex;
    flex-direction: row-reverse;
}

/*** linkListWrapper css ***/
.linkColumn
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-footer-column .linkColumn {
    align-items: flex-start;
    justify-content: flex-start;
}

.flex-footer .list-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.horizontalLinkList
{
    flex-direction: row;
}

.verticalLinkList
{
    flex-direction: column;
}

.alignListLeft
{
    align-items: flex-start;
}

.alignListRight
{
    align-items: flex-end;
}

.quickLinks .menuContent
{
    color: var(--text-color);
}

.menuContent.dropdown-pane
{
    z-index: 1000;
    margin: 0 1rem;
}



/*** triangle enlarge css ***/
.triangleOverlay
{
		position:relative;
		z-index: 100;
		bottom: 0;
		right: 0;
}

.triangle
{
		position:absolute;
		z-index:100;
		/* border-color: transparent transparent transparent green;
		border-width: 0px 0px 100px 100px; */
		border-top: 80px solid transparent;
  	border-bottom: 0px solid white;
  	border-right: 80px solid white;
		right: 0;
		bottom: 0;
}

.triangleOverlay i
{
		position: absolute;
		z-index: 110;
		right: 8px;
		bottom: 8px;
		font-size: 30px;
		color: #666;
}

/*** triangle enlarge css ***/

.playButton
{
		position:absolute;
		z-index:100;
		display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
		border-radius: 100%;
		background-color: #999;
    width:70px;
		height: 70px;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

.playButton i
{
		font-size: 40px;
		color: #666;
		margin-left: 7px;
}


/* font icon styling */
.linkContainer i, .socialLinkContainer i
{
    font-size: 1.2rem;
    min-width: 1rem;
    text-align: center;
    /* margin: 0 0.4rem 0 0; */
}

.linkContainer .fa, .linkContainer .far, .linkContainer .fab, .linkContainer .fas, .linkContainer .fal,
.quickLinks .fa, .quickLinks .far, .quickLinks .fab, .quickLinks .fas, .linkContainer .fal {
    float: left;
    padding: 0.1rem 0.8em 0 0.8rem;
    width: 2.6rem;
}

.linkContainer .standardLink
{
    margin-bottom: 0.5rem;
}

a span {
  display: block;
  overflow: hidden;
  line-height: 1.4rem;
}

.quickLinks a span {
  line-height: 1.0rem;
  margin: 0;
}

.quickLinks .fa, .quickLinks .far, .quickLinks .fab {
    float: left;
    padding: 0.1rem 0.5em 0 0;
    width: auto;
}

/*.fa-map-marker::before*/
/*{*/
/*    margin-left: 0.4rem;*/
/*}*/

.linkContainer .standardLink
{
    margin-bottom: 0.5rem;
    display: inline-flex;
}

.button + .standardLink,
.standardLink + .button
{
    margin-top: 0.75rem;
}

a span {
    display: block;
    overflow: hidden;
    line-height: 1.4rem;
}

.quickLinks a span {
    line-height: 1.0rem;
    margin: 0;
}

/*  Font awesome font scaler classes -- customize as needed   */
.standardLink i.icon-scale-p5,
.footerLink i.icon-scale-p5,
.iconImage.icon-scale-p5 i{
  font-size: 0.5rem;
  padding-right: 0.75rem;
}
.standardLink i.icon-scale-1p0,
.footerLink i.icon-scale-1p0,
.iconImage.icon-scale-1p0 i{
  font-size: inherit;
  padding-right: inherit;
}
.standardLink i.icon-scale-1p5,
.footerLink i.icon-scale-1p5,
.iconImage.icon-scale-1p5 i
{
  font-size: 1.5rem;
  padding-right: 2.25rem;
}
.standardLink i.icon-scale-2p0,
.footerLink i.icon-scale-2p0,
.iconImage.icon-scale-2p0 i
{
  font-size: 2.0rem;
  padding-right: 3.0rem;
}
.standardLink i.icon-scale-2p5,
.footerLink i.icon-scale-2p5,
.iconImage.icon-scale-2p5 i
{
  font-size: 2.5rem;
  padding-right: 3.75rem;
}
.standardLink i.icon-scale-3p0,
.footerLink i.icon-scale-3p0,
.iconImage.icon-scale-3p0 i
{
  font-size: 3.0rem;
  padding-right: 4.5rem;
}
.standardLink i.icon-scale-3p5,
.footerLink i.icon-scale-3p5,
.iconImage.icon-scale-3p5 i{
  font-size: 3.5rem;
  padding-right: 5.25rem;
}
.standardLink i.icon-scale-4p0,
.footerLink i.icon-scale-4p0,
.iconImage.icon-scale-4p0 i{
  font-size: 4.0rem;
  padding-right: 6.0rem;
}

/*** traditional dropdown css in linkList as a menu ***/
.menuStyling
{
    padding: 0.4rem 0.4rem 0.4rem 0.8rem;
    border: 1px solid #979797;
    font-size: 0.875rem;
    font-weight: 400;
}

.menuStyling.singlePractice
{
    padding: 0.4rem 0.8rem;
}

.menuStyling.iconAfter
{
    display: flex;
    flex-direction: row;
}

.menuStyling.iconBefore
{
    display: flex;
    flex-direction: row-reverse;
    padding: 0.4rem 0.4rem 0.4rem 0.4rem;
}

.menuStyling.iconBefore i
{
    padding-right: 0.8rem;
    padding-left: 0.3rem;
    line-height: unset;
}

.menuStyling.iconAfter i
{
    padding-left: 3rem;
    line-height: unset;
}

.menuStyling.iconBefore:hover,
.menuStyling.iconBefore:visited,
.menuStyling.iconBefore:active
{
    display: flex;
    flex-direction: row-reverse;
}

.menuStyling.iconAfter:hover,
.menuStyling.iconAfter:visited,
.menuStyling.iconAfter:active
{
    display: flex;
    flex-direction: row;
}

.linkListTitle
{
    flex-grow: 1;
}

#mobile-login-dropdown-title.menuStyling
{
    margin-right: 0.5rem;
    border: none;
    border-right: 1px solid #979797;
    font-size: 0.875rem;
    font-weight: 400;
}

#mobile-login-dropdown-title.menuStyling.iconBefore
{
    display: flex;
    flex-direction: row-reverse;
    padding: 0.4rem 0.4rem 0.4rem 0.4rem;
}

#mobile-login-dropdown-title.menuStyling.iconBefore i
{
    padding-right: 0;
    padding-left: 0.3rem;
    line-height: unset;
}

#mobile-login-dropdown
{
    border: none;
    width: 100%;
    margin: 0;
    left: 0 !important;
}

#mobile-login-dropdown .standardLink
{
    border-bottom: none;
}

/*** jump links css ***/
.jump-links .linkContainer {
    box-shadow: 0px 11px 16px -10px #ccc;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.jump-links.index-list .linkContainer {
    justify-content: space-around;
}

.jump-links.index-list .row
{
    max-width: 60rem;
}

.jump-links p
{
    display: none;
}

.jump-links .linkContainer:before
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.jump-links .linkContainer a.standardLink
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin: 0 1.2rem 0 1.2rem;
    line-height: 1rem;
} 

.jump-links .linkContainer a.standardLink::before, 
a.standardLink.textLink::before {
    display: inline-block;
    content: "";
    font-size: 1.1rem;
    font-weight: 800;
    font-family: "Font Awesome 6 Pro";
    /* padding-right: 0.4rem; */
    text-decoration: none;
    line-height: 0.8;
}

.jump-links .linkContainer a.standardLink::after ,
.jump-links .linkContainer  a.standardLink.textLink::after {
    display: inline-block;
    content: "\f0da";
    font-size: 1.1rem;
    font-weight: 800;
    font-family: "Font Awesome 6 Pro";
    padding-left: 0.4rem;
    text-decoration: none;
    line-height: 0.8;
}

.jump-links.arrow-before-jump-link .linkContainer a.standardLink::before { content: '\f0da'; padding-right: 0.4rem; }
.jump-links.arrow-before-jump-link .linkContainer a.standardLink::after { content: ''; }

.jump-links.hide-arrows .linkContainer a.standardLink::after { content: ''; }
.jump-links.hide-arrows .linkContainer a.standardLink::before { content: ''; }

.jump-links .linkContainer.verticalLinkList a.standardLink { margin-bottom: .8rem; }
.jump-links .linkContainer.verticalLinkList {
    flex-direction: column;
    justify-content: flex-start;
}

/* for NOW need to comment out the last two but will eventually ONLY live here (for most at least) */ 
.skipLink {
    position: absolute;
    left: -5000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* .skipLink:focus {
    position: absolute;
    left: 1px;
    height: auto;
    border: 1px solid white;
    width: 11rem;
    margin-left: 1.125rem;
    padding: 1rem;
} */

/* .quickLinks a.skipLink:hover {
    padding: 1rem;
} */

/* this rule is from hero-marquee.css for now THIS ONE IS WEIRD - but needed for eyefinity*/
.hero-section3 .hero-container {
    height: auto;
    min-height: unset !important;
}

/* Basic styling for the Tertiary button */

.button.tertiary {
    background-color: #2ba6cb;
    color: #0a0a0a;
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
	background-color: transparent;
}

.button.hollow.tertiary {
    border: 1px solid #2ba6cb;
    color: #2ba6cb;
}

.button.disabled.tertiary,
.button.disabled.tertiary:focus,
.button.disabled.tertiary:hover,
.button[disabled].tertiary,
.button[disabled].tertiary:focus,
.button[disabled].tertiary:hover {
    background-color: #2ba6cb;
    color: #0a0a0a;
}

.button.clear.tertiary,
.button.clear.tertiary.disabled,
.button.clear.tertiary:focus,
.button.clear.tertiary:focus.disabled,
.button.clear.tertiary:focus[disabled],
.button.clear.tertiary:hover,
.button.clear.tertiary:hover.disabled,
.button.clear.tertiary:hover[disabled],
.button.clear.tertiary[disabled] {
    border-color: transparent;
}

.button.tertiary:focus, .button.tertiary:hover {
    background-color: #2285a2;
    color: #0a0a0a;
}

a span.visually-hidden {
    visibility: hidden;
    /*display: inline-flex;*/
    width: 0;
    height: 0;
    margin: 0;
} 

/******************************   Media queries start here  ***************************/

@media screen and (max-width: 39.9375em)
{
    .button
    {
        text-shadow: none;
        font-size: 1rem;
        padding:0.8rem 1.6rem;
        margin: 0 0 1rem 0;
    }


    .centerComponentContent .button:first-child,
    .cardGrid .button:first-child    {
        margin-left: 0;
    }
    
    /*** jump links css ***/
    .jump-links
    {
        padding: 1rem 0 0 0;
    }

    .jump-links .linkContainer a.standardLink
    {
        margin: 0 1.2rem 1rem 1.2rem;
    }
    
    .linkContainer .fa, .linkContainer .far, .linkContainer .fab, .linkContainer .fas, .linkContainer .fal,
    .quickLinks .fa, .quickLinks .far, .quickLinks .fab, .quickLinks .fas, .linkContainer .fal {
        padding: 0 0.25em 0 0;
        width: auto;
    }
    
    .linkContainer .standardLink {
        margin-bottom: 0.75rem;
    }

}

@media screen and (max-width: 63.9375em) {
    /*** jump links css ***/
    .jump-links
    {
        padding: 1rem 0 0 0;
    }

    .jump-links .linkContainer .standardLink:last-child
    {
        margin-bottom: 0;
    }

    .jump-links .linkContainer
    {
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .jump-links p
    {
        display: block;
        text-align: center;
        margin-bottom: 1rem;
    }

    .jump-links .linkContainer a.standardLink
    {
        display: block;
        align-items: center;
        justify-content: center;
        margin: 0 0 1.5rem 0;
        line-height: 1rem;
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1024px) and (orientation: landscape)
{

    .button
    {
        text-shadow: none;
        font-size: 1rem;
    }

}

@media only screen and (min-width: 64em) {
    .jump-links .linkContainer {
        padding-top: 2rem; 
    }
    .jump-link-border {
        padding-top: 0;
    }
    
    .jump-links .linkContainer a.standardLink {
        display: block;
    }
}