/*#region Home Icons */

.optometry-home-icons {}

.optometry-home-icons__item {
    flex-basis: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 0px;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

.optometry-home-icons__item:hover .optometry-home-icons__icon {
    transform: scale(1.05);
}

.optometry-home-icons__icon {
    max-height: 120px !important;
    margin-bottom: 20px;
    transition: transform .2s;
    width: auto !important;
}

.optometry-home-icons__heading {
    text-align: center;
    margin-top: auto;
    text-transform: uppercase;
    border-top: 3px solid #80BC00;
    border-bottom: 3px solid #80BC00;
    padding: 20px 0;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 600 !important;
}

.optometry-home-icons__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


@media all and (min-width:700px) {
    .optometry-home-icons__item {
        padding: 20px 20px 20px 0;
    }

    .optometry-home-icons__item:last-child {
        padding-right: 0;
    }

    .optometry-home-icons {
        display: flex;
        flex-wrap: wrap;
    }
}

@media all and (min-width:800px) {}

@media all and (min-width:1024px) {
    .optometry-home-icons__heading {
        font-size: 30px;
    }

    .optometry-home-icons__item {
        padding: 70px 70px 70px 0;
    }

    .optometry-home-icons__item:last-child {
        padding-right: 0;
    }

    .optometry-home-icons__icon {
        max-height: 160px !important;
    }


}



/*#endregion Home Icons */

/*#region Home Facts Slideset */

.optometry-home-facts-slideset {
    margin-top: 40px;
    background-color: #F1F1F1;
}

.optometry-home-facts-slideset .uk-panel {
    padding: 30px 30px;
    box-sizing: border-box;
}

.optometry-home-facts-slideset .uk-margin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.optometry-home-facts-slideset li:nth-child(odd) .uk-panel {
    background-color: #006241;
    color: #fff;
}

.optometry-home-facts-slideset li:nth-child(odd) .optometry-home-facts-slideset__copy-container {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.optometry-home-facts-slideset li:nth-child(odd) .optometry-home-facts-slideset__copy {
    color: #fff;
}

.optometry-home-facts-slideset li:nth-child(even) .uk-panel {
    background-color: #DEE7BC;
    color: #006241;
}

.optometry-home-facts-slideset li:nth-child(even) .optometry-home-facts-slideset__copy-container {
    border-top: 2px solid #006241;
    border-bottom: 2px solid #006241;
}

.optometry-home-facts-slideset__copy-container {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optometry-home-facts-slideset__copy {
    padding: 10px 10px;
    font-size: 1.5em !important;
}

/*#endregion Home Facts Slideset */


/*#region Home Slideshow */


.optometry-home-banner-slideshow .uk-overlay-panel {
    max-width: 1280px;
    margin: 0 auto !important;
}

.optometry-home-banner-slideshow__caption-emphasis-copy {
    font-size: 2.7em;
    font-weight: 600;
    color: #1E6B52;
    line-height: 1em;
    text-transform: uppercase;
}

.optometry-home-banner-slideshow__caption-emphasis-img {
    display: block;
    margin-top: 10px;
}

.optometry-home-banner-slideshow .uk-cover-background {
    background-position: 70% 0;
}

.optometry-home-banner-slideshow__caption-emphasis-link {
    display: block;
    font-size: 1.2em !important;
}

.optometry-home-banner-slideshow__caption-emphasis {
    width: 300px;
    position: absolute;
    left: 50%;
    padding: 0 20px;
    background-color: rgba(255, 255, 255, .95);
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translateX(-50%);
}


@media all and (min-width:700px) {
    .optometry-home-banner-slideshow__caption-emphasis {
        left: 120px;
        transform: none;
    }
}

.optometry-home-banner-slideshow__caption-standard {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1E6B52;
    text-align: left;
    padding: 0 20px;
}


.optometry-home-banner-slideshow__caption-standard:before {
    background-color: #1E6B52;
    width: 1000px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1000px;
    display: block;
    content: '';
}

.optometry-home-banner-slideshow__caption-standard-copy {
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 10px 0 !important;
    line-height: 1.1em;
}

.optometry-home-banner-slideshow__caption-standard-link {
    color: #DEE7BC !important;
    font-size: 1.1em;
 
    line-height: 1.1em !important;
    margin: 0 0 10px 0;
    min-width: 100px;
    display: inline-block;
}

@media all and (min-width:700px) {
    .optometry-home-banner-slideshow__caption-standard {
        display: flex;
        align-items: center;
        padding: 0 40px;

    }

    .optometry-home-banner-slideshow__caption-standard-link {
        margin: 0 0 0 15px;
        font-size: 1.2em;
    }


}

@media all and (min-width:1024px) {
    .optometry-home-banner-slideshow__caption-standard-copy {
        font-size: 1.7em;
    }

    .optometry-home-banner-slideshow__caption-standard-link {
        font-size: 1.2em;
    }
}

.optometry-home-banner-slideshow .uk-slidenav-position .uk-slidenav {
    display:block !important;
}

.optometry-home-banner-slideshow .uk-slidenav-previous:before,
.optometry-home-banner-slideshow .uk-slidenav-next:before {
    color:#fff;
}


/*#endregion Home Slideshow*/



/*BEGIN Eye Care */


/*BEGIN Eye Care Services Interior Banner */

.eyeCareClinicBanner {
    min-height: 150px;
    background-size: cover;
    background-position: left;
    position: relative;
    width: 100%;
    display: table;
}

.eyeCareClinicBannerCopy h1 {
    color: #fff;
}

@media all and (min-width:1024px) {
    .eyeCareClinicBanner {
        background-image: url("/optometry/home/images/banners/OPT_interior_eye_care_banner.jpg");
    }
    .eyeCareClinicBannerCopy {
        display: table-cell;
        vertical-align: middle;
        padding-left: 30px;
    }
    .eyeCareClinicBannerCopy h1 {
        font-size: 50px !important;
        margin: 0 !important;
    }
}

@media all and (max-width:1024px) {
    .eyeCareClinicBanner {
        background-image: url("/optometry/home/images/banners/eye_care_services/interior_eye_care_banner_768.jpg");
        min-height: 250px;
    }
    .eyeCareClinicBannerCopy {
        text-align: center;
        padding: 20px;
    }
    .eyeCareClinicBannerCopy h1 {
        display: inline-block !important;
        font-size: 50px !important;
    }
}

@media all and (max-width:768px) {
    .eyeCareClinicBanner {
        background-image: url("/optometry/home/images/banners/eye_care_services/interior_eye_care_banner_420.jpg");
        min-height: 300px;
    }
    .eyeCareClinicBannerCopy h1 {
        display: inline-block !important;
        font-size: 55px !important;
    }
}

@media all and (max-width:520px) {
    .eyeCareClinicBanner {
        background-image: url("/optometry/home/images/banners/eye_care_services/interior_eye_care_banner_420.jpg");
        min-height: 250px;
    }
    .eyeCareClinicBannerCopy h1 {
        display: inline-block !important;
        font-size: 40px !important;
    }
}

/*END Eye Care Services Interior Banner */
/**BEGIN Banner**/
.soop--appointment-btn {
    color: #0C4332;
    background: #88C408;
    border-radius: 20px;
    padding: 5px 30px;
    font-weight: 600;
    font-size: 1.5em;
    border: 1px #88C408 solid;
    text-decoration:none;
}

a.soop--appointment-btn {
    border-bottom: none !important;
}

.soop--appointment-btn:hover {
    background: #fff !important;
    box-shadow: none !important;
    border: 1px solid #0C4332 !important;
     text-decoration:none;
}

.soop--phone-text {
    background: #F0F0F0;
    padding: 10px 50px;
}

.soop--phone-text p {
    color: #0c4332;
    font-size: 1.3em;
    font-weight: 600;
    text-align: right;
    margin:0;
   
}

.soop--phone-text p strong {
    font-weight: 700;
}

.soop--phone-text a {
    text-decoration:none;
}

.soop--eye-care-wk img.uk-border-circle {
    background: #88C408 !important;
    margin: 2em auto !important;
}

.soop--eye-care-wk h3 {
    font-family: proxima-nova, sans-serif !important;
    text-align: center;
    color: #0F3B2D !important;
    font-weight: 600 !important;
    font-size: 21px;
}

.soop--eye-care-wk .uk-card-primary.uk-card-hover:hover {
    background: #deefdf;
    border-radius: 5px;
}


.soop--eye-care-wk .uk-border-circle {
    border-radius: 50% !important;
}

.soop--eye-care-wk .uk-text-center {
    padding: 0 2em;
}

@media screen and (max-width:768px) {
    .soop--eye-care-wk img.uk-border-circle {
        width: 50%;
    }

}

@media screen and (max-width:810px) {
    .soop--phone-text p {
        text-align: center;
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width:960px) {
    .soop--appointment-btn {
        font-size: inherit;
    }
}

@media screen and (max-width: 426px) {
    .soop--appointment-btn {
        padding: 3px 12px;
    }
}

/**END Banner**/
/**BEGIN Intro**/
.soop--twoCol-container {
    display: flex;
    gap: 1em;
    padding: 4em 0;
    box-sizing: border-box;
}

.soop--twoCol-container .leftCol {
    width: 70%;
    padding: 0 5em 0 0;
    box-sizing: border-box;
}

.soop--intro-heading {
    font-weight: 600 !important;
    letter-spacing: 1px;
    font-family: proxima-nova, sans-serif !important;
    font-size: 1.8em;
    padding-bottom: 0.5em;
}

.soop--twoCol-container .rightCol {
    width: 36%;
}

.soop--twoCol-container .rightCol .rightCol-links {
    border-top: 15px solid #0F3B2D;
    padding: 20px;
    box-sizing: border-box;
}

.soop--twoCol-container .rightCol .rightCol-links ul {
    list-style-type: none;
}

.soop--twoCol-container .rightCol .rightCol-links ul>li>a {
    color: #0F3B2D !important;
    font-size: 18px;
    font-weight: 600 !important;
    border-bottom: none !important;
    padding:10px 0;
    display:block;
}

@media screen and (max-width: 1024px) {
    .soop--twoCol-container {
        flex-direction: column;
    }

    .soop--twoCol-container .leftCol,
    .soop--twoCol-container .rightCol {
        width: 100%;
    }
}

/**END Intro**/
/*BEGIN Specialities & Services**/
.soop--specialities-box {
    display: flex;
    background: #0F3B2D;
}

.soop--specialities-box .imageCol {
    width: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 400px;
}

.soop--specialities-box .listCol {
    width: 35%;
    padding: 2em 4em;
    background: #0F3B2D;
    box-sizing: border-box;
}

.specialities-heading {
    position: relative;
}

.specialities-heading h3 {
    font-family: proxima-nova, sans-serif !important;
    color: #fff;
    padding-bottom: 1em;
}

.specialities-heading h3::after {
    width: 100px;
    height: 5px;
    background-color: #fff;
    content: '';
    position: absolute;
    left: 0;
    top: 80%;
}

.soop--specialities-box ul {
    color: #fff;
    list-style-type: none;
    margin-left: 0;
    margin-top: 0.5em;
    padding:0;
}

.soop--specialities-box ul li {
    margin-bottom: 0.1em !important;
}

@media screen and (max-width: 1247px) {
    .soop--specialities-box .imageCol {
        width: 60%;
    }

    .soop--specialities-box .listCol {
        width: 40%;
    }
}

@media screen and (max-width: 1024px) {
    .soop--specialities-box {
        flex-direction: column;
    }

    .soop--specialities-box .imageCol,
    .soop--specialities-box .listCol {
        width: 100%;
    }
}

@media screen and (max-width: 445px) {
    .soop--specialities-box .listCol {
        padding: 2em 1.5em;
    }
}

/**END Specialities & Services**/
/**BEGIN Newglasses**/
.soop--newglasses-box {
    display: flex;
    background: #F2F2F2;
    margin: 5em 0;
    align-items: center;
}

.soop--newglasses-box .new-glasses-img {
    width: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 300px;
}

.soop--newglasses-box .new-glasses-text {
    text-align: center;
    color: #0F3B2D;
    width: 50%;
    padding: 3em 4em;
    background: #F2F2F2;
    box-sizing: border-box;
}

.soop--newglasses-box .new-glasses-text h2 {
    font-family: proxima-nova, sans-serif !important;
    font-size: 2.5em;
    font-weight: 800 !important;
    color: #0F3B2D;
    text-align: center;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 980px) {
    .soop--newglasses-box {
        flex-direction: column;
    }

    .soop--newglasses-box .new-glasses-img,
    .soop--newglasses-box .new-glasses-text {
        width: 100%;
    }
}

/**END Newglasses**/
/**BEGIN All Clinics**/
.soop--all-clinics h2 {
    text-align: center;
    font-weight: 600 !important;
    font-size: 30px;
}

.soop--all-clinics-links {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    padding: 2em 0;
    box-sizing: border-box;
}

.soop--all-clinics-links div p {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0;
}

.soop--all-clinics-links div a {
    font-size: 1.25em;
    font-weight: 700 !important;
    color: #0F3B2D !important;
    border-bottom: none !important;
    text-decoration:none;
}

@media screen and (max-width: 890px) {
    .soop--all-clinics-links {
        flex-direction: column;
    }
}


/**END All Clinics**/

/*BEGIN UAB Eye Care News */

.soop--eyecare-subfooter {
    align-items: center;
    background-color: #eee;
    display: flex;
    justify-content: center;
}

.soop--eyecare-subfooter-container {
    padding: 1em 4em 1em 4em;
    max-width: 1280px;
}

.soop--eyecare-subfooter-container h2 {
    text-align: center;
    padding: 0.5em 0;
    font-weight: 600 !important;
    font-size: 30px;
}

/*END UAB Eye Care News */


/*END Eye Care */