/*
Theme Name: Ark Clinics 2025
Theme URI: https://arkclinics.co.uk
Template: blankslate
Author: Creative Marketing Services
Author URI: https://www.cmsadvertising.co.uk/
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2025.1761559713
Updated: 2025-10-27 10:08:33

*/

/* Navigation */
@import url("css/nav.css");

/* elementor */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated, .elementor-element{
    padding:0 !important;
}
.elementor-widget:not(:last-child){
    margin:0 !important;
}

/* Core */
body{
    font-family: "Lato", sans-serif;
    font-optical-sizing: none;
    font-weight: 300;
    font-style: normal;
    color: #000;
    text-wrap: auto;
    word-break: break-word;
    line-height: 1.3;
}
.container{
    max-width: 1500px;
}
.padding-v {
    padding-top: calc(25px + 2.5%);
    padding-bottom: calc(25px + 2.5%);
}
.padding-h {
    padding-left: calc(15px + 5%);
    padding-right: calc(15px + 5%);
}
.padding-t {
    padding-top: calc(25px + 2.5%);
}
.padding-b {
    padding-bottom: calc(25px + 2.5%);
}
.padding-l {
    padding-left: calc(15px + 5%);
}
.padding-r {
    padding-right: calc(15px + 5%);
}
.background-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* text */
.lato{
    font-family: "Montserrat", sans-serif;
}
.ivy {
  font-family: "ivypresto-display", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
h1, h2, h3{
    font-family: "ivypresto-display", serif;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.2;
}
h2, h3{
    color: #283044;
}
.white-text h2, .white-text h3{
    color: #fff;
}
.blue-text h2, .blue-text h3{
    color: #283044;
}
h1{
    font-size: calc(4em + 2vw);
    margin-bottom: 25px;
}
h2{
    font-size: 3.5em;
}
h3{
    font-size: 2.7em;
}
h4, h5{
    margin-bottom: 15px;
}
h4{
    font-size: 1.7em;
}
h5{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
}
h6{
    font-size: 1.3em;
    margin-bottom: 10px;
}
p, ul, ol{
    padding:0;
    margin-bottom: 15px;
    font-size: 1.2em;
}
ul li, ol li{
    margin-bottom: 5px;
}
ul.list, ol, .health-hub-content ul{
    padding-left:1.5rem;
    list-style: disc;
}
ul.list.checklist li {
  list-style-type: '\2713';
  padding-inline-start: 1ch;
}
ul.list.checklist li::marker {
  color: #f5293d;
  font-weight: 900;
}
ol{
    list-style: decimal;
}
b, strong{
    font-weight: 600;
}
.text-align-left{
    text-align: left;
}
.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}
.white-text{
    color: #fff;
}
.black-text{
    color: #000;
}
.grey-text{
    color: #ededed;
}
.blue-text{
    color: #283044;
}
.red-text{
    color: #f5293d;
}
a{
    text-decoration: none !important;
    transition: .3s ease;
}
.white-text a{
    color: #fff;
}
.blue-text a{
    color: #283044;
}
.red-text a{
    color: #f5293d;
}
.black-text a{
    color: #000;
}
a:hover{
    color: #f5293d;
}
.title-col{
    margin-bottom: 15px;
}
hr{
    opacity: 1;
    margin: 15px 0 !important;
    max-width: 120px;
    height:3px;
    background-color: #000 !important;
    border:none;
}
.text-align-center hr{
    margin:15px auto !important;
}
hr.red{
    background-color: #f5293d !important;
}
hr.white{
    background-color: #fff !important;
}
hr.w-100{
    max-width: 100%;
}

@media (max-width:995px) {
    h1{
        font-size: calc(2em + 1vw);
    }
    h2{
        font-size: 2em;
    }
    h3{
        font-size: 1.6em;
    }
    h4{
        font-size: 1.3em;
    }
    h5{
        font-size: .9em;
    }
    h6{
        font-size: 1.2em;
    }
    p, ul{
        font-size: 1.1em;
    }
}

/* backgrounds */
.white-back{
    background-color: #fff;
}
.black-back{
    background-color: #000;
}
.blue-back{
    background-color: #283044;
}
.grey-back{
    background-color: #ededed;
}
.red-back{
    background-color: #f5293d;
}

/* buttons */
.btn-bttm{
    display: flex;
    flex-direction: column;
}
.btn-bttm .btn{
    margin-top: auto;
    width: fit-content;
}
.btn{
    font-size: 1em;
    padding: 10px 30px !important;
    border-radius: 100px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: .3s ease;
    min-width: 200px;
    display: inline-block;
    margin-top: 5px;
}
.btn.margin-r{
    margin-right:15px;
}
.red-btn, a.red-btn{
    background-color: #f5293d;
    color: #fff;
    border:1px solid #f5293d;
}
.red-btn:hover, a.red-btn:hover{
    background-color: #fff;
    color: #f5293d;
    border:1px solid #f5293d;
}
.white-btn, a.white-btn{
    background-color: #fff;
    color: #000;
    border:1px solid #fff;
}
.white-btn:hover, a.white-btn:hover{
    background-color: #000;
    color: #fff;
    border:1px solid #000;
}
.blue-btn, a.blue-btn{
    background-color: #283044;
    color: #fff;
    border:1px solid #283044;
}
.blue-btn:hover, a.blue-btn:hover{
    background-color: #fff;
    color: #283044;
    border:1px solid #283044;
}

