/*
 Theme Name: Coastal Eye Surgeons Theme
 Template: astra
 Version: 1.0.0
 Text-Domain: Coastal Eye Surgeons
 Author: Vividus
*/

/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Theme Overrides / Global
 * =====================================================================================================================
 */

/* EMBLM STYLES */

.phone-link {color: #ffffff !important}

/* EMBLM STYLES FINISH */


:root {

    --ff-body: Poppins, Verdana, Arial, sans-serif;
    --ff-heading: Poppins, Verdana, Arial, sans-serif;

    --fw-bold: 700;

    --clr-light-blue: #C7E6FF;
    --clr-blue: #2EA2FF;
    --clr-dark-blue: #005BA3;
    --clr-red: #FF7474;
    --clr-white: #ffffff;
    --clr-dark-orange: #9d5a00;
}


h3 {
    color: var(--clr-blue) !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem;
}

h5.uabb-infobox-title {
    color: var(--clr-red);
}

p,
li {
    color: var(--clr-dark-blue) !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem;
}
p strong {
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    color: var(--clr-dark-blue) !important;
}

.ces-2col__divide .fl-col-content {
    border-right: 1px solid var(--clr-light-blue) !important;
}

.ast-primary-header-bar {
    background-color: var(--clr-blue) !important;
}

.ces-menu__phone a.menu-link {
    background: var(--clr-dark-blue) !important;
    color: var(--clr-white) !important;
    padding: 0.25em 0.5em !important;
    border-radius: 1em !important;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Home
 * =====================================================================================================================
 */

.ces-home__hero h1 {
/*     font-size: 3.75rem !important; */
    line-height: 1 !important;
    color: var(--clr-white) !important;
/*    width: 22ch !important;*/
    margin-top: 2em !important;
}

.ces-btn__red .fl-button-wrap a,
a.uabb-button,
/*a.fl-button,*/
input[type="submit"],
button {
    text-transform: uppercase !important;
    color: var(--clr-white) !important;
    background-color: var(--clr-red) !important;
    font-size: 1.125rem !important;
    font-weight: var(--fw-bold) !important;
    line-height: 1.75rem !important;
    letter-spacing: 0.05em !important;
    border-color: var(--clr-red) !important;
}
.ces-btn__red .fl-button-text {
    color: var(--clr-white) !important;
}

.ast-builder-menu-mobile button {
    background-color: var(--clr-white) !important;
}
.ast-builder-menu-mobile .ast-icon {
    color: var(--clr-dark-blue) !important;
}

.ces-home__float .fl-row-content-wrap {
    background-color: var(--clr-white) !important;
    border-radius: 2em;
    margin-top: -25em;
}
.ces-home__float h2 {
    color: var(--clr-blue) !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem;
}
.ces-home__float p strong {
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    color: var(--clr-dark-blue) !important;
}
.ces-home__float p,
.ces-home__float li {
    color: var(--clr-dark-blue) !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem;
}
/*.ces-home__float ul {
    list-style: none;
}
.ces-home__float ul li:before {
    content: "\e901";
    font-family: "Astra";
    padding: 0 10px 0 0;
}*/
.ces-home__float img {
    border-radius: 1em;
}

.ces-home__blue-stripe .fl-row-content-wrap {
    margin-bottom: 0;
}
.ces-home__blue-stripe img {
    border-radius: 1em;
}
.ces-home__blue-stripe .uabb-infobox-content {
    color: var(--clr-white) !important;
}
.ces-home__blue-stripe h3 {
    color: var(--clr-white) !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem5
}
.ces-home__blue-stripe h5 {
    color: var(--clr-white) !important;
    font-size: 1rem !important;
    line-height: 1;
    margin-bottom: 2em !important;
}
.ces-home__blue-stripe p {
    color: var(--clr-white) !important;
    font-size: 1rem !important;
    line-height: 1;
}

.ces-home__grey-stripe .fl-row-content-wrap {
    margin-bottom: 0;
}
.ces-home__grey-stripe img {
    border-radius: 1em;
}
.ces-home__grey-stripe .uabb-infobox-content {
    color: var(--clr-blue) !important;
}
.ces-home__grey-stripe h3 {
    color: var(--clr-blue) !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem;
}
.ces-home__grey-stripe h5 {
    color: var(--clr-dark-blue) !important;
    font-size: 1rem !important;
    line-height: 1;
    margin-bottom: 2em !important;
}
.ces-home__grey-stripe p {
    color: var(--clr-dark-blue) !important;
    font-size: 1rem !important;
    line-height: 1;
}

.ces-info__link h3.uabb-infobox-title {
    margin-bottom: 1em !important;
}
.ces-info__link p:last-of-type {
    margin-bottom: 2em !important;
}
.ces-info__link .uabb-creative-button-wrap a {
    border-radius: 1em !important;
}
.ces-info__link .uabb-button-wrap a {
    text-transform: uppercase !important;
    color: var(--clr-white) !important;
    background-color: var(--clr-red) !important;
    font-size: 1.125rem !important;
    font-weight: var(--fw-bold) !important;
    line-height: 1.75rem !important;
    letter-spacing: 0.05em !important;
    border-color: var(--clr-red) !important;
}

.ces-home__infobox-end .uabb-infobox-text p a {
    color: var(--clr-white) !important;
    font-weight: 500 !important;
}

.ces-home__footer .fl-col-content {
    background-color: var(--clr-blue) !important;
    border-radius: 1em !important;
    padding: 1em;    
}
.ces-home__footer .fl-row-content-wrap {
    padding-top: 5em;
    padding-bottom: 10em;
}
.ces-home__footer .fl-photo-content img {
    border-radius: 1em !important;
}
.ces-home__footer h3,
.ces-home__footer p {
    color: var(--clr-white) !important;
}
.ces-home__footer p {
    margin-bottom: 0 !important;
}
.ces-home__footer .fl-module-content {
    margin-bottom: 0;
}




/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Content
 * =====================================================================================================================
 */

.ces-content__hero h1.fl-heading {
/*     font-size: 3.75rem; */
    line-height: 1;
    color: var(--clr-white);
}

.ces-content__infobox p {
    margin-bottom: 1em !important;
}

.ces-content__infobox ul,
.ces-content__infobox ol {
    margin: 0 0 1.5em 3em !important;
}

.ces-content__infobox .fl-module-content a,
.ces-content__infobox .fl-module-content a:hover,
.ces-content__infobox .fl-module-content a:visited,
.ces-content__infobox .fl-module-content a:focus {
    text-decoration: underline !important;
    color: var(--clr-dark-orange) !important;
}

.ces-content__cta .fl-row-content-wrap {
    background-color: paleturquoise;
}

.ces-content__cta-infobox .uabb-infobox-button a {
    background-color: var(--clr-dark-blue);
    border-color: var(--clr-dark-blue);
}
.ces-content__cta-infobox .uabb-infobox-button a .uabb-button-text {
    text-transform: uppercase;
    color: var(--clr-white);
    font-size: 1rem;
    line-height: 1.5;
    padding: 1em 2.5em;
    font-weight: var(--fw-semibold);
}

.ces-content__cta-infobox ul,
.ces-content__cta-infobox ol {
    margin: 0 0 1.5em 3em !important;
}

.ces-content__cta-infobox .fl-module-content a,
.ces-content__cta-infobox .fl-module-content a:hover,
.ces-content__cta-infobox .fl-module-content a:visited,
.ces-content__cta-infobox .fl-module-content a:focus {
    text-decoration: underline !important;
    color: var(--clr-dark-orange) !important;
}

.ces-content__fullwidth .fl-row-content-wrap {
    background-color: var(--clr-light-blue);
}

.ces-content__cta-infobox {
    /*padding: 5em 0 5em 1em;*/
    padding: 5em 0 1em 1em;
}
.ces-content__cta-infobox p {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1em !important;
    width: 95ch;
}

.fl-row-content-wrap img {
    border-radius: 1em;
}

h4.uabb-infobox-title,
h4 {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    font-weight: 500 !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Blog
 * =====================================================================================================================
 */

ul.viv-port-cat {
    display: inline;
    margin-left: 0.2em !important;
}

.viv-port-cat li {
    list-style: none;
    display: inline;
    margin-left: 0.5em;
    font-weight: 500;
    color: #A794BC;
    text-transform: uppercase;
}
.viv-port-cat li:after {
    content: ' | ';
    margin-left: 0.5em;
}
.viv-port-cat li:last-child:after {
    content: '';
}

ul.viv-blog-cat {
    margin-left: 0.2em !important;
    text-align: center;
}

.viv-blog-cat li {
    list-style: none;
    display: inline;
    margin-left: 0.5em;
    font-weight: 300;
    color: var(--clr-white) !important;
    /*text-transform: uppercase;*/
}
.viv-blog-cat li:first-child:after {
    content: ' | ';
    margin-left: 0.5em;
}
.viv-blog-cat li:after {
    content: ', ';
    margin-left: 0.2em;
}
.viv-blog-cat li:last-child:after {
    content: '';
}

.blogHeaderImg {
    min-height: 60vh;
    width: 100vw;
}

h1.viv-blog-title {
    font-size: 2em;
    color: #fff;
    text-align: center;
    padding: 12% 0 0 0;
}
p.viv-blog-date-cat {
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.viv-cat-blog li {
    color: var(--clr-white);
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Footer
 * =====================================================================================================================
 */

.ces-footer p {
    color: var(--clr-white) !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.ces-footer p a {
    color: var(--clr-white) !important;
    font-weight: 700 !important;
    font-size: 1rem;
    line-height: 1.5rem;
}





/*
 * ---------------------------------------------------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------------------------------
 * Media Queries
 * =====================================================================================================================
 * =====================================================================================================================
 */

/* Astra Fix */
@media all and (max-width: 768px)
{
    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: 95%;
    }
}

/* iPhone 5SE (~320px) */
@media only screen and (min-width: 20em)
{
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
        fill: var(--clr-white) !important;
    }

    header .custom-logo-link img {
        max-width: 100%;
    }

    .ces-home__hero h1 {
        width: auto !important;
    }

    .ces-content__cta-infobox p {
        width: auto;
    }

    .ces-content__cta .fl-row-content-wrap {
        padding-top: 0;
    }

    .ces-content__page .fl-row-content-wrap {
        padding-bottom: 0;
    }
    
    .ast-builder-menu-mobile ul li {
        padding: 1em 0 !important;
    }
}



/* iPad Portrait (~768px) */
@media only screen and (min-width: 48em)
{
    .ces-home__hero .fl-row-content-wrap {
        min-height: 40vh;
    }
}


/* iPad Landscape (~1024px) */
@media only screen and (min-width: 64em)
{
    header .custom-logo-link img {
        max-width: 377px;
    }

    .ces-home__hero h1 {
/*        width: 22ch !important;*/
    }
}



/* Laptop MDPI (~1280px) */
@media only screen and (min-width: 80em)
{
    .ast-builder-menu-mobile ul li {
        padding: auto !important;
    }
    
    .ces-home__hero .fl-row-content-wrap {
        min-height: 90vh;
    }

    .ces-content__cta .fl-row-content-wrap {
        padding-top: 130px;
    }

    .ces-content__page .fl-row-content-wrap {
        padding-bottom: 130px;
    }
}


/* HD (~1920px) */
@media only screen and (min-width: 120em)
{
    .ces-content__cta-infobox p {
        width: 95ch;
    }
}