/*
 Theme Name: Northside Gynaecology Theme
 Template: astra
 Version: 1.0.0
 Text-Domain: Northside Gynaecology
*/

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

:root {
    --c-pink: #ef5383;
    --c-pink-acc: #d43868;
    --c-teal: #006c79;
    --c-purple-text: #3d3372;
    --c-purple-bg: #bfd0eb;
    --c-purple-text-white-bg: #594f8e;

    --c-white: #ffffff;
}

body .home .gform_wrapper ul li.gfield {
    margin-top: 0;
}

.home-loc-row strong {
    color: #ef5383;
}

.grecaptcha-badge {
    display: none;
}

.ast-header-breadcrumb {
    display: none !important;
}

.wpdm-link-tpl .ptitle span {
    display: none;
}

.ngyn-home-hero .fl-row-content-wrap {
    background-position: center 50% !important;
}

.ngyn-above-header-menu a.fl-button {
    padding-top: 10px;
    padding-bottom: 10px;
}

.uabb-team-name-text a {
    color: #ef5383;
}

.gform_footer input[type="submit"] {
    padding: 20px 50px;
    font-family: 'Nunito Sans', Arial, Helvetica, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}
a.fl-button .fl-button-text {
    font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 800;
}

a.fl-button {
    padding: 25px 50px !important;
    margin-bottom: 1em !important;
}

.ngyn-btn__pink a.fl-button {
    background-color: var(--c-pink) !important;
    border: 1px solid var(--c-pink) !important;
}

nav.post-navigation {
    display: none;
}

.gform_button {
    background-color: var(--c-pink) !important;
    border: 1px solid var(--c-pink) !important;
    border-radius: 10px !important;
    color: var(--c-white) !important;
}
.gform_button:hover {
    background-color: transparent !important;
    color: var(--c-pink) !important;
}

.ngyn-accordion__form .uabb-adv-accordion-button {
    background-color: var(--c-teal) !important;
}
.ngyn-accordion__form .uabb-adv-accordion-button-label {
    color: var(--c-white) !important;
}
.ngyn-accordion__form i.uabb-adv-accordion-button-icon {
    color: var(--c-white) !important;
}

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-family: 'Barlow Condensed', 'Helvetica', Arial, serif;
    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-family: 'Barlow Condensed', 'Helvetica', Arial, serif;*/
    font-family: 'Barlow', 'Helvetica', Arial, serif;
    font-weight: 300;
    color: #fff;
    /*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-family: 'Barlow Condensed', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.search h1, .search h2 a {
    font-family: 'Nunito', Verdana, Arial, Helvetica, sans-serif !important;
}

.w3eden .btn-primary {
    background-color: #ef5383;
}
.w3eden .btn-primary:hover {
    background-color: #006c78;
}
.w3eden .package-title h3, .w3eden a {
    font-family: 'Nunito', Verdana, Arial, Helvetica, sans-serif !important;
    color: #ef5383 !important;
    /*color: #ffffff !important;*/
    font-size: 1.1rem !important;
}

h3.package-title {
    font-family: 'Nunito', Verdana, Arial, Helvetica, sans-serif !important;
    padding-right: 1.5em;
}

.page-id-153 .wpdm-download-link.btn.btn-primary {
    color: #ffffff !important;
}

.wpdmpro-template-default a.wpdm-download-link, .card a.wpdm-download-link {
	color: #ffffff !important;
}

.nsg-btn__pink a.fl-button {
    background: #ef5383 !important;
    border: solid 1px #ef5383 !important;
    padding: 25px 50px !important;
    color: #ffffff !important;
    text-transform: uppercase;
}
.nsg-btn__pink a.fl-button .fl-button-text {
    color: #ffffff !important;
}


.nsg-btn__white a.fl-button {
    background: #ffffff !important;
    border: solid 1px #ffffff !important;
    padding: 25px 50px !important;
    color: #ef5383 !important;
    text-transform: uppercase;
}
.nsg-btn__white a.fl-button .fl-button-text {
    color: #ef5383 !important;
}


.nsg-btn__green a.fl-button {
    background: #006c79 !important;
    border: solid 1px #006c79 !important;
    padding: 25px 50px !important;
    color: #ffffff !important;
    text-transform: uppercase;
}
.nsg-btn__green a.fl-button .fl-button-text {
    color: #ffffff !important;
}


.post-type-archive h1.entry-title {
    display: none;
}

.aiosrs-rating-wrap {
    display: none !important;
}

