/* Custom styles go here */

@import url('https://fonts.googleapis.com/css?family=Lato|Neuton|Open+Sans');

#main_content, .wsc_sidebar_skin, #banner {
    background-color: transparent;
}

/* ------- for A11y -------  */
a#skip {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

    a#skip:focus, a#skip:active {
        position: static !important;
        clip: auto;
        overflow: visible;
        height: auto;
    }

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px1px1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* adds fis logo into the black admin bar and Lisa_ControlBar.css */
.ServiceIcon.professional {
    background: url(../img/fis_logo.png) no-repeat;
    margin-top: 6px;
    border: none;
    border-bottom: none !important;
}
/* Note that Admin has folder named "images" instead so it will be background: url(./images/fis_logo.png) no-repeat;*/

#ControlNav > li > a {
    color: #f2f2f2; /*#999*/
}

.subNav dl a {
    color: #f2f2f2; /*#aaa*/
}

.subNav.advanced dl a {
    color: #f2f2f2; /*#aaa*/
}

#ControlBar_SiteSelector p, #ControlBar_LanguageSelector p {
    color: #f2f2f2; /*#555*/
}

#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a {
    color: #f2f2f2; /*#999*/
}

#ControlBar_CustomMenuItems > li ul li a, #ControlActionMenu > li ul li a {
    color: #f2f2f2; /*#aaa*/
}

#ControlEditPageMenu > li > a {
    color: #f2f2f2; /*#999*/
}

#ControlEditPageMenu > li ul li a {
    color: #f2f2f2; /*#aaa*/
}

#ControlEditPageMenu li label {
    color: #f2f2f2; /*#999*/
}

/*Style Switcher */
.wsc_switcher_control {
    display: none;
    visibility: hidden;
}


/*********************************** Misc Pane Modifications ***********************************/

#dnn_ContentPane {
    background: white;
    margin-top: 5%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #header {
        background-color: #ffffff !important;
    }
}

/*  (inner pages, makes space for the BG image to show thru)  LH-?? */
.ColorPanes4 {
    padding: 2% 0 0 0;
    /*margin-bottom: -20px!important;*/
}
/*  (inner page)  */

#dnn_olbPane {
    margin-top: 5%;
}

#dnn_leftContentPane {
    margin-top: 5%;
    margin-bottom: 5%;
}

#dnn_rightContentPane {
    margin-top: 3%;
    min-height: 250px;
}

@media screen and (min-device-width:1200px) {
    #dnn_rightContentPane {
        min-height: 250px;
    }
}
/*  (home page)  */
#dnn_homepageOLB, #dnn_homepageRotator {
    margin-bottom: 1%;
    margin-top: 5%;
}

#dnn_homepageLeft, #dnn_homepageRight {
    margin-bottom: 1%;
    margin-top: 2%;
}

.menu_classic .menu_wrap .nav > li {
    font-size: 1.30rem;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .menu_classic .menu_wrap .nav > li {
        font-size: unset;
    }
}
/*********************************** Rotator ***********************************/
.dnnActions li a {
    color: inherit;
    text-shadow: none;
}

#dnn_homepageRotator {
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-align: left;
}