@media (max-width:995px) {
    .btn{
        font-size: .9em;
    }
}

/* Forms */
.wpcf7 label, .wpcf7 span{
    display: block;
}
.wpcf7 span{
    margin-bottom: 15px;
}
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="date"]{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #fff;
    transition: .3s ease;
    display: block;
    width: 100%;
}
textarea:focus-visible, input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, input[type="date"]:focus-visible{
    outline:none;
    background-color: #fff;
    border:1px solid #f5293d;
}
span.wpcf7-spinner{
    display: none;
    vertical-align: middle;
}
form.submitting .wpcf7-spinner{
    display: inline-block;
}
.wpcf7 form .wpcf7-response-output{
    width: fit-content;
}
.form-col p br:last-of-type{
    display: none;
}
.form-col .wpcf7-radio input[type="radio"], .form-col .wpcf7-radio .wpcf7-list-item-label, .form-col .wpcf7-radio .wpcf7-list-item{
    display: inline-block;
    margin-right: 10px;
}
.form-col .wpcf7-radio .wpcf7-list-item-label{
    font-size: 1.05em;
    vertical-align: middle;
    margin-bottom: 0;
}
.form-col .wpcf7-radio input[type=radio] {
    border: 0px;
    height: 1em;
    width: 1em;
    vertical-align: middle;
}

/* Home */
.header-row{
    min-height:65vh;
}
.intro-text{
    padding-left: calc(3% + 15px);
    position: relative;
}
.intro-text.red-left-top::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width:3px;
    height:45%;
    background-color: #f5293d;
}
.rounded{
    border-radius: 25px !important;
}
.accordion-item, .accordion-flush .accordion-item:last-child{
    border-bottom: 1px solid #f5293d;
}
.red-back .accordion-item, .red-back .accordion-flush .accordion-item:last-child{
    border-bottom: 1px solid #283044;
}
.accordion-button, .accordion-item, .accordion-button:not(.collapsed){
    background-color: transparent;
    color: #fff;
}
.accordion-button:focus,.accordion-button:not(.collapsed){
    box-shadow: none;
}
.accordion-item h3{
    margin-bottom: 0;
    padding-right: 1.25rem;
}
.accordion-body {
    border-top: #fff 1px solid;
}
.accordion-body p:last-of-type{
    margin-bottom: 0;
}
.accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23ffffff' d='M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z'/%3E%3C/svg%3E");
    transition: .3s ease;
}
.accordion-button:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23f5293d' d='M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z'/%3E%3C/svg%3E");
}
.red-back .accordion-button:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23283044' d='M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z'/%3E%3C/svg%3E");
}
.blue-back .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23f5293d' d='M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z'/%3E%3C/svg%3E");
}
.red-back .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23283044' d='M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z'/%3E%3C/svg%3E");
}

@media (max-width:995px) {
    .mission img{
        margin-bottom: 1rem;
    }
}

/* Our Team */
.team-hero{
    position: relative;
}
.team-hero:after{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height:65%;
    background-image: url('/wp-content/uploads/2025/10/team-hero.jpg');
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.header-team .header-row{
    min-height: 75vh;
    position: relative;
    z-index: 2;
}
.team-member-small{
    margin-bottom: 15px;
}
.small-team-inner{
    padding: 25px;
    max-width: 325px;
    margin: 0 auto;
    height:100%;
}
.small-team-inner img{
    margin-bottom: 20px;
}
.small-team-inner h3{
    margin-bottom: 0;
}
.team-member-img{
    width: 90%;
    max-width: 400px !important;
}
.board .small-team-inner{
    max-width: 435px;
}
.board .small-team-inner:first-of-type h3{
    margin-bottom: 15px;
}

@media (max-width:995px) {
    .team-hero:after{
        display: none;
    }
    .team-member-img{
        margin-bottom: 15px;
    }
}

/* FAQs */
.faq-header .header-row{
    min-height: 50vh;
}

/* Prescription requests */
.form-col hr.w-100{
    margin-top: 25px !important;
}
.further-meds label:last-of-type{
    /* padding-bottom: 25px; */
}
.further-meds-link{
    width: 100%;
    display: block;
    padding-right:15px;
    position: relative;
}
.further-meds-link:after{
    content: "";
    position: absolute;
    right:0;
    top: 50%;
    transform: translate(0 , -50%);
    width:calc(15px + 4%);
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23f5293d' d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/%3E%3C/svg%3E");
    transition: .3s ease;
}

/* Health Hub */
.health-hub-item{
    margin-bottom: 1.5rem;
}
.health-hub-item-inner{
    padding:20px;
    height:100%;
    max-width: 350px;
    margin: 0 auto;
}
.health-hub-item-img{
    aspect-ratio: 1/1;
    border-radius: 100%;
    max-width: 85%;
    margin: 0 auto 15px;
    opacity: 1;
    transition: .3s ease;
}
.health-hub-item-inner a:hover > .health-hub-item-img{
    opacity: .8;
}
.health-hub-item-inner hr{
    margin-top: 25px !important;
}
.health-hub-item-inner h3{
    margin-bottom: 0;
    line-height: 1;
}

/* Health Hub Single */
.video-embed{
    margin-bottom: 10px;
}
.video-embed iframe{
	max-width:100%;
}
.video-item, .treatment-introduction{
    margin-bottom: 25px;
}
.treatment-conclusion{
    margin-top: 25px;
}

@media (max-width:995px) {
    .health-hub-posts{
        margin-bottom: 1.5rem;
    }
}