/*
 Theme Name: Racecourse Village Medical Centre Theme
 Template: astra
 Version: 1.0.0
 Text-Domain: racecourse
*/

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

h1 {
  font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
  font-size: 4.588rem !important;
}
h2 {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 2.117rem !important;
    color: #1a328b !important;
}
h3 {
  font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.529rem;
  text-transform: uppercase;
  font-weight: 900;
  color: #161738;
}

.sub-heading p {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.75em;
    color: #1AAFE6;
    margin-bottom: 0;
}

p {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #5A5A5A;
}

h1 strong {
  font-weight: 900;
}

#masthead .site-logo-img img {
  /*height: auto;*/
  max-height: 60px !important;
  width: auto !important;
  max-width: 320px !important;
}

.menu-phone-btn a {
    background-color: #1AAFE6;
    font-weight: 700 !important;
    color: #ffffff !important;
    border-right: 1px solid #ffffff;
    text-align: center;
    min-width: 10em;
}
.menu-phone-btn a .menu-text:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f095';
    margin-right: 0.5em;
}
.menu-book-btn a {
    background-color: #1AAFE6;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: center;
    min-width: 10em;
}
.menu-book-btn a .menu-text:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f271';
    margin-right: 0.5em;
}

.home-hero-hours p {
  font-size: 1.2rem;
}


a.doc-list-btn {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #ffffff !important;
    background: #00b3f9;
    padding: 1em 1em;
    border-radius: 0.5em;
    margin: 0 auto;
    width: auto;
    text-align: center;
    text-transform: uppercase;
}

footer a, footer p, .fl-icon i {
    color: #ffffff !important;
}

.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar {
    background: rgba(255,255,255, 0.9) !important;
}

.text-html-custom-menu-item .mobile-add {
    display: none;
}

/*.ast-button-wrap .menu-toggle .menu-toggle-icon:before {
    content: url(/wp-content/uploads/2020/04/cc-mobile-menu-001.png);
}*/

.cs-btn-w-bg, .cs-btn-w-bg {
    display: none;
}

.uabb-modal-close.uabb-close-custom-top-right {
    display: none;
}

.fl-builder-content-332 {
	display: none !important;
}

.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
    max-width: 300px !important;
}



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

.home-hero h1 {
  color: #ffffff !important;
  line-height: 1;
}
.home-hero h3 {
  color: #ffffff !important;
}

.home-hero-hours h3 {
  color: #ffffff !important;
}
.home-hero-hours p {
  color: #ffffff;
}

.cc-home-header-text h1 {
    font-size: 4rem !important;
}

.cs-btn-w-bg a.fl-button *, .cs-btn-w-bg a.fl-button:visited * {
  color: #333333;
  font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  background: #ffffff;
}


.dr-profile-grid .uabb-team-content {
    background: #1A328B;
}
.dr-profile-grid h3 .uabb-team-name-text a {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.625rem;
    color: #1AAFE6;
}
.dr-profile-grid h3 .uabb-team-name-text a:hover, .dr-profile-grid h3 .uabb-team-name-text a:focus {
    color: #ffffff !important;
}
.dr-profile-grid .uabb-team-desgn-text {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
}