.rotatorSmBlack {
    color: #000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorMedBlack {
    color: #000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorLgBlack {
    color: #000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorSmWhite {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.rotatorMedWhite {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.rotatorLgWhite {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.rotatorSmGreen {
    color: #00833f;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorMedGreen {
    color: #00833f;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorLgGreen {
    color: #00833f;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .rotatorSmWhite, .rotatorSmBlack, .rotatorSmGreen {
        font-size: 1.25em;
        line-height: 1em;
    }

    .rotatorMedWhite, .rotatorMedBlack, .rotatorMedGreen {
        font-size: 2em;
        line-height: 1em;
    }

    .rotatorLgWhite, .rotatorLgBlack, .rotatorLgGreen {
        font-size: 3.54em;
        line-height: 1em;
        margin-top: -5%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .rotatorSmWhite, .rotatorSmBlack, .rotatorSmGreen {
        font-size: 1.75em;
        line-height: 1em;
    }

    .rotatorMedWhite, .rotatorMedBlack, .rotatorMedGreen {
        font-size: 2.5em;
        line-height: 1em;
    }

    .rotatorLgWhite, .rotatorLgBlack, .rotatorLgGreen {
        font-size: 4em;
        line-height: 1em;
        margin-top: -5%;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .rotatorSmWhite, .rotatorSmBlack, .rotatorSmGreen {
        font-size: 2em;
        line-height: 1em;
    }

    .rotatorMedWhite, .rotatorMedBlack, .rotatorMedGreen {
        font-size: 3em;
        line-height: 1em;
    }

    .rotatorLgWhite, .rotatorLgBlack, .rotatorLgGreen {
        font-size: 4.5em;
        line-height: 1em;
        margin-top: -5%;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .rotatorSmWhite, .rotatorSmBlack, .rotatorSmGreen {
        font-size: 2.25em;
        line-height: 1em;
    }

    .rotatorMedWhite, .rotatorMedBlack, .rotatorMedGreen {
        font-size: 3.25em;
        line-height: 1em;
    }

    .rotatorLgWhite, .rotatorLgBlack, .rotatorLgGreen {
        font-size: 5em;
        line-height: 1em;
        margin-top: -5%;
    }
}

a.rotatorButton {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    color: #ffffff;
    font-size: 1.5em;
    background: #e20000;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: normal;
    /*	border: 1px solid #8E0000;*/
}

    a.rotatorButton:hover {
        background: #8E0000;
        text-decoration: none;
        color: #ffffff;
        font-weight: normal;
    }
/*********************************** Quicklinks ***********************************/

.qlHeader {
    font-size: 2em;
    color: #000;
    padding-top: 2%;
    margin-bottom: 1%;
    font-family: 'Lato', sans-serif; /*  make this match your main site's styles  */
    text-align: left;
    padding-left: 5%;
}

.far.fa-clock, .far.fa-newspaper {
    color: #00833f;
}

.qlHeader img {
    margin-right: 12px;
    margin-top: -9px;
}

ul.qlLinks li {
    list-style-type: none;
    font-size: 1.07em;
    line-height: 1.75em;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

    ul.qlLinks li a:link {
        color: #000;
        text-decoration: underline;
        font-size: 1.07em;
    }

    ul.qlLinks li a:hover {
        color: #000;
        text-decoration: underline;
        font-size: 1.07em;
    }

ul.qlLinks {
    list-style: none;
    padding-left: 5%;
}

    ul.qlLinks li {
        padding-left: 30px;
    }
/*********************************** Motto Styles ***********************************/

.mottoText {
    font-family: 'Neuton', serif;
    color: white;
    font-size: 2.5em;
    margin: 2% auto;
    text-align: center;
    line-height: 1.15em;
    letter-spacing: 2px;
    font-style: italic;
}

#dnn_mottoPane p {
    margin: 2% auto;
}
/*********************************** Privacy Policy Styles ***********************************/

.privacyTable {
    border-collapse: collapse;
    width: 100%;
}

    .privacyTable td {
        padding: 1%;
        border: 1px solid #666;
        vertical-align: top;
    }

    .privacyTable th {
        padding: 1%;
        background: #666666;
        font-weight: bold;
        color: white;
        font-size: 1.25em;
        border: 1px solid #666;
    }

th.privacyLeft {
    text-align: left;
}

th.privacyCenter {
    text-align: center;
    font-size: 1em;
}
/* ----------- Locations Page ----------- */

.locs h3 {
    margin-top: 0;
}
/* ----------- Hours Table ----------- */

.hoursTable {
    width: 100%;
}

    .hoursTable th {
        background-color: #8e0000 !important;
        color: #fff;
        font-weight: bold;
        font-size: 1em;
        text-align: center;
    }

    .hoursTable td {
        vertical-align: top;
        border: 1px solid #ccc;
        padding: 3px;
        font-size: .85em;
        text-align: left;
    }
/* ----------- Account Table ----------- */

.acctTable {
    width: 100%;
}

    .acctTable th {
        background-color: #8e0000 !important;
        color: #fff;
        font-weight: bold;
        font-size: 1em;
        text-align: center;
    }

    .acctTable td {
        vertical-align: top;
        border: 1px solid #ccc;
        padding: 3px;
        font-size: 1em;
        text-align: center;
    }

/*********************************** Misc  ***********************************/
.modal-backdrop {
    /* bug fix - no overlay */
    display: none;
}

::selection {
    background: #547e74; /*  changes colour of text when selected  */
}

::-moz-selection {
    background: #547e74; /*  changes colour of text when selected  */
}

.Photo {
    border: 1px solid #000;
    -webkit-box-shadow: #666 1px 4px 6px;
    -moz-box-shadow: #666 1px 4px 6px;
    box-shadow: #666 1px 4px 6px;
    margin: 5px;
}

.disclaimer {
    font-size: .8em;
}

#dnn_rightContentPane ol li, #dnn_rightContentPane ul li {
    margin-left: 40px;
    padding-bottom: 10px;
}

.btn .btn-default {
    background: black;
}

.btn-default {
    border: 1px solid #ccc !important;
}

/* To hide the pane with the custom modal text  */

#noticePopupRow.showOnEdit {
    display: none;
}