.pum-close {
	color: #fff !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Hide items
 * =====================================================================================================================
 */

.page-id-5083 #tpbr_topbar,
.page-id-5083 nav.site-navigation {
    display: none !important;
}



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


.nsg-header-text h3 {
    color: #fff !important;
    font-size: 3rem;
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

h2 {
    font-family: 'Nunito Sans', Verdana, Arial, Helvetica, sans-serif !important;
    margin-bottom: 1em !important;
}

h2.no-margin {
    margin-bottom: 0 !important;
}

.nsg-content-header .fl-row-content-wrap {
    min-height: 45vh;
}

.nsg-content-header-short .fl-row-content-wrap {
    background: url(/wp-content/uploads/2019/06/header-texture-001.png) no-repeat;
}

.nsg-content h4 {
    color: #ef5383;
}
.nsg-content .content-title {
    color: #ef5383;
    font-size: 1.1rem;
}

.nsg-content-title .nsg-title-grey {
    color: #939598;
}
.nsg-content-title .nsg-title-after-break {
    padding-left: 0.5em;
}

.nsg-content-cta-title .nsg-title-white {
    color: #fff;
}
.nsg-content-cta-title .nsg-title-white-after-break {
    padding-left: 1.9rem;
    color: #fff;
}
.nsg-content-cta-title p {
    color: #fff;
    font-family: 'Nunito Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.nsg-content-pink h2, .nsg-content-pink p, .nsg-content-pink li {
    color: #fff !important;
}
.nsg-content-pink p a {
    font-weight: 600;
    color: #fff;
}

.nsg-content-lblue h2, .nsg-content-lblue p {
    color: #007884 !important;
}
.nsg-content-lblue p a {
    font-weight: 600;
    color: #007884;
}

.nsg-content-pink-paralax h2 {
    color: #fff !important;
}
.nsg-content-pink-paralax p {
    color: #fff !important;
}

.nsg-content-blue h2, .nsg-content-blue p, .nsg-content-blue li {
    color: #fff !important;
}
.nsg-content-blue h4 {
    color: #fff !important;
    font-size: 1.5rem;
    font-style: italic;
}

.nsg-content-black h2 {
    color: #fff !important;
}
.nsg-content-black h4 {
    color: #ef5383;
}

.nsg-cta-appointment p {
    font-weight: 600;
    padding-top: 2rem;
}
.nsg-cta-appointment p a {
    background-color: #007884;
    padding: 1.5rem;
    color: #fff;
}

.ng-fw-lhs {
    padding: 5% 10% 5% 25%;
}
.ng-fw-rhs {
    padding: 5% 25% 5% 10%;
}

.ng-fw-lhs-btn {
    padding: 0 10% 5% 25%;
}
.ng-fw-rhs-btn {
     padding: 0 25% 5% 10%;
 }

.pink-sub-text, h5 .pink-sub-text {
    color: #ef5383;
}


.ngyn-content-grid {
    height: 40vh;
    min-height: 40vh;
}


.nsg-home-locations strong {
    font-weight: 400;
    font-family: 'Caveat Brush', handwriting, Verdana, Arial, Helvetica, sans-serif;
    text-transform: inherit;
    font-size: 1.4rem;
}

h4.uabb-adv-accordion-button-label {
    font-family: 'Nunito Sans', Verdana, Arial, Helvetica, sans-serif !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Events Calendar
 * =====================================================================================================================
 */

h1.tribe-events-page-title {
    text-transform: uppercase !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Her Wellness Clinic
 * =====================================================================================================================
 */

.ngyn-hwc__two-tone-color {
    text-align: center;
}
.ngyn-hwc__two-tone-color .ngyn-pink-acc {
    color: var(--c-pink-acc) !important;
}
.ngyn-hwc__two-tone-color .ngyn-purple-acc {
    color: var(--c-purple-text-white-bg) !important;
}

.ngyn-hwc__services-row h1,
.ngyn-hwc__services-row h3,
.ngyn-hwc__services-row h3 strong {
    color: var(--c-purple-text) !important;
}
.ngyn-hwc__services-row h3,
.ngyn-hwc__services-row h3 strong {
    font-family: 'Nunito Sans', Verdana, Arial, Helvetica, sans-serif !important;
    margin-bottom: 0.5em !important;
}





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

.footer-links ul {
    text-align: center;
}
.footer-links li {
    display: inline;
    color: #007884;
    font-size: 1.1rem;
    text-transform: uppercase;
}
.footer-links li:after {
    content: " | ";
    margin-right: 1em;
    margin-left: 1em;
}
.footer-links li:last-of-type:after {
    content: "";
}

.footer-grey p {
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
}
.footer-grey p a {
    color: #fff;
    font-weight: 500;
}

.footer-pink p {
    color: #fff;
    font-size: 1rem;
    font-style: italic;
}
.footer-pink p a {
    color: #fff;
    font-weight: 500;
}

footer .ua-icon {
    color: #ef5383;
}
footer .ua-icon:hover {
    color: #fff;
}





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

/* Small phone (iPhone5) ~320px */
@media only screen and (min-width: 20em)
{

    #masthead .site-logo-img .astra-logo-svg {
        width: 190px !important;
        max-width: 190px !important;
    }

    .nsg-above-header {
        display: none;
    }

    .footer-grey p {
        font-size: 0.8em;
    }
    .footer-links li {
        font-size: 0.6em;
    }
    .footer-links li:after {
        content: " | ";
        margin-right: 0.5em;
        margin-left: 0.5em;
    }
    .footer-links ul {
        margin: 0 0;
    }

    .mlt-cta-row .fl-row-content-wrap {
        background-position: center right;
    }

    .nsg-cta-appointment span:before {
        content: "\A";
        white-space: pre;
    }
    .nsg-cta-appointment p a {
        padding: 0.5rem;
    }

    .fl-col-small .fl-module-content {
        margin: 0 20px;
    }

    .home-loc-row .fl-row-content-wrap {
        background-position: left center;
    }

    .nsg-content-title .nsg-title-after-break {
        padding-left: 0;
    }

    .ngyn-content-grid {
        height: auto;
        max-height: auto;
    }

    .ng-fw-lhs, .ng-fw-rhs {
        padding: 5% 5%;
    }

    .nsg-header-text h3 {
        font-size: 2rem;
    }

    .fl-col-small {
        max-width: 95vw;
    }


    .ngyn-hwc__hero-header .fl-row-content-wrap {
        background: url('/wp-content/uploads/2023/03/HWC-BG-Banner-Purple-Flowers-4_001.png') no-repeat top left;
        background-size: cover;
        min-height: 75vh;
    }

    .ngyn-hwc__hero-logo img {
        max-width: 85vw;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .ngyn-hwc__hero-logo .fl-module-content {
        margin-bottom: 0 !important;
    }

    .ngyn-hwc__hero-header .fl-button {
        background-color: var(--c-white) !important;
        border: 2px solid var(--c-pink) !important;
        padding: 1em !important;
        margin: 0 auto !important;
    }
    .ngyn-hwc__hero-header .fl-button .fl-button-text {
        color: var(--c-teal) !important;
        text-transform: uppercase;
    }

    .ngyn-hwc__infobox .uabb-button {
        margin-bottom: 2em !important;
    }

    .ngyn-landing-title .fl-rich-text h1 {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
    .ngyn-landing-title .fl-module-content {
        margin-bottom: 0 !important;
    }

}


/* Tablet (iPad Portrait) ~768px */
@media only screen and (min-width: 48em)
{
    .footer-grey p {
        font-size: 1.1em;
    }

    .footer-links li {
        font-size: 0.8em;
    }

}


/* Tablet (iPad Landscape) ~1024px */
@media only screen and (min-width: 64em)
{
    .nsg-above-header {
        display: block;
    }
    .nsg-ah-social-links {
        width: 15% !important;
        margin-top: 1em;
    }
    .nsg-ah-translate, .nsg-ah-doctors, .nsg-ah-call {
        width: 28.333% !important;
    }

    .footer-links li:after {
        content: " | ";
        margin-right: 0.5em;
        margin-left: 0.5em;
    }

    .footer-links ul {
        margin: 0 0 1.5em 3em;
    }
    .footer-links li {
        font-size: 0.9em;
    }

    .mlt-cta-row .fl-row-content-wrap {
        background-position: center left;
    }

    .nsg-cta-appointment span:before {
        content: "";
    }
    .nsg-cta-appointment p a {
        padding: 1.5rem;
    }
}




/* Low DPI Laptop (~1280px) */
@media only screen and (min-width: 80em)
{
    .ngyn-hwc__hero-logo img {
        max-width: 43vw;
    }

    .ngyn-hwc__services-row h3,
    .ngyn-hwc__services-row h3 strong {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
    }

    .ngyn-landing-title .fl-rich-text h1 {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
        text-align: center !important;
    }
}





/* Laptop screen (~1366px) */
@media only screen and (min-width: 85.375em)
{
    #masthead .site-logo-img .astra-logo-svg {
        width: 278px !important;
        max-width: 278px !important;
    }

    .ngyn-wellness-logo img {
        max-width: 60%;
    }

    .fl-col-small .fl-module-content {
        margin: 20px;
    }

    .home-loc-row .fl-row-content-wrap {
        background-position: right center;
    }

    .nsg-content-title .nsg-title-after-break {
        padding-left: 0.5em;
    }

    .ngyn-content-grid {
        /*height: 40vh;
        max-height: 40vh;*/
        height: 60vh;
        max-height: 60vh;
    }

    .ng-fw-lhs {
        padding: 5% 10% 5% 25%;
    }
    .ng-fw-rhs {
        padding: 5% 25% 5% 10%;
    }

    .nsg-header-text h3{
        font-size: 3rem;
    }

    .fl-col-small {
        max-width: unset;
    }
}





/* Desktop screen ~1700px */
@media only screen and (min-width: 106.25em)
{
    .nsg-ah-social-links {
        width: 49% !important;
        margin-top: 0;
    }
    .nsg-ah-translate {
        width: 15% !important;
    }
    .nsg-ah-doctors {
        width: 16% !important;
    }
    .nsg-ah-call {
        width: 20% !important;
    }

    .footer-links li {
        font-size: 1.1em;
    }

    .ngyn-wellness-logo img {
        max-width: 75%;
    }
}




/* Desktop HD (~1920px) */
@media only screen and (min-width: 120em)
{
    .ngyn-wellness-logo img {
        max-width: 70%;
    }
}




/* Desktop QHD (~2560px) */
@media only screen and (min-width: 160em)
{
    .ngyn-wellness-logo img {
        max-width: 100%;
    }
}