.dr-profile-grid .uabb-team-content {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.uabb-team-wrap h3 a {
    color: #ffffff !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}
.uabb-team-wrap h3 a:hover {
    color: #1db0e6 !important;
}


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

.cor-staff-name h1 {
  font-size: 3rem !important;
  margin-bottom: 0;
}
.cor-staff-name p {
  margin-top: 0;
}


.doc-working-days ul {
    list-style-type: none;
    display: inline;
}
.doc-working-days li {
    display: inline;
    margin-right: 2em;
    padding: 1em 0.7em;
    background: #0ea3da;
    border-radius: 2em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}

.doc-working-days-img ul {
    list-style-type: none;
    display: inline;
    margin: 0 0 1.5em 0;
}
.doc-working-days-img li {
    display: inline;
    margin-right: 1em;
}
.doc-working-days-img img {
    max-width: 7%;
}


.btn-cor-blue a.fl-button {
    padding: 1em 2em !important;
}
.btn-cor-blue a.fl-button .fl-button-text {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #ffffff;
}
.btn-cor-white a.fl-button .fl-button-text {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #1aafe6;
}

.cor-services-list .uabb-infobox {
    padding: 5% 15%;
}
.cor-services-list .uabb-infobox-title {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1A328B;
}
.cor-services-list .fl-module-content {
    margin: 0 auto;
}

.cor-duo-btn .uabb-btn-one-text, .cor-duo-btn .uabb-btn-two-text {
    font-family: 'Red Hat Display', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: bold !important;
    padding-top: 1em;
    padding-bottom: 1em;
}

.cc-header-icon-link a p, .cc-header-icon-link p {
    color: #ffffff;
}



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

footer p, footer i {
  margin-bottom: 0;
  color: #ffffff;
}
footer p a {
  color: #ffffff;
}
footer p a:hover {
  color: lightgray;
}






/*
 * ---------------------------------------------------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------------------------------
 * Media Queries
 * =====================================================================================================================
 * =====================================================================================================================
 */
 
 
 /* Astra fix */
@media (max-width: 768px)
{
    .fl-icon i:before {
        font-size: 15px !important;
    }
}
 

/* iPhone 5/SE (~320px) */
@media only screen and (min-width: 20em)
{
    .doc-list-btn {
        display: none;
    }
    
    .text-html-custom-menu-item .mobile-add {
        display: none;
    }
    .text-html-custom-menu-item .mobile-add i {
        font-size: 2rem;
    }

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

    .cc-home-header-text h1 {
        font-size: 2.5rem !important;
    }

    .cc-home-hero .fl-row-content-wrap {
        background-position: 65% 70%;
    }

    .dr-profile-grid .uabb-team-desc a {
        display: none;
    }
}



/* iPad Portrait (~768px) */
@media only screen and (min-width: 48em)
{


}


/* iPad Landscape (~1024px) */
@media only screen and (min-width: 64em)
{
    .doc-list-btn {
        display: none;
    }

    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: 90vw;
    }

    .cc-home-about-row .fl-row-content-wrap {
        background-position: center center;
    }

    .cc-home-doctor-grid .fl-col-small:not(.fl-col-small-full-width) {
        width: 50%;
    }

    .cc-home-hero .fl-row-content-wrap {
        background-position: 100% 70%;
    }
}



/* Medium DPI Laptop (~1280px) */
@media only screen and (min-width: 80em)
{
    .cc-home-doctor-grid .fl-col-small:not(.fl-col-small-full-width) {
        width: 25%;
    }

    /*.cc-header-icon-link .fl-module-content {
        margin-left: 25%;
    }*/

    .cc-home-header-text h1 {
        font-size: 4rem !important;
    }

    .dr-profile-grid .uabb-team-desc a {
        display: none !important;
    }

    .home-hero-hours .fl-module-content {
        margin-left: 0;
    }
    .cc-header-icon-link .fl-module-content {
        margin-left: 0;
    }
    
    #masthead .ast-container {
        padding: 0 !important;
    }
}



/* HiDPI Laptop */
@media only screen and (min-width: 90em)
{
    .home-hero-hours .fl-module-content {
        margin-left: 8%;
    }
    .cs-btn-w-bg .fl-module-content {
        margin-left: -20%;
    }
    
    .page-id-14 .cs-btn-w-bg .fl-module-content {
        margin-left: 6%;
    }

    .cc-home-about-row .fl-row-content-wrap {
        background-position: left top;
    }

    .cc-header-icon-link .fl-module-content {
        margin-left: 8%;
    }
    
    .cc-home-about-row .fl-row-content-wrap {
        background-position: right top;
    }
    
    #masthead .ast-container {
        padding: 0 0 0 35px !important;
    }

}



/* Low Tier Office Monitor (~1680px) */
@media only screen and (min-width: 105em)
{
    .home-hero-hours .fl-module-content {
        margin-left: 25%;
    }
    .cc-header-icon-link .fl-module-content {
        margin-left: 25%;
    }
    
    .cc-home-about-row .fl-row-content-wrap {
        background-position: left top;
    }
}



/* HD Monitor */
@media only screen and (min-width: 119em)
{
    .home-hero-hours .fl-module-content, .cs-btn-w-bg .fl-module-content {
        margin-left: 25%;
    }
    .page-id-14 .cs-btn-w-bg .fl-module-content {
        margin-left: 6%;
    }
    
    .text-html-custom-menu-item .mobile-add {
        display: none;
    }

    .home-hero-hours .fl-module-content {
        margin-left: 25%;
    }
    .cc-header-icon-link .fl-module-content {
        margin-left: 25%;
    }
}