.showControlBar #noticePopupRow.showOnEdit {
    display: block;
}

    .showControlBar #noticePopupRow.showOnEdit .Normal p {
        color: white;
        padding: 30px;
    }


/* fixes weird space generic3 adds to the right of the site  */
@media (max-width:1023px) {
    .wsc_generic_skin {
        overflow: hidden;
    }
}
/*********************************** footer links ***********************************/

.footerlinks {
    color: #fff;
    background: #1e1e1e; /* sortsite required a BG colour for ADA */
}

a.footerlinks:link, a.footerlinks:visited {
    color: #fff;
    text-decoration: underline;
    background: #1e1e1e; /* sortsite required a BG colour for ADA */
}

a.footerlinks:hover {
    color: #fff;
    text-decoration: none;
    background: #1e1e1e; /* sortsite required a BG colour for ADA */
}
/******************** Makes footer cols align center when shrunk  ***********************/

#dnn_footerLeft {
    text-align: left;
}

#dnn_footerMiddle {
    text-align: center;
}

#dnn_footerRight {
    text-align: right;
}

@media only screen and (max-width : 990px) {
    #dnn_footerLeft, #dnn_footerMiddle, #dnn_footerRight {
        text-align: center;
        padding-top: 15px;
    }
}

#dnn_footerLeft a, #dnn_footerMiddle a, #dnn_footerRight a {
    color: white;
    background: #1e1e1e; /* sortsite required a BG colour for ADA */
}

    #dnn_footerLeft a.unstyledTel, #dnn_footerMiddle a.unstyledTel, #dnn_footerRight a.unstyledTel {
        color: white !important;
        text-decoration: none;
    }

span#dnn_dnnCopyright_lblCopyright {
    text-align: right !important;
    font-size: inherit; /*1.15rem*/
    float: right;
    margin: auto;
}

.unstyledTel a:link, .unstyledTel a:visited {
    text-decoration: inherit;
    color: inherit;
}

.unstyledTel a:hover, .unstyledTel a:active {
    text-decoration: inherit;
    color: inherit;
}

@media screen and (max-device-width:480px) {
    .unstyledTel {
        text-decoration: underline;
        color: inherit;
    }

    #dnn_FooterThirdLeftPane, #dnn_FooterThirdRightPane, #dnn_FooterThirdLeftPane a, #dnn_FooterThirdRightPane a, #dnn_FooterThirdLeftPane p, #dnn_FooterThirdRightPane p {
        text-align: center;
    }
}