/*
Theme Name: OMG 2020
*/

  *:focus{outline-color: #150077;outline-style: dotted;outline-width: thin; }
  *:active{outline:none!important;}

  /* Fonts */
  body{font-family: 'Work Sans', sans-serif;font-size: 20px;line-height: 1.25; letter-spacing: -0.018em;font-weight: 400;}
  .header-1{font-size:4.5em; line-height:1; letter-spacing:-0.018em;font-weight: 800;}
  .header-2{font-size:1.75em;line-height: 1.25;}
  .header-3{font-size:1.75em; line-height:1.05714285714em; font-weight: 700;}
  .page-id-314 .header-3{font-size: 1.50em;}
  .header-4{font-size: 1.2em;font-weight: bold;}
  .header-5{font-size: 1.1em;font-weight: bold}
  .sub-header{
    line-height: 1.3;
    margin: -4px 0 0 27px;
    padding: 0px 0 2px 34px;
    vertical-align: 0;
    width: calc(100% - 270px);
    display: inline-block;
    height: 53px;
    display: flex;
    align-items: center;
  }
  .sub-header-long{width: calc(100% - 400px);}
  .patient-button{
    padding: 10px;
    width: 150px;
    text-align: center;
    background-color: #0053b8;
    color: white;
    border-radius: 50px;
  }

  b, strong, address:first-line, dt {font-weight: 700;}
  #servicesModal ul{padding-left: 15px;}
  #servicesModal ul li{list-style: disc;}
  .margin-botton-20{margin-bottom: 20px;}
  .button-nhs,
  #header-button {display: flex; align-items: center; background: #005eb8; border: 1px solid white; margin-left: 10px;}
  .button-nhs:hover,
  #header-button:hover {background-color: white; color: #005eb8; border: 1px solid #005eb8;}
  .bolded {font-weight: bold;}
  .surgery-container{display: flex;}
  .surgery-form{margin-bottom: 1em; align-items: center;}
  .surgery-form a{margin-right: 15px; color: #0053b8;}
  .surgery-form p{padding-right: 15px; font-weight: bold; margin-bottom: 0px;}
  .surgery-image-container{width:35%;}
  .surgery-text-container{width:65%; display: flex; align-items: center;}
  .additional-surgeries{width: 28%;}
  .additional-surgeries-container{padding: 25px; margin-bottom: 15px;}
  .additional-surgeries-container p{margin-top: 1em;}
  .additional-surgeries-container .patient-button{width:180px;}
  .row.surgeries-section{padding-bottom: 25px;}
  .surgery-services{flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; justify-content: space-between;}
  .useful-links-heading{display: flex; border-bottom: 1px solid #707070;}
  .header-surgery{width: 80%;}
  .useful-links-heading .links-nhs{width: 20% !important; align-items: flex-start !important; display: none;}
  .more-info {padding-right: 15px !important;}
  #eConsultDefaultTarget #webgpWrapper {
    position: absolute;
    top: 0;
  }

  .more-info ul {list-style: disc; padding-left: 15px;}

  #webgpWrapper.webgp-overlay.align-bottom {
    bottom: auto !important;
  }

  body.postid-3805 .col-half{
    padding-bottom: 0px !important;
    display: flex;
    align-items: flex-end;
  }

  .patient-main-banner-buttons {
    background-color: white;
    width: 60%;
    border-radius: 25px;
    color: #0053b8;
    border: none;
    padding: 10px 15px;
    background-image: url(images/nhs-arrow-down-mauve.svg);
    margin-bottom: 0px !important;
  }

  .col-banner form label {
    color: white;
  }

  .col-banner form .form-section {
    display: flex;
    align-items: center;
    margin-top: 15px;
  }

  .col-banner form#register-nhs-form .form-section {
    margin-top: 35px;
  }

  .col-banner form .form-section  .form-label {
    width: 36%;
    padding-right: 15px;
  }

  .col-banner form .form-section  .form-select {
    width: 40%;
    display: flex;
    align-items: center;
  }





  @media only screen and (max-width: 1200px) {
    .surgery-image-main-container{display: none;}
    .col-two-thirds-surgery-banner{width: 100%; flex: none !important;}
    .single-surgeries .button-large{width: 34% !important;}
    .single-surgeries .col-surgeries {width: 47% !important; padding-right: 20px !important; padding-bottom: 20px !important;}
    .single-surgeries .row-banner-surgery{padding-bottom: 0px !important;}
    .col-two-thirds-surgery-banner{padding-bottom: 4% !important; margin-bottom: 4% !important;}
  }

  @media only screen and (max-width: 1100px) {
    .additional-surgeries-container .patient-button{width: 140px;}
    .col-quarter-surgery{flex: 0 1 46%;}
    .surgery-item .col-quarter{flex-basis: 46%;}
    .surgery-form a{padding-right: 10px;}
  }

  @media only screen and (max-width: 965px) {
    .single-surgeries .button-large{width: 30% !important;}
  }

  @media only screen and (max-width: 900px) {
    .additional-surgeries-container .patient-button{width: 140px;}
    .col-quarter-surgery{flex: 0 1 100%;}
    .surgery-item .col-quarter{flex-basis: 100%;}
  }

  @media only screen and (max-width: 891px) {
    .page-id-314 .banner-button{width: 100% !important;}
    .page-id-314 .col-banner{width: 100% !important;}
    .page-id-314 .col-banner a{width: 95% !important; padding: 10px 0px 10px 15px;}
    .row.surgeries-section{display: block;}
    .row.surgeries-section .surgeries{width: 100%;}
    .row.surgeries-section .surgeries .surgery-item .col-quarter{flex-basis: 47%;}
    .additional-surgeries{width: 100%; padding-top: 25px; padding-bottom: 25px;}
    .additional-surgeries-container .patient-button{width: 50%;}
    .col-banner form .form-section {display: block;}
    .col-banner form .form-section  .form-label, .col-banner form .form-section  .form-select {width: 70%;}
    .col-banner form .form-section  .form-label {padding-bottom: 5px;}
  }

  @media only screen and (max-width: 850px) {
    .online-services .service{width: 100% !important;}
    .helpful-info-content, helpful-info-content-extra{display: block !important; padding-bottom: 0px !important;}
    .helpful-info, .helpful-info-extra{width: 100% !important; padding-bottom: 25px !important}
    .improve,
    .helpful-section{padding-bottom: 0px !important;}
    .useful-links-heading .links-nhs{display: flex;}
    .links .links-nhs{display: none;}
    .links-content{width: 100% !important;}
    .modal-content{width: 75% !important;}
  }

  @media only screen and (max-width: 780px) {
    .single-surgeries .button-large{width: 70% !important;}
    .single-surgeries .col-surgeries{width: 100% !important; padding-right: 0px !important;}
    .more-info{width: 100%; flex-basis: unset !important; -webkit-box-flex: unset !important; flex-grow: unset !important; justify-content: unset !important; padding-bottom: 25px !important;}
  }

  @media only screen and (max-width: 682px) {
    .row.surgeries-section .surgeries .surgery-item .col-quarter{flex-basis: 100%;}
    .additional-surgeries-container .patient-button{width: 70%;}
    .surgery-form p, .surgery-form a{font-size: 13px;}
    .page-id-314 .col-title{font-size: 24px; width: 75%;}
    .page-id-314 .row img{width: 100px; margin-bottom: 0px;}
    .patients-nhs-icon{width: 50px !important;}
  }

  @media only screen and (min-width: 682px) {
    .surgery-form{display: flex;}
  }

  @media only screen and (max-width: 600px) {
    .single-surgeries .col-surgeries {width: 100% !important;}
    .more-info{padding-bottom: 25px !important;}
    .links-content a{display: block; padding: 15px 0px !important;}
    .surgery-services,
    .helpful-section .col{padding-top: 20px;}
    .col-banner form .form-section  .form-label, .col-banner form .form-section  .form-select {width: 100%;}
  }

  @media only screen and (max-width: 420px) {
    .single-surgeries .button-large{width: 60% !important;}
  }

  .windermere{background-color: #0053b8; color: white}
  .windermere .patient-button{background-color: #ffee00; color:#0053b8}
  .light-surgery,
  .online-booking{background-color: #ffee00;}
  .surgery-item{display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%;}

  .has-sub-header{position:relative; line-height: initial;}
  .has-sub-header:after{content:''; border-right: 1px solid #454545; padding: 0 30px 0 0; height: 22px; position: absolute; top: 11px;}

  .text-large{font-size:1.2em; line-height:1.16666666667; letter-spacing:-0.01791666666em;}
  .text-medium, .hamburger-nav-inner .hamburger-nav-col>ul>li{font-size:1.1em;line-height:1.2;margin: 0px 27px 0 0;}
  .text-normal, .hamburger-nav-inner .hamburger-nav-col>ul>li>ul>li{font-size:1.05em; line-height:1.14285714286em; letter-spacing:-0.01809523809em;}
  .text-small{font-size:0.8em; line-height:1.25em; letter-spacing:-0.018125em;}
  .page-id-314 .text-small{font-size: 1.2em; font-weight: 600;}
  .text-button, .hs-button{font-size:1.2em;letter-spacing:-0.01791666666em;font-weight: 300;line-height: 1.2;}
  .screen-reader-text{display: none;}
  .pad{margin-bottom: 1em;}

  .content h3{font-weight: 700;margin-bottom: 1em;}
  .content-column h3{font-size:1.75em;line-height:1.05714285714em;font-weight: 700;margin: 1.3em 0 1em 0;}
  .content-about h3{font-size:1.75em; line-height:1;margin: 1.3em 0 1em 0;position:relative;font-weight: normal;padding: 9px 0;}
  .content-about h3:after{content:'';border-bottom: 1px solid;width: 35px;height: 1px;position: absolute;bottom: 0;left: 0;}

  .content p{margin-bottom:1em;}
  .content-column h3:first-child, .content-about h3:first-child{margin-top:0;padding-top: 0;}
  .content ul{margin: 0 0 1em 1em;}
  .content li{list-style-type: none;margin-bottom: 0.2em;line-height: 1.25;}
  .content h2, .content strong{font-weight: bold;color: #3C4CC1;margin-bottom: 1em;}
  .content a, .link{font-weight: bold; color:#3C4CC1;text-decoration: underline;cursor: pointer;}
  .content em{font-style: italic;}

  .content ul {list-style: none;}
  .content ul li::marker{}
  .content ul li::before {
    content: "\2022";
    color: #787DED;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
  .content ol{margin: 0 0 2em 1em;}
  .privacy-policy .content ol{margin: 0 0 1em 1.75em;}
  .content ol li{list-style-type: decimal;}

  .text-white .content ul li::before {
      color: #ffffff;
   }

  .line-under{
    position: relative;
  }
  .line-under:after{content:'';border-bottom: 1px solid;width: 35px;height: 1px;position: absolute;bottom: 0;left: 0;}

  .line-side{}

  p{margin-bottom:1em;}
  p.margin-right-25{margin-right: 25px !important;}
  p.margin-bottom-0{margin-bottom: 0px !important;}
  .bg-blue{background-color: #005eb8;}
  .text-white{color: #ffffff;}

  @media (max-width: 1879px){
  body{font-size:19px;}
  .header-1{font-size:4em;}
  }
  .page-id-314 .header-1 {font-size: 2em; margin: 1% 0 1% 0;}
  @media (max-width: 1666px){
  body{font-size:18px;}
  }
  @media (max-width: 1500px){
  body{font-size:17px;}
  }
  @media (max-width: 1418px){
  body{font-size:16px;}
  .header-1{font-size:3.75em;}
  }
  @media (max-width: 1300px){
  .header-1{font-size:3.5em;}
  }
  @media (max-width: 1200px){
  .header-1{font-size:3.25em;}
  }
  @media (max-width: 576px){
  body{font-size:18px;}
  .header-1{font-size:2.25em;}
  .header-4{font-size:1.1em;}
  }


.header-impact{position:absolute;margin-top: 4%;}

  /* Colours  */
  body{color:#494949;}
  a{color:inherit;text-decoration: none;}
  .text-white, .hs-button{color:#fff;}
  .text-off-white{color:#F8F4F4;}
  .text-dark-grey{color:#333333;}
  .text-med-grey{color:#494949;}
  .text-mauve{color:#787DED;}
  .sub-header.text-white{border-color:#fff;}

  .underline{
    position: relative;
  }
  .underline:after{content:'';border-bottom: 2px solid;width: 35px;height: 1px;position: absolute;bottom: 0;left: 0;}

  .text-white .underline:after{border-bottom: 2px solid #fff;}
  .text-off-white .underline:after{border-bottom: 2px solid #F8F4F4;}
  .text-dark-grey .underline:after{border-bottom: 2px solid #333333;}
  .text-med-grey .underline:after, .underline:after{border-bottom: 2px solid #494949;}
  .text-mauve .underline:after{border-bottom: 2px solid #787DED;}
  .text-white strong{color:#ffffff;}
  .text-white .has-sub-header:after{border-right: 1px solid #ffffff;}

  .bg-white{background: #ffffff;}
  .bg-light-grey{background: #F4F4F8;}
  .bg-dark-grey{background: #333333;}
  .bg-aqua{background: #70D6C8;}
  .bg-mauve{background: #787DED;}
  .bg-blue{background: #005eb8;}
  .bg-grad-blue-pink{background: rgb(120,125,237);background: linear-gradient(90deg, rgba(120,125,237,1) 0%, rgba(150,129,235,1) 20%, rgba(184,133,234,1) 40%, rgba(209,137,232,1) 60%, rgba(224,139,232,1) 80%, rgba(230,140,232,1) 100%);}
  .bg-grad-salmon-pink{background: rgb(250,110,112);background: linear-gradient(90deg, rgba(250,110,112,1) 0%, rgba(233,56,136,1) 50%, rgba(213,63,188,1) 100%);}
  .bg-grad-aqua-pink{background: rgb(47,253,234);background: linear-gradient(90deg, rgba(47,253,234,1) 0%, rgba(59,231,237,1) 3%, rgba(76,204,242,1) 6%, rgba(89,183,245,1) 15%, rgba(98,168,248,1) 25%, rgba(103,159,249,1) 32%, rgba(105,157,250,1) 43%, rgba(138,75,249,1) 73%, rgba(194,59,212,1) 100%);}
  .bg-grad-salmon-mauve{background: rgb(250,119,147);background: linear-gradient(90deg, rgba(250,119,147,1) 0%, rgba(213,89,220,1) 43%, rgba(146,173,251,1) 100%);}
  .bg-grad-green-mauve{background: linear-gradient(90deg, rgba(182,239,176,1) 0%, rgba(176,229,182,1) 20%, rgba(161,205,199,1) 46%, rgba(137,165,227,1) 91%, rgba(134,160,231,1) 100%);}
  .bg-grad-green-blue{background: rgb(173,253,184);background: linear-gradient(90deg, rgba(173,253,184,1) 0%, rgba(38,202,251,1) 50%, rgba(42,149,251,1) 100%);}
  .bg-grad-blue-green{background: rgb(42,149,251);background: linear-gradient(90deg, rgba(42,149,251,1) 0%, rgba(38,202,251,1) 51%, rgba(173,253,184,1) 100%);}
  .bg-grad-green-green{background: rgb(182,239,176);background: linear-gradient(90deg, rgba(182,239,176,1) 0%, rgba(107,216,201,1) 100%);}
  .bg-grad-yellow-pink{background: rgb(242,214,75);background: linear-gradient(90deg, rgba(242,214,75,1) 0%, rgba(239,198,107,1) 17%, rgba(236,177,152,1) 33%, rgba(233,161,186,1) 49%, rgba(231,149,211,1) 67%, rgba(230,142,226,1) 83%, rgba(230,140,232,1) 100%);}
  .bg-grad-horiz-mauve-pink{background: rgb(120,125,237);background: linear-gradient(180deg, rgba(120,125,237,1) 0%, rgba(150,129,235,1) 16%, rgba(184,133,234,1) 36%, rgba(209,137,232,1) 60%, rgba(224,139,232,1) 82%, rgba(230,140,232,1) 100%);}
  .bg-grad-mauve-blue, .hs-button{background: rgb(120,125,237);background: linear-gradient(90deg, rgba(120,125,237,1) 0%, rgba(82,94,209,1) 50%, rgba(60,76,193,1) 100%);}
  .bg-hard-aqua-grey{background: rgb(112,214,200);background: linear-gradient(180deg, rgba(112,214,200,1) 0%, rgba(112,214,200,1) 50%, rgba(244,244,248,1) 50%, rgba(244,244,248,1) 100%);}
  .bg-hard-mauve-grey{background: rgb(120,125,237);background: linear-gradient(180deg, rgba(120,125,237,1) 0%, rgba(120,125,237,1) 50%, rgba(244,244,248,1) 50%, rgba(244,244,248,1) 100%);}
  .bg-hard-white-grey{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(244,244,248,1) 50%, rgba(244,244,248,1) 100%);}

  .bg-grad-mauve-blue.button-standard:hover, .hs-button:hover{background: rgb(87 92 204); background: linear-gradient(90deg, rgb(103 108 225) 0%, rgb(60 73 192) 50%, rgb(39 56 176) 100%);}

  .page-id-321 #header-button{color:#09090A;background: rgb(182,239,176); background: linear-gradient(180deg, rgba(182,239,176,1) 0%, rgba(107,216,201,1) 100%);}

  /* Buttons */
  .button-standard, .hs-button{border:none;font-family:inherit;border-radius: 30px;padding: 5px 27px 6px 27px;transition: background-color 0.2s ease;margin-bottom: 1em;}
  .button-large{border:none;box-shadow: 7px 7px 5px rgba(0,0,0,0.1);font-family: inherit;border-radius: 35px;padding: 20px 80px 22px 30px;text-align: left;background: #FFFFFF url('images/button-arrow.svg') no-repeat center right 29px;display: inline-block;}
  .single-surgeries .button-large{border:none;font-family: inherit;border-radius: 35px;padding: 15px 80px 15px 30px;text-align: left;background: #005eb8 url('images/arrow-white.svg') no-repeat center right 29px;display: inline-block; box-shadow: none;}

  .single-surgeries .banner-surgery-content a.button-register-the-light-surgery {
    font-size: 32px;
    color: #ffffff;
    width: 82%;
    border-radius: 10px;
    font-weight: 600;
  }


  .page-id-314 .button-large{background: #FFFFFF url('images/button-arrow-nhs.svg') no-repeat center right 29px; background-size: 35px 35px !important; padding: 15px 80px 15px 30px;}
  .button-large:hover{box-shadow: 5px 5px 4px rgba(0,0,0,0.1);transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
  .button-large:active{box-shadow: 4px 4px 3px rgba(0,0,0,0.1);transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);}
  .button-divider{padding: 0 10px; display: inline;}
  .button-about{margin-bottom: 40px}
  .single-surgeries .banner-surgery-content{position: unset; bottom: unset; width: 100%;}
  .single-surgeries .banner-surgery-content a, 
  .single-surgeries .banner-surgery-content span{width: 30%; margin: unset; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; cursor: pointer;}
  .single-surgeries .header {position: unset;}
  .single-surgeries .row-banner-surgery{padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #005eb8; border-bottom: 1px  solid #005eb8;}
  .single-surgeries .col-surgeries{width: 23%; padding-right: 30px; word-break: normal;}
  .single-surgeries .col-surgeries .surgeries-title{margin: 20px 0 0 0; font-weight: 600;}
  .single-surgeries .surgeries-map img{width: 100%; margin: 20px 0; object-fit: contain;}
  .justify-content-unset{justify-content: unset !important;}
  .padding-right-0{padding-right: 0px !important;}
  

  /* Link arrows */
  .link-arrow{display: inline-block;background: url('images/button-arrow.svg') no-repeat center right;padding-right: 96px;}
  .text-white .link-arrow{background: url('images/arrow-white.svg') no-repeat center right;padding-right: 53px;color:inherit;font-weight: inherit;}
  .text-dark-grey .link-arrow{background: url('images/arrow-grey.svg') no-repeat center right;padding-right: 53px;color:inherit;font-weight: inherit;}
  .link-arrow-case-studies{position: absolute; top: -1px; right: 0;}
  .link-arrow-posts{position: absolute; right: 0; top: 15px;}

  @media (max-width:980px){
    .link-arrow-posts{position:static; right: 0; top: 0; display: block; width: 87px; padding-right: 34px!important; margin-top: 11px;}
  }

  @media (max-width:576px) {
    .not-mobile{display: none;}
  }

  /* Forms */
  .screen-reader-text, .hs-form .hs-fieldtype-text label{display: none;}
  input[type="text"],input[type="email"],input[type="tel"]{font-family: inherit;border: none;border: 1px solid #000;padding: 6px;background-color: inherit;max-width: 100%;}
  textarea{font-family: inherit; border: 1px solid #000; padding: 0.8% 0; width: 100%;background-color: inherit;}
  .form-item input[type="text"],.hs-form input[type="text"],.hs-form input[type="email"],.hs-form input[type="tel"]{width:90%;margin-bottom: 14px;}
  .form-item textarea,.hs-form textarea{width: 100%;height: 191px;margin: 10px 0 10px 0;}
  input[type="text"].input-box, select{border:2px solid #000;font-size: initial;padding: 1%;margin: 0 3% 3% 0;}
  select{padding: 10px 43px 10px 6px;font: inherit;}

  /* Events / Resources inputs */
  .events-search-form{position: relative; margin-right: 45px;}
  input[type="text"].events-search-input{padding: 11px; font-size: inherit;background: transparent;}
  select{background: transparent;/* display: block; */-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url(images/arrow-down-mauve.svg);background-repeat: no-repeat, repeat;background-position: right 0.7em top 50%, 0 0;background-size: .65em auto, 100%;cursor: pointer;min-width: 107px;}
  .events-search-button{top: 6px;right: 0!important;}

  /* Contact form */
  .hbspt-form{width: 100%;position: relative;margin-bottom: 59px;}
  .hs-form .hs-fieldtype-text{width: 50%;/* float: left; */}
  .hs-form .hs-fieldtype-textarea{width: 50%;position: absolute;right: 0;top: 0;}
  .hs-form .input{}
  .hs-button{position: absolute;right: 0;bottom: -60px;}
  .hs-form-required{display:none;}
  .hs-form select{width: 100%; margin: 14px 0 14px 0;}
  .hbspt-form .submitted-message{color:#787DED;font-weight: bold;font-size: 1.3em;}
  .hbspt-form .legal-consent-container{font-size: 10px; margin-top: 1.5%;}


  @media (max-width: 1025px){
    .form-item input[type="text"], .hs-form input[type="text"], .hs-form input[type="email"], .hs-form input[type="tel"],.hs-form .hs-fieldtype-text{width: 100%;}
    .hbspt-form .hs-fieldtype-textarea{width: 100%;position: relative;}
  }

  /* Layout */

  body,html{height:100%;}

  .site{flex-direction: column; min-height: 100%; padding-bottom: 121px;}

  @media (max-width: 1880px){
    .site{
      padding-bottom: calc(5.5% + 20px);
    }
  }

  @media (max-width: 744px){
    .site{
      padding-bottom: calc(5.5% + 36px);
    }
  }

   @media (max-width: 576px){
    .site{
      padding-bottom: calc(5.5% + 160px);
    }
  }

  footer{margin: 0!important;position: _absolute;bottom: 0;}

  img{max-width: 100%;height: auto;}

  .page-id-314 #search-shortcut img  {
    filter: invert(1);
  }

  .page-id-314 .hamburger-dark .hamburger-inner,
  .page-id-314 .hamburger-dark .hamburger-inner::before,
  .page-id-314 .hamburger-dark .hamburger-inner::after {
    background-color: white;
  }

  .relative{position: relative;}
  .wrapper{width:100%;margin:auto;}
  .inline{display: inline;}
  .z-index-1{z-index: 1;}
  .no-flex{display: block!important;}
  .children-right{justify-content: flex-end!important;}

  /* Desktop */
  @media (min-width: 780px){
    .wrapper-posts-mobile{
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
      background:none;
      }/* Treated like a normal column */
  }

  /* Mobile */
  @media (max-width: 779px){
    .wrapper-posts{width: 100%;}
    .wrapper-posts-mobile{width: 100%;}
  }

  /* Rows */
  .row{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 88%;
      max-width:1660px;
      margin:0 auto;
      justify-content: space-between;
    }
  .row-had-quarters::after {content: ""; flex-basis: 21%;}
  .row-had-thirds::after {content: ""; flex-basis: 30.5%;}
  .archive .row-had-thirds::after {content: ""; flex-basis: 33%;}
  .row-no-spacing{width:100%;}
  .row-no-justify{justify-content: initial;}
  .row-posts,.row-people{padding: 0 0 calc(96px + 1.75em) 0;justify-content: space-between;width: 90%;max-width: 1700px;}
  .row-posts-home{padding: 0 0 147px 0;}
  .row-header{align-items: center;}
  .row-banner{padding-top: 135px;display: block;position: relative;height: calc(100% - 135px);}
  .row-banner-team{min-height: initial;margin: 3% auto 6% auto;}
  .row-free-resources{margin-bottom: 160px;}
  .wrapper-search{margin-bottom: 100px;}
  .row-search{margin-bottom: 22px;}
  .row-half{width: 100%!important;}
  .row-extra-bottom{padding-bottom: 40px;}

  @media (max-width:1300px){
    .row-banner {
      padding-top: 115px;
      height: calc(100% - 115px);
    }
  }
  @media (max-width:960px){
    .row-banner {
      padding-top: 98px;
      height: calc(100% - 98px);
    }
  }

  .wrapper-hamburger{position: absolute;}
  .row-hamburger{position: relative;right: 0;padding-top: 2.6%;}
  .row-hamburger.is-active{position: relative;padding: 20px 0px 0 0;width: calc(100% - 80px);max-width: 100%;}

  /* Mobile */
  @media (max-width: 576px){
    .wrapper{padding-bottom: 10%;}
    .wrapper-posts, footer.wrapper{padding-bottom:0;}
    .row{width:85%;}
    .row-posts{width:80%;}
    .row-posts-home{width:100%;}
    .row-no-spacing{width:100%;}
    #search-shortcut,#header-button{display: none;}
    .row-banner{padding-top: 100px;}
    .row-hamburger{padding-top: 16px;}
    .page-id-314 .banner-button{background: #ffffff;}

  }

  @media (max-width: 779px){
    .row-posts-home{width: 100%;}
  }


  .col{padding-bottom:40px;}

  @media (max-width: 576px){
    .col{width:100%;padding-bottom: 2%;}
  }
  @media (min-width: 577px){
    .col{
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
      /* background: red; */
      justify-content: space-between;
      }
  }
  .col-title{padding: 9px 0;margin: 39px 0;display: flex;justify-content: flex-start;}

  @media (max-width: 800px){
    .col-title{display:block;}
    .sub-header{
      line-height: 1.3;
      margin-left: 0;
      padding: 21px 0 29px 0;
      vertical-align: 3px;
      display: block;
      width:100%;
      height: initial;
    }
  }

  .col-banner{width: 48%;}
  .page-id-314 .col-banner{width: 90%;}
  .page-id-314 .row-header{background: #005eb8;}
  .col-banner-omg-foundation{width: 55%;}
  .col-half{flex: 0 1 47%;}
  .col-third{width:30%;flex: 0 1 30%;padding-bottom: 4%;margin-bottom: 4%;}
  .col-two-thirds{flex: 0 1 65%;padding-bottom: 4%;margin-bottom: 4%;}
  .col-quarter{flex: 0 1 21%;}
  .col-third-team{padding-bottom:0;margin-bottom: 2%;}
  .col-no-padding{padding-bottom:0;}
  .col-no-banner{padding: 115px 0 35px 0;}
  .col-quarter-person-omg-foundation{padding: 0 2%;}


  .row-banner-surgery{padding-top: 135px;align-items: center;position: relative;margin-bottom: 2%;}

  .banner-surgery-content{position:absolute;bottom:-25px;}


  .patients-nhs-icon{margin-right: 37px;}

  @media(max-width:576px){
     .patients-nhs-icon{margin-right: 0; margin-bottom: 26px;}
  }

  .disable-me {
    pointer-events: none;
  }

  .col-third-surgeries{border-top: 1px solid #707070; padding-top: 0.4em; margin-bottom: 15px; padding-bottom: 0.5em;}
  .single-surgeries .more-info{padding-bottom: 0px !important;}

  .padding-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .padding-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .padding-bottom-40 {
    padding-bottom: 40px;
  }

  .padding-top-20 {
    padding-top: 20px !important;
  }

  .padding-bottom-25 {
    padding-bottom: 25px !important;
  }

  .padding-bottom-10 {
    padding-bottom: 10px;
  }

  .padding-right-25 {
    padding-right: 25px !important;
  }

  .justify-content-start {
    justify-content: flex-start !important;
  }

  .align-items-center {
    align-items: center;
  }

  .align-items-start {
    align-items: flex-start;
  }

  .color-blue {
    color: #0053b8;
  }

  .online-services {
    padding-bottom: 2%;
  }

  .online-services .service {
    padding-top: 25px;
    border-top: 1px solid #ffffff;
    width: 48%;
  }

  .online-services .service p {
    margin-bottom: 2em;
  }

  .online-services .service a {
    background-color: yellow;
    color: #005eb8;
    border-radius: 25px;
    padding: 10px 25px;
    cursor: pointer;
  }

  .col-3 {
    width: 32%;
  }

  .col-2 {
    width: 48%;
  }

  .col-1 {
    width: 98%;
  }

  .single-surgeries #search-shortcut {
    display: none;
  }

  .helpful-info .button,
  .recommend-us input[type=submit] {
    background-color: #005eb8;
    color: #ffffff;
    border-radius: 25px;
    padding: 10px 25px;
    display: block;
    width: max-content;
  }

  .helpful-info.col-3 h3,
  .helpful-info.col-2 h3,
  .helpful-info.col-1 h3,
  .helpful-info-extra.col-3 h3,
  .helpful-info-extra.col-2 h3,
  .helpful-info-extra.col-1 h3
   {
    border-top: 1px solid #000000;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #005eb8;
  }

  .helpful-info.col-2 .heading {
    border-top: 1px solid #000000;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000000;
  }

  .helpful-info p {
    padding-bottom: 25px;
  }

  .improve a {
    color: #005eb8;
    text-decoration: underline;
  }

  .improve a.button {
    background-color: #005eb8; 
    border: 1px solid #005eb8;
    text-decoration: none;
    color:#fff;
    border-radius: 25px;
    padding: 10px 25px;
    display: block;
    width: 90%;
    text-align: center;
    margin-top:15px;
  }

a.email-link {
  color: #005eb8; 
}

a.email-link:hover {
  text-decoration:underline;
}


  #servicesBtn,
  #teamBtn,
  #recommendBtn {
    border: none;
  }

  #recommendBtn {background-color: #005eb8; border: 1px solid #005eb8; color: white;}
  #recommendBtn:hover {background-color: white; border: 1px solid #005eb8; color: #005eb8;}

  .recommend-us #recommend {
    width: 100%;
    margin: 0 5px 0 0;
  }

  .recommend-us select {
    background-image: url(images/nhs-arrow-down-mauve.svg);
  }

  .recommend-us input[type=text],
  .recommend-us input[type=email] {
    border: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2px;
    margin: 15px 0;
    width: 98%;
  }

  .filter-button-focus {background-color: #005eb8; color: white !important; border-radius: 25px; padding: 10px 15px;}


.modal {
  display: none; 
  position: fixed; 
  z-index: 100; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 40%; 
  border-radius: 25px;
}

.close {
  color: #005eb8;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.surgery-image {
  width: 150px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.recommend-us p {
  padding-bottom: 0px;
}

.justify-content-center {
  justify-content: center;
}

  .surgery-click{
    background: none;
    border: none;
    width: 100%;
    padding: 0;
    font-family: inherit;
    color: inherit;
    text-align: left;
    display: block;
  }
  .header-surgery{
    cursor: pointer;
    min-height: 2em;
  }
  .col-two-thirds-surgery-banner {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .col-quarter-surgery{flex: 0 1 47%;}
  .surgery-image-container{text-align: right;}
  .surgeries{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-content: flex-start;
  }
  .surgery-image-main-container{width: 19%;}
  .surgery-image-main{width: 100%;}
  .surgery-excerpt{margin-bottom: 16%;}
  .down-arrow{cursor:pointer;background:url('images/arrow-down-mauve.svg') no-repeat right center;}
  .down-arrow.cross{background:url('images/cross-mauve.svg') no-repeat right center;}
  .accordion-body{display: none;padding-bottom: 8%;}
  .surgery-icon{float: right; max-width: 120px; width: 120px;}
  .wrapper-surgeries-footer{margin-top: 12%;}
  .row-surgeries-footer-top{padding-top: 1.5%;}
  .row-surgeries-footer-bottom{padding-bottom: 5%;}
  #latest-news-image{position: absolute;bottom: 0px;right: 0;margin-right: -4%;margin-bottom: -0.2%;width: 42%;}
  .border-bottom{border-bottom: 1px solid #707070;}
  .display-flex{display: flex;}
  .links{display: flex;}
  .links-content{padding: 25px 0px; width: 85%;}
  .links-content a{font-weight: 600; font-size: 20px; color: #005eb8; padding-right: 50px;}
  .links-nhs{width: 15%; display: flex; align-items: center; justify-content: flex-end;}
  .links-nhs img{width: 80px; }
  .surgery-image-nhs{width: 200px; height: 200px; background-color: #005eb8; border-radius: 50%; position: relative;}
  .surgery-image-nhs img{margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 150px;}

  .padding-top-0 {padding-top: 0px;}


  @media (max-width:1023px){
      #latest-news-image{display:none;}
  }

  .content-friends-and-family strong{font-size: 1.8em;}
  .email-icon{margin: 6px 6px 6px 0;vertical-align:-23px;}
  .phone-icon{margin: 6px 6px 6px 0}
  .quarter-image{height: 40%;margin-bottom: 21px;}
  .post{width:30.5%;margin:1.4%;padding-bottom: 0;}
  .back-link{cursor:pointer;background:url('images/arrow-left-mauve.svg') no-repeat left center;padding-left: 38px;position:relative;z-index:2;margin-top: 2%;}
  .next-link{cursor:pointer;background:url('images/arrow-right-mauve.svg') no-repeat right center;padding-right: 38px;position:relative;z-index:2;float: right;}

  .popup-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 2;
  }
  
  .popup-box{
    position: absolute;
    top: 26%;
    left: calc(50% - 305px);
    width: 610px;
    background: #3C4CC1;
    color: #ffffff;
    border-radius: 13px;
    box-shadow: #666666 3px 3px 8px;
    max-width: 94%;
    font-size: 20px;
  }
  .popup-inner{
    padding: 40px 96px 29px 37px;
    position: relative;
  }
  .popup-close{
    position: absolute;
    right: 33px;
    top: 17px;
    font-size: 31px;
    cursor: pointer;
  }

    @media (max-width:670px){
      .popup-box{
        top: 1%;
        left: 5%;
        width: 90%;
        max-width: 90%;
      }
      .popup-inner{
        padding: 40px 50px 29px 37px;
        position: relative;
      }
    }

  @media (max-width:1180px){
    .surgery-image-main-container{width: 26%;}
    .surgery-image-main {width: 90%;}
    .banner-surgery-content{position:static;margin-top: 4px;}
  }

  @media (max-width:1180px) {
    .col-quarter-property{flex-basis: 29%;}
  }

  @media (max-width:940px) {
    .col-quarter{flex-basis: 43%;}
    .col-third{flex: 0 1 47%;padding-bottom: 4%;margin-bottom: 4%;}
    .post{width: 47%;margin: 0 1% 4% 1%;}
  }

  @media (max-width:670px) {

    .col-quarter{flex-basis: 100%;}
    .col-third, .col-two-thirds{flex: 0 1 100%;padding-bottom: 4%;margin-bottom: 4%;}
    .post{width:100%; margin:0; margin-bottom: 40px;padding-bottom: 16%;}
    .surgery-image-main-container{width: 100%;}
    .surgery-image-main {width: 70%; margin-bottom: 15px;}
    .quarter-image{height: initial;}
    .banner-surgery-content{position:static;margin-top: 20px;}

  }

  @media(max-width:1024px){

    .patients-title {font-size: 1.625em;}

  }

  .col-footer{
    padding: 3% 0px 2.5% 0px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }

  @media (max-width: 576px){

    .col-footer{flex-wrap:wrap-reverse;}
    .col-title-home-mobile{margin: 33px 0px 11px 0;}

  }

  .columns{columns: 400px 2;display: block;column-gap: 40px;/* margin-top: 48px; */}
  .content-about{padding: 65px 0 34px 0;}
  .no-overflow{overflow:hidden;}
  .padding-right-half{padding-right: 4.3%;}
  .padding-right-half-extra{
      flex-basis: 40%;
      flex-grow: 0;
      min-height: 376px;
  }

  @media(max-width:1111px){
    .padding-right-half-extra{min-height:initial;}
  }

  /* Mobile */
  @media (max-width: 779px){
    .padding-right-half{padding-right: 0;}
  }

  .img-half{
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
      }

  .row-img-half-1{
    position: relative;
    max-height: 494px;
    }

  #img-half-1{
      margin: 0 -25% 0 0;
      width: auto;
      max-width: initial;
      position: absolute;
      bottom: -16%;
      right: 1%;
      height: 118%;
  }


  @media (max-width: 1300px){
    #img-half-1{
        margin: 0 -45% 0 0;
    }
  }
  @media (max-width: 1060px){
    #img-half-1 {
        margin: 0 -59% 0 0;
        bottom: -14%;
        height: 102%;
    }
  }
  @media (max-width: 904px){
    .padding-right-half-extra {
        flex-basis: 44%;
        flex-grow: 0;
        min-height: 25vw;
    }
    #img-half-1 {
        margin: 0 -80% 0 0;
        bottom: -14%;
        height: 102%;
    }
  }

  @media (max-width: 830px){

    .row-img-half-1{
      position: relative;
      max-height: initial;
      flex-wrap:wrap-reverse
    }
    .padding-right-half-extra {
        flex-basis: 100%;
        min-height:initial;
    }
    #img-half-1 {
        margin: 7% 0 0 -10%;
        width: 200%;
        max-width: initial;
        position: static;
        bottom: -16%;
        right: 1%;
        height: 118%;
    }

  }

  .proportionator{position: relative;width: 100%;padding-bottom: 58.4%;float: left;height: 0;}
  .proportionator-inner{width: 100%; height: 100%; position: absolute; left: 0;}
  .posts-inner{padding: 6% 9% 0 9%;}
  .post-thumbnail{width:100%;}
  .posts-summary-title{
      margin-bottom: 6%;
      /* min-height: 3.5em; */
  }
  .posts-summary-excerpt{
      margin-bottom: 77px;
  }

  .posts-summary-excerpt p {
    font-size:0.9em;  
  }

  .posts-summary-link{
      position: absolute;
      bottom: 5%;
  }
  .row-posts-home .posts-summary-link{
      position: absolute;
      bottom: 9%;
  }
  .posts-inner-team{
      margin-top: 10%;
  }
  .posts-summary-excerpt-team{
      margin: 6% 0 77px 0;
  }
  .posts-summary-link-team{bottom: 3%;}
  .sort-nav{
    display: block;
    margin: 0 0 20px 0;
  }

  .sort-nav li{margin-right: 20px;cursor: pointer;padding: 4px 5px 4px 0px;display: inline-block;margin-bottom: 2px;}

  .single-images{}
  .single-container{}
  .single-content{}

  .quarter-title{margin-bottom: 6%; min-height: 2em;}

  .quarter-excerpt{}

  .quarter-link{
    position: absolute;
    bottom: 9%;
    display: block;
    padding-right: 50px;
   }

  @media (max-width: 670px){
    .col-quarter{padding-bottom:20px;}
    .quarter-title {margin-bottom: 22px;}
    .quarter-link{position: relative; margin-top:24px; display: inline-block;}
    .posts-summary-excerpt {margin-bottom: 30px;}
  }

  @media (max-width: 779px){
      .row-posts-mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 78%;
        margin:0 auto;
        max-width: 502px;
        margin-bottom: 40px;
      }
    }

  @media (max-width: 1460px) and (min-width:1160px){
    .proportionator {padding-bottom: 79.4%;}
    .wrapper-posts.bg-hard-aqua-grey {
      background: rgb(112,214,200);
      background: linear-gradient(180deg, rgba(112,214,200,1) 0%, rgba(112,214,200,1) 45%, rgba(244,244,248,1) 45%, rgba(244,244,248,1) 100%);
    }
  }
  @media (max-width: 940px) and (min-width:779px){
    .proportionator {padding-bottom: 79.4%;}
    .wrapper-posts.bg-hard-aqua-grey {
      background: rgb(112,214,200);
      background: linear-gradient(180deg, rgba(112,214,200,1) 0%, rgba(112,214,200,1) 45%, rgba(244,244,248,1) 45%, rgba(244,244,248,1) 100%);
    }
  }
  @media (max-width: 550px){
    .proportionator {
      padding-bottom: 79.4%;
    }
    .bg-hard-aqua-grey {
      background: rgb(112,214,200);
      background: linear-gradient(180deg, rgba(112,214,200,1) 0%, rgba(112,214,200,1) 42.4%, rgba(244,244,248,1) 42.4%, rgba(244,244,248,1) 100%);
    }
    .bg-hard-white-grey {
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42.4%, rgba(244,244,248,1) 42.4%, rgba(244,244,248,1) 100%);
    }

  }
  @media (max-width: 450px){
    .proportionator {
      padding-bottom: 121%;
    }
    .bg-hard-aqua-grey {
      background: rgb(112,214,200);
      background: linear-gradient(180deg, rgba(112,214,200,1) 0%, rgba(112,214,200,1) 32.6%, rgba(244,244,248,1) 32.6%, rgba(244,244,248,1) 100%);
    }
    .bg-hard-white-grey {
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32.6%, rgba(244,244,248,1) 32.6%, rgba(244,244,248,1) 100%);
    }

  }
  @media (max-width: 350px){
    .proportionator {
      padding-bottom: 146%;
    }
    .bg-hard-aqua-grey {
      background: rgb(112,214,200);
      background: linear-gradient(180deg, rgba(112,214,200,1) 0%, rgba(112,214,200,1) 28.5%, rgba(244,244,248,1) 28.5%, rgba(244,244,248,1) 100%);
    }
    .bg-hard-white-grey {
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 28.5%, rgba(244,244,248,1) 28.5%, rgba(244,244,248,1) 100%);
    }
  }
  @media (max-width: 1160px) and (min-width:576px){
    .post-hide-tablet{
      display:none;
    }
  }

  /* Header */
  .header{position: absolute;z-index: 2;}
  .logo{padding: 2.55% 0 2.55% 0;position: relative;left: -4%;}
  .logo img{width: 180px !important;}

  /* Main nav */
  .nav-container{margin-left: auto;}
  @media (max-width: 1273px){
    .nav-container{display: none;}
    .row-header{justify-content: flex-end;}
    .logo{margin-right:auto;}
  }
  @media (max-width: 567px){
    .logo {
        padding: 27px 0 2.55% 0;
        max-width: 75%;
    }
  }

  nav {
      display: flex;
  }
  nav li{
      display: inline-block;
      margin: 0 6px;
  }
  nav li a{
      display: block;
      padding: 4px;
  }
  .page-id-314 nav li a {
      color: white;
  }
  #header-button{position:relative;z-index: 0;margin-right: 10px;margin-bottom: 0;}
  #search-shortcut{position:relative;z-index: 0;background:none;border:none;cursor:pointer;margin: 0 16px;}


  /* Hamburger */
  .hamburger {
      margin-right: -44px;
  }

  .hamburger {
      padding: 6px 10px 5px 10px;
      display: inline-block;
      cursor: pointer;
      transition-property: opacity,filter;
      transition-duration: 0.15s;
      transition-timing-function: linear;
      font: inherit;
      color: inherit;
      text-transform: none;
      background-color: transparent;
      border: 0;
      overflow: visible;
  }

  .hamburger:hover {
      opacity: .7
  }

  .hamburger.is-active:hover {
      opacity: .7
  }

  .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after,.hamburger-inner.dark_text,.hamburger-inner.dark_text::before,.hamburger-inner.dark_text::after {
      background-color: #274177
  }

  .hamburger-box {
      width: 24px;
      height: 24px;
      display: inline-block;
      position: relative
  }

  .hamburger-inner {
      display: block;
      top: 50%;
      margin-top: -2px;
  }

  .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
      width: 24px;
      height: 2px;
      background-color: #fff;
      border-radius: 4px;
      position: absolute;
      transition-property: transform;
      transition-duration: 0.15s;
      transition-timing-function: ease
  }

  .hamburger-inner::before,.hamburger-inner::after {
      content: "";
      display: block
  }

  .hamburger-inner::before {top: -8px}

  .hamburger-inner::after {bottom: -8px}

  .is-active .hamburger-inner {
      transform: rotate(45deg);
      transition-delay: 0.12s;
      transition-timing-function: cubic-bezier(.215,.61,.355,1);
  }
  .is-active .hamburger-inner::before {
      top: 0;
      opacity: 0;
      transition: top 0.075s ease,opacity 0.075s 0.12s ease;
  }

  .is-active .hamburger-inner::after {
      bottom: 0;
      transform: rotate(-90deg);
      transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(.215,.61,.355,1);
  }



  .hamburger-dark .hamburger-inner,.hamburger-dark .hamburger-inner::before,.hamburger-dark .hamburger-inner::after {
    background-color: #494949;
  }

  .hamburger-cross{
    position: absolute;
    top: 0px;
    right: 30px;
    margin-right: -44px!important;
  }

  .body{overflow-x:hidden;}
  .site{overflow-x:hidden;position:relative;}

  .hamburger-search{
    position: relative;
    right: 0;
    top: 0px;
    display: inline-block;
  }

  .main-search{
      position: relative;
      right: 0;
      margin-top: 49px;
      display: inline-block;
      max-width: 100%;
  }

  .magnifier-header {
      display: inline-block;
      border: none;
      background: none;
      cursor: pointer;
      padding: 10px;
      outline: none
  }

  .magnifier-header img {
      margin: 0 0 -6px 0
  }

  .hamburger-nav {
      position: absolute;
      right: -100%;
      background: #efeeec;
      top: 0;
      padding: 36px 44px 42px 56px;
      transition: 300ms right cubic-bezier(.77,0,.175,1);
      z-index: 2;
      width: calc(50% - 100px);
      min-width: 540px;
      visibility: hidden;
  }

  .hamburger-nav-inner{position:relative;}
  .hamburger-nav-header {width: 187px; margin-bottom: 54px;}
  .hamburger-nav.is-active {right: 0;}
  .hamburger-nav.is-visible{visibility: visible;}
  .hamburger-nav-main{display: flex; flex-direction: row;}
  .hamburger-nav-col {margin-bottom: 76px;}
  #hamburger-nav-col-1{min-width: 156px;}
  #hamburger-nav-col-2{}
  #hamburger-nav-col-3{margin-top: -52px; margin-left: auto;}


  .main-nav ul li {
      display: inline-block;
      padding: 10px 16px;
      cursor: pointer
  }

  .hamburger-nav-inner .hamburger-nav-col>ul>li>a {
      padding: 5px 0px;
      display: block;
  }

  .hamburger-nav-inner .hamburger-nav-col>ul>li.current-menu-item>a {
      padding: 1px 0;
      margin: 3px 0;
      display: inline-block;
  }

  .hamburger-nav-inner .hamburger-nav-col>ul>li>ul>li {padding: 4px 0;}

  .hamburger-nav-inner .hamburger-nav-col>ul>li>ul>li>a {}

  .hamburger-nav-inner .hamburger-nav-col>ul>li>ul>li.current-menu-item>a {
      /* border-bottom: 2px solid #274177; */
      padding: 0 0;
      display: inline-block;
      margin: 1px 0;
  }

  .hamburger-nav-inner .hamburger-nav-col>ul>li>ul {
      padding: 1px 0 22px 0px;
      font-size: 0.85em;
      display: none;
  }

  input[type="text"].search-input {
      background: transparent;
      line-height: 20px;
      padding: 7px;
      margin: 0 0 17px 0;
      position: relative;
      /* right: -47px; */
      width: 180px;
  }

  .magnifier-search {
      display: inline-block;
      border: none;
      background: none;
      cursor: pointer;
      padding: 6px 9px 7px 7px;
      position: absolute;
      right: -8px;
  }

  .magnifier-search img {margin: 0 0 6px 0;}

  .magnifier-search-page{margin: 7px -11px 0px 0;}

  .magnifier-search-page img{}

  .header-nhs-icon{
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .header-social-icons{
    position: absolute;
    top: 3px;
    right: 28px;
  }

  .header-social-icons li{
    width:30px;
    margin-right:6px
  }

   @media (max-width:1024px){
      .hamburger-nav{width: calc(100% - 100px);}
      .hamburger{margin-right:-4%;}
   }


  @media (max-width: 650px){

    .hamburger{margin-right:-6%;}
    .hamburger-nav{width: calc(100% - 100px);min-width: initial;}
    .hamburger-nav-main{flex-direction:column;}
    .hamburger-nav-col {margin-bottom: 0;}
    #hamburger-nav-col-1{order:2;}
    #hamburger-nav-col-2{order:3;}
    #hamburger-nav-col-3{order:1;margin-left: 0;max-width: 268px;}

    input[type="text"].search-input {
        right: 0px;
        width: calc(100% - 24px);
    }

    .magnifier-search{right: 6px;}
    .hamburger-nav-inner{padding-bottom: 62px;}
    .header-social-icons{bottom:0;right:0;top: initial;}
    .header-nhs-icon {left: 0;}

  }


  @media(min-width: 1860px){
    .row-hamburger {
      padding-top: 47px;
    }
  }

  /* Slider */
  #banner-slide-2{overflow: hidden;}

  .banner-header{
      margin: 10% 0 5% 0;
  }
  @media (max-width: 1366px){
    .banner-header {
        margin: 3% 0 5% 0;
    }
  }
  @media (max-width: 1200px){
    .banner-header {
        margin: 0 0 5% 0;
    }
  }

  @media (max-width: 1024px){
    .banner-header br{display:none;}
  }

  .banner-content{margin-bottom: 2%;}
  .page-id-314 .banner-content{margin-bottom: 0;}
  .page-id-314 .banner-content p{margin-bottom: 0;}

  .banner-button{margin: 33px 0 0 0;}
  .page-id-314 .banner-button{margin: 15px 0 0 0;}

  .banner-image{
      position: absolute;
      bottom: 0;
      right: -23%;
      width: 70%;
      z-index: 1;
  }

  .banner-image-about{
    max-width: initial;
    width: 120%;
    margin-left: -10%;
  }

  .banner-image-about-mobile{display:none;}

  @media (max-width: 576px){
    .banner-button {margin: 33px 0 30px 0;padding: 15px 80px 16px 30px;}
    .patient-main-banner-buttons {width: 100% !important; font-size: 14px;}

    .banner-image-about{
        max-width: initial;
        width: 80%;
        margin: auto;
        max-width: 80%;
        min-width: 230px;
    }

    .banner-image-about-desktop{display:none;}

    .banner-image-about-mobile{display:block;}
  }

  #banner-image-1{margin-bottom: -1.2%;}

  #banner-image-2{width: 47%; right: -1%; overflow: hidden; margin-bottom: -11%;}

  #banner-image-3{width: 80%;margin-bottom: -0.1%;right: -23%;}

  #banner-image-4{
    width: 113%;
    margin-bottom: -0.7%;
    right: -62%;
    max-width: 113%;
  }

  #banner-image-5{
    width: 76%;
    margin-bottom: -2%;
    max-width: 76%;
  }

  #banner-image-6{
    width: 78%;
    margin-bottom: -5.05%;
    max-width: 69%;
  }

  #banner-image-7{
    width: 84%;
    margin-bottom: -4.04%;
    right: -26%;
  }

  #banner-image-8{
    width: 89%;
    margin-bottom: -5.8%;
    max-width: 100%;
    right: -41%;
  }

  #banner-image-9{
    width: 35%;
    margin-bottom: -0.07%;
    max-width: 35%;
    right: 5%;
  }

  #banner-image-10{
    width: 50%;
    margin-bottom: -2.13%;
    max-width: 42%;
    right: 1%;
  }

  #banner-image-people{
    right: -18%;
    width: 66%;
    max-width: 65%;
    margin-bottom: -4%;
  }

 .home #banner-image-1{
      margin-bottom: -1.2%;
      right: -25%;
  }
  .home #banner-image-2{
      width: 47%;
      right: -1%;
      overflow: hidden;
      margin-bottom: -11%;
  }
  .home #banner-image-3{width: 94%;margin-bottom: -0.24%;right: -31%;}
  .home #banner-image-4{
      width: 118%;
      margin-bottom: -0.75%;
      right: -61%;
      max-width: 200%;
  }
  .home #banner-image-5{
      width: 90%;
      margin-bottom: -2.23%;
      max-width: 82%;
      right: -30%;
  }
  .home #banner-image-6{
      width: 83%;
      margin-bottom: -6.14%;
      max-width: 97%;
      right: -31%;
  }


  @media (max-width: 1255px){
    .col-banner{width: 58%;}
    .col-banner-omg-foundation {width: 59%;}
    .banner-image{margin-right: -7%;width: 74%;}
    #banner-image-2{margin-right:0%;width:40%;margin-bottom:-6%;}
  }

  .people-linkedin{float: right;margin-top: 19px;}

  .people-linkedin img{vertical-align: -10px;margin-left: 8px;}

  .slick-list{overflow: visible!important;}
  .slick-slide{overflow: hidden!important;}
  .slick-slide.slick-active{overflow: visible!important;}

  @media (max-width:576px){
    .slick-track{display: flex !important;}
    .slick-slide{height: inherit !important;}
    .slick-slide > div{height:100%;}
    .slick-slide .wrapper{height:100%;padding-bottom: 0;}
  }

  .testimonial-slider, .partners-slider{overflow: hidden;}

  .slick-dots li {
      display: inline-block;
      margin: 0 7px 0 0;
      cursor: pointer;
      z-index: 1;
  }

  .slick-dots li button {
      font-size: 0;
      line-height: 0;
      width: 12px;
      height: 12px;
      padding: 5px;
      cursor: pointer;
      outline: none;
      border: 1px solid #fff;
      border-radius: 10px;
      background: transparent;
  }

  .slick-dots li button:hover,.slick-dots li button:focus {outline: none;}
  .slick-dots li.slick-active button {background: #fff;}
  .slider .slick-track {display: flex!important;}
  .slider .slick-slide {height: inherit!important;}
  .slider .slick-slide > div, .slider .slick-slide > div > div {height: 100%;}


  /* Testimonials */
  .testimonial{
      width: calc(100% - 414px);
      margin-top: 1%;
      min-width: 58%;
      }
  .testimonial-content{
      padding-bottom: 4%;
  }
  .testimonial-name{}
  .testimonial-job-title{}

  #img-half-2{
      position: absolute;
      right: 0;
      width: 314px;
      bottom: 0;
      margin-bottom: -1.1%;
      max-width: 37%;
  }
  .partners-slider .slick-track{
    display: flex;
      justify-content: center;
      align-items: center;
  }

  .testimonial-slider .slick-dots, .partners-slider .slick-dots, .omg-foundation-slider .slick-dots{
      border-color: #494949;
      text-align: center;
      padding-top: 4%;
  }

  .omg-foundation-slider .slick-dots{
      border-color: #494949;
      text-align: center;
      margin: -1% 0 3% 0;
  }


  .partners-slider .slick-dots{padding: 4% 0;}

  .testimonial-slider .slick-dots li button, .partners-slider .slick-dots li button, .omg-foundation-slider .slick-dots li button{
      border-color: #494949;
  }
  .testimonial-slider .slick-dots li.slick-active button, .partners-slider .slick-dots li.slick-active button, .omg-foundation-slider .slick-dots li.slick-active button{
      background-color: #494949;
  }

 .omg-foundation-slider{overflow: hidden;}

 /* the slides */
 .omg-foundation-slider .slick-slide {
   margin: 0 20px;
 }
 /* the parent */
 .omg-foundation-slider .slick-list {
   margin: 0 -27px;
 }

  @media (max-width:800px) {
    .testimonial{width: 100%;}
    #img-half-2{display: none;}
  }

  @media (max-width: 890px){
    .col-banner{width: 100%;}
    .banner-image{display:none!important;}
    .banner-content {margin-bottom: 19px;}
    .patient-main-banner-buttons {width: 85%;}
  }

  .offset-image-container{
    float: left;
    margin: 9% 0 3% 2%;
  }

  .offset-image{
    width: 59.7%;
    position: relative;
    margin: -4% 4% 5% -2%;
    float: left;
  }

  .offset-image-title{margin-bottom: 1em;}

  .offset-image-content{
      margin: 3.5% 4% 3% 0;
      overflow: hidden;
      position: relative;
      padding-top: 4%;
  }


  @media (max-width:940px){

    .offset-image-container{
      float: left;
      margin: 29% -14% 0 -14%;
    }

    .offset-image{
      width: 80%;
      position: relative;
      margin: -10% 10% 0% 10%;
      float: none;
    }

    .offset-image-title{margin-bottom: 1em;}

    .offset-image-content{margin: 0; overflow: initial; padding: 3% 10% 5% 10%;}

    .link-arrow-case-studies{position:relative;margin-bottom:1em;}

    .col-half-outer .link-arrow-case-studies{position:absolute;top: 11px;}

  }


  .shadow-image-container{float: right;width: 38%;padding: 0%;margin: 7% 0 4% 2%;align-self: center;max-width: 100%;}

  .shadow-image{margin: -6% 6% 6% -6%;}

  #shadow-image-container-2{width: 42%;}

  /* Technology Page */

  #laptop-image{margin: 4% 5% 4% 0;}

  #app-image{
      margin: 2% auto;
      height: 100%;
      max-width: initial;
      flex: initial;
      position: relative;
      z-index: 1;
      width: 29%;
      align-self: center;
  }
  #app-image-circle{
      position: absolute;
      right: -16%;
      z-index: 0;
      width: 57%;
      top: 0;
      margin-top: -9%;
  }

  .col-title-technology-section-1{padding-top: 12%;}

  .store-icons{margin-top: 0;}

  .store-icon{}

  #store-icon-1{width: 126px;}

  #store-icon-2{width: 160px;}


  @media (max-width: 1024px){

    #laptop-image{max-width: 100%;margin: 8% auto 0% auto;width: 100%;flex: initial;}
    .col-title-technology-section-1 {padding-top: 0;}
    .row-reverse{flex-wrap: wrap-reverse;}
    #app-image{margin: 8% 0 0 10%; height: auto; max-width: 100%; flex: initial;}
    #app-image-circle{right: 0; left: 0; width: 68%; margin-left: 18%;}
    .row-free-resources {margin-bottom: 84px;}
    .col-half-outer{flex: 0 47%!important;}

  }

  @media (max-width: 1023px){
    #free-resources-image{display: none;}
    .row-free-resources {margin-bottom: 0;}
    .shadow-image-container{max-width:100%;width: 91%;margin: 20px 0 6% 6%;}
    .col-half {flex: 0 100%;}
    .col-half-outer{flex: 0 47%!important;}
  }

  @media(max-width:800px){
      #app-image{
        margin: 17% auto 0 auto;
        height: auto;
        max-width: 100%;
        width: initial;
    }

    #app-image-circle{
        display:none;
    }
  }

  @media(max-width:667px){
    .col-half-outer{flex: 0 100%!important;}
  }

  /* Work with us page*/
  #free-resources-image-container{flex-basis: 50%;}
  #free-resources-image{
      position: absolute;
      width: 70%;
      z-index: 1;
      right: -8%;
      margin-bottom: -7.6%;
      bottom: 0;
      max-width: 55%;
  }

  #wellbeing-image{
      width: 70%;
      z-index: 1;
      margin: 2% -19% 0.5% -10%;
      bottom: 0;
      max-width: 100%;
  }

  @media(max-width:1299px){

    #wellbeing-image{
      width: 72%;
      z-index: 1;
      margin: 2% -19% 2% -10%;
      bottom: 0;
      max-width: 100%;
    }

  }

  /* OMG Foundation Page */

  #omg-foundation-image{
      position: absolute;
      width: 90%;
      z-index: 1;
      right: -39%;
      bottom: 0;
      max-width: 90%;
      margin-bottom: 4%;
      }

  .col-partner{text-align: center;display: flex!important;justify-content: center;margin: 0;padding: 0;}

  .partner-image{}



  @media(max-width:1023px){

    #wellbeing-image{display:none;}
    #omg-foundation-image{display:none;}

  }




  /* Footer */
  .col-footer-right{}

  .footer-nav li{
      margin-right: 30px;
      display: inline-block;
  }
  .social-icons-container{
      display: flex;
      /* flex-basis: 50%; */
  }
  .social-icons{
      display: flex;
  }
  .social-icons li{}
  .footer-social-icons{
      margin-left: auto;
  }
  .footer-social-icons li{
      width: 30px;
      margin-right: 6px;
  }

  .footer-nhs-icon{margin-left: 5%;}

  .share-buttons{position: initial; margin-left: auto; width: 112px;}


  @media (max-width:768px){

    .col-footer{
      padding: 3% 0 3% 0;
      flex-wrap: wrap;
      flex-direction: column;
    }

    .footer-nav{
      margin: 0 0 4% 0;
    }
  }

  @media (max-width:576px){
    .service .header-3 {font-size: 1.5rem;}
    .service a {white-space: nowrap;}
    .service img {max-width: 100px; width: 100px;}

    .footer-social-icons {
        margin-left: 0;
    }
    .footer-nav li{
        margin-right: 30px;
        display: inline-block;
        margin-bottom: 13px;
    }
  }


  /* ACF map*/

  .acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
  }

  .acf-map img {max-width: inherit !important;}


/* Whinhill & Great Western patient pages*/
body.postid-3309 .surgery-image-nhs, body.postid-5731 .surgery-image-nhs {
  background-color: #003087;
}


body.postid-3309 .single-surgeries .button-large, body.postid-5731 .single-surgeries .button-large {
  background: #003087;
}

body.postid-3309 .single-surgeries span, body.postid-5731 .single-surgeries span {
  background: #003087;
}

body.postid-3309 .button-large, body.postid-5731 .button-large {
  background: #003087 url(images/arrow-white.svg) no-repeat center right 29px;
}

body.postid-3309 .single-surgeries .row-banner-surgery, body.postid-5731 .single-surgeries .row-banner-surgery {
  border-top: 1px solid #003087;
  border-bottom: 1px solid #003087;
}

body.postid-3309 .bg-blue, body.postid-5731 .bg-blue {
  background: #003087;
}

body.postid-3309 .helpful-info.col-2 h3, body.postid-5731 .helpful-info.col-2 h3 {
  color: #003087;
}

body.postid-3309 .helpful-info-extra.col-1 h3, body.postid-5731 .helpful-info-extra.col-1 h3 {
  color: #003087;
}

body.postid-3309 .helpful-info-extra.col-2 h3, body.postid-5731 .helpful-info-extra.col-2 h3 {
  color: #003087;
}

body.postid-3309 .helpful-info .button, body.postid-5731 .helpful-info .button {
  background-color: #003087;
}

body.postid-3309 .links-content a, body.postid-5731 .links-content a {
  color: #003087; 
}

body.postid-3309 #recommendBtn, body.postid-5731 #recommendBtn {
  background-color: #003087;
  border: 1px solid #003087;
}


/* MODAL - TEAM PAGE */

#teamModal {

}

#teamModal table{
  margin-top:16px;
}

#teamModal table td {
  padding:8px;
}


#teamModal h3 {
  margin-top:16px;
  font-size:30px;
}

#teamModal h4 {
  padding:0;
  font-size:20px;
}


.helpful-section .helpful-info .content a {
  color: #005eb8;
}

.helpful-section .helpful-info {
  padding-bottom: 0;
  margin-bottom: 0;
}


#teamBtn.button {
  margin-top:8px;
} 


/* Careers page*/
body.page-id-5422 .bg-green {
  background-color: #4FA28B;
}

.page-id-5422 .header-1 {
  font-size: 2em;
  margin: 1% 0 1% 0;
}

body.page-id-5422 nav li a {
  color:#fff;
}

.page-id-5422 .bg-green .banner-content h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 2% 0;
  line-height: 1.3;
} 

.page-id-5422 .bg-green .banner-button {
  color: #31737C;
  background: #FFFFFF url(images/button-arrow-green.png) no-repeat center right 29px;
}

.row-banner-careers {
  display: flex;
}

.page-id-5422 footer {
  position: relative;
}

.page-id-5422 .content.benefits-content li {
  color: #31737C;
  font-weight: 600;
  line-height: 1.5;
}

.page-id-5422  .content.benefits-content ul li::before {
  content: "\2022";
  color: #31737C;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.page-id-5422 .jobvacancy {
padding:1em 0em; border-bottom:2px solid #31737C;
display: grid; 
grid-auto-flow: column; 
grid-auto-rows: 1fr; 
grid-template-columns: 1fr 110px; 
grid-template-rows: 1fr; 
gap: 0px 8px; 
grid-template-areas: 
  ". ."; 

}

.page-id-5422 .jobvacancy h4 {
color: #31737C;
margin-bottom: 0.5em;
font-size: 1em;
}

.page-id-5422 .jobvacancy p {
margin-bottom: 0.25em;
font-size: 0.75em;
}

.page-id-5422 .jobvacancy h4 a {
color: #31737C;
}

.page-id-5422 .jobvacancy .button-large {
background-color: #31737C;
color: #FFF;
margin-top: 0;
padding: 10px 20px 10px 20px;
background-image: none;
font-weight: 200;
font-size: 0.75em;
text-decoration: none;
}

.page-id-5422 .button-allvacancies {
background: #31737C  url(images/arrow-white.svg) no-repeat center right 29px;;

color: #FFF;
text-decoration: none;
float: right;
padding: 15px 80px 15px 30px;
}

.page-id-5422 .vacancies-column .col-title {
margin: 39px 0 15px 0;
min-height: 0; 
}

.page-id-5422 .col-video {
text-align: left;
}

@media (max-width:576px){
.page-id-5422 .col-video {
  text-align: left;
}
}

.text-green {
color: #31737C;
}

.page-id-5422 .link-arrow {
display: inline-block;
background: url(images/button-arrow-green.png) no-repeat center right;
padding-right: 96px;
}

.page-id-5422 .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.page-id-5422 .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 779px) {
   .row-posts-mobile {
      display: block;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 88%;
      margin: 0 auto;
      max-width: 100%;
  }
}
@media (max-width: 779px){
   .proportionator {
    padding-bottom: 45%;
  }
}

@media (max-width: 550px) {
   .proportionator {
    padding-bottom:65%;
  }
}


@media (max-width:768px) {
  .helpful-widget.col-3 {
    width: 100%;
    margin-bottom: 25px;
  }
}



/* FEEDBACK FORMS */

.wpcf7-form {

}

.wpcf7-form h2 {
  font-size:30px;
  margin:0 0 0.5em 0;
  font-weight:bold;
}

.wpcf7-form h3 {
  font-size:20px;
  margin:2em 0 0.5em 0;
  font-weight:bold;
}

.wpcf7-form p {
  margin-bottom: 1.5em;
}

.wpcf7-form label {

}

.wpcf7-form .wpcf7-list-item {
  display: block;
  margin: 0.5em 1em 0 0 ;
}



/* MODAL */

.modal-content p a {
  color: #003087;
  text-decoration:underline;
}


.surgery-item .col-quarter.surgeryname-Wetherby {
  display:none;
}



/* NHS APP */


.bg-light-blue {
  background-color:#D4E8E7;
  margin-bottom: 4em;
}

.text-blue {
  color: #005eb8;
}


.nhs-app .service {
  padding-top: 25px;
  border-top: 1px solid #005eb8;
  width: 48%;
}

.nhs-app .service p a {
  color: #005eb8;
}

@media only screen and (max-width: 850px) {
  .nhs-app .service {
      width: 100% !important;
      padding-bottom: 25px !important;
  }

  .nhs-app .service img {
    max-width: 100%; 
    width: 100%;
  }

}
.single-surgeries .banner-surgery-content a.patchs-button {
  width: 82%!important; border-radius: 10px; background-color: #7e4c97;
}

.single-surgeries .banner-surgery-content a.patchs-button h3 {
  font-size: 36px; color: #ffffff; 
  font-weight:600;
}



.single-surgeries .banner-surgery-content a.nhs-app-button {
  background-color: #005eb8 !important;
}

.single-surgeries .banner-surgery-content a.accurx-button {
  background-color: #63DBC0!important;
}


.single-surgeries .banner-surgery-content a.patchs-button p {
  font-size: 18px; color: #ffffff; 
}

.single-surgeries .banner-surgery-content a.patchs-button .patchs-logo {
  display:block;
  width:70px;
  float: left;
  margin-right: 20px;
}


@media only screen and (max-width: 425px) {
  .single-surgeries .banner-surgery-content a.patchs-button {
    width: 75%!important; 
    padding: 15px 60px 15px 22px!important;
  }

  .single-surgeries .banner-surgery-content a.patchs-button h3 {
    font-size: 24px; 
  }
  
  .single-surgeries .banner-surgery-content a.patchs-button p {
    font-size: 16px; 
  }

  .single-surgeries .banner-surgery-content a.patchs-button .patchs-logo {
    width:60px;
    margin-right: 15px;
  }

}


.onemk-logo {
  margin-top: 20px;
  margin-left: 20px;
  float: right;
  max-width: 120px;
  width: 120px;
}




/* GRAMPIAN PANEL */ 

.bg-grampian-gradient {
  background: rgb(63,94,251);
  background: linear-gradient(108deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
}


.bg-grampian-gradient p {
  color:#fff;
  word-break: break-all;


}

.bg-grampian-gradient p a {
  text-decoration:underline;
  word-break: break-all;

}

.nhs-grampian .service {
  padding-top: 25px;
  border-top: 1px solid #fff;
 
}

.nhs-grampian .service-left {
  width: 60%;
  padding-top: 3%;
  border-top: 1px solid #fff;
}


.nhs-grampian .service-right {
  width: 35%;
  padding-top: 3%;
  border-top: 1px solid #fff;
}

.bg-grampian-gradient .row-surgeries-footer-top {
  padding-top: 4%;
}



@media (max-width:768px){

  .nhs-grampian .service-left {
    width: 100%;
    padding-top: 3%;
    border-top: 1px solid #fff;
  }
  
  
  .nhs-grampian .service-right {
    width: 100%;
    padding-top: 3%;
    border-top: 0;
  }

}






/* Style the tab */
.tab {
  overflow: hidden;
  border: 0;
  margin-top:5px;
  padding-bottom: 10px;
}

.tab.text-white strong {
  float:left;
  padding-top:9px;
}


/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #2D6870b0;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 15px;
  transition: 0.3s;
  border-radius:8px;
  color:#fff;
  margin-left:15px;
  box-shadow:7px 7px 5px rgba(0,0,0,0.1);
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #2D6870;

}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #2D6870;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0;
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.video-player iframe {
  width: 100%;
  max-width: 500px;
  border-radius:8px;
}

.tabcontent video, .tabcontent iframe {
  border-radius:8px;
}



@media (max-width:600px){

  .tabcontent video, .tabcontent iframe {
    width:100%!important;
  }
  
  .tab.text-white strong {
    width:100%;
  }

  .tab button {
    margin-left:0;
    margin-right:15px;
  }

}





/* NHS GET THE HELP PANEL */ 

.bg-darkgrey {
  background-color:#3f5260;
  padding-top: 25px;
}


.bg-darkgrey h2 {
  font-size:22px;
  font-weight:600;

}


.bg-darkgrey p a {
  color:white!important;
  text-decoration: underline;
}

.bg-darkgrey ul {
  list-style: circle;
  margin-left: 20px;
  margin-bottom: 1em;
}

.bg-darkgrey ul li {

}

.nhs-gethelp .service {
  padding-top: 25px;
  border-top: 1px solid #fff;
  width: 48%;
}

.ac-container label {

  padding: 5px 0;
  position: relative;
  z-index: 20;
  display: block;

  cursor: pointer;


}

.ac-container {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  color:#fff;
}

.ac-container div {
  border-bottom:1px solid white;
}

.ac-container label {
  color:#fff;
  
  padding:20px 40px 20px 0;
}

.ac-container label:hover {
  color:#fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover {
  color:#fff;


}
.ac-container label:after,
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
  content: '+';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 22px;

}

.ac-container input:checked + label:hover:after {
  color:#fff;
}

.ac-container input {
  display: none;
}

.ac-container article {
  color:#fff;
  margin-top: -1px;
  overflow: hidden;
  height: 0;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  padding:0 0 0;
}

.ac-container article p {
  color:#fff;
}

.ac-container article p:first-child {
  margin-top:20px;
}

.ac-container input:checked ~ article {
  -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out,box-shadow 0.1s linear;

}

.ac-container input:checked ~ article.ac-small {
  height: auto;
}

.ac-container input:checked ~ article.ac-medium {
  height: auto;
}

.ac-container input:checked ~ article.ac-large {
  height: auto;
}

  @media (max-width:768px){

    .nhs-gethelp .service {
      padding-top: 25px;
      border-top: 1px solid #fff;
      width: 100%;
    }
    .bg-darkgrey {
      padding-top: 25px;
    }

  }



  /* END - NHS GET THE HELP PANEL */ 




  /* PATIENT PAGE OVERVIEW CONTACT US */ 


/* CONTACT US FORM - MAIN SITE*/ 

.header-2-contactus {
  margin-top:1em;
}

.wpcf7 h2 {
  font-size:1.5em;
  color: #0053b8;
  margin-top: 2em;
}


.wpcf7 select {
  border: 2px solid #444;
  border-radius: 4px;
  margin-top:3px;
  background-color:#fff;  
  width: 96%;
  font-size: 1.5em;
  padding: 20px;
}





input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea {
  border: 1px solid #444;
  padding: 10px;
  border-radius: 4px;
  margin-top:3px;
  background-color:#fff;  
  width: 90%;
}

.wpcf7 {
  width:100%;
}

.wpcf7-form {
  margin-bottom:4em;

}

.wpcf7-form h3 {
  font-size:1.25em;
  font-weight:600;
}

.wpcf7-form-control {
  display:block;
  float:left;
  width:100%;
}

.wpcf7-form p {
  margin-bottom: 1.5em;
  display: block;
  float: left;
  width: 100%;

}

.wpcf7-form p a {
  color: #0053b8;
  text-decoration:underline;
}

.wpcf7-form p label {
  font-weight:bold;
}

.wpcf7-form p .wpcf7-radio label {
  font-weight:normal;
}

.wpcf7-form textarea {
  width:90%;
  background-color:#fff;  
}


.wpcf7-list-item {
  display: inline-block;
  margin: 3px 1em 0 0;
  border: 1px solid #444;
  padding: 10px 20px;
  border-radius: 4px;
  background-color:#fff;  
  
}




.wpcf7-submit {
    padding: 10px 30px;
    border: 0;
    text-align: center;
    background-color: #0053b8;
    color: white;
    border-radius: 50px;
}

.blue-selection .wpcf7-list-item {
  border: 2px solid #0053b8;
  color: #0053b8;
  font-weight:bold;
}

.wpcf7-list-item:hover {
  outline:2px solid #444;
  cursor:pointer;
}

.blue-selection .wpcf7-list-item:hover {
  outline:4px solid #0053b8;
}

.wpcf7-list-item label:hover, 
.wpcf7-list-item input, 
.blue-selection .wpcf7-list-item label:hover, 
.blue-selection .wpcf7-list-item input {
  cursor:pointer;
}


.row.row-contact-form {

  width: 100%;
}


.row.row-contact-form .col-banner-contactus {
  border-left: 1px solid lightgrey;
  padding-left: 2em;
}

.blue-selection.large-selection .wpcf7-list-item {
  padding: 30px 3%;
  font-size: 1.5em;
  width: 40%;
  margin: 3px 3% 0 0;
  float:left;
}

.blue-selection.large-selection .wpcf7-list-item.last, .blue-selection.large-selection.large-3col .wpcf7-list-item.last {
  margin: 3px 0 0 0;
}

.blue-selection.large-selection.large-3col .wpcf7-list-item {
  width: 26%;
  margin: 3px 3% 0 0;
  padding: 30px 2%;
}
 
input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  float: left;
    margin-right: 10px;
}

input[type="radio"] {
  /* ...existing styles */
  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: currentColor;
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  width: 92%;
  display: block;
  float: left;
}

.wpcf7 form .wpcf7-response-output {
  width: 92%;
  display: block;
  float: left;
}



@media (max-width:576px){

  input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea {
    width:95%;
    margin: 3px 0 0.5em 0;
  }

  .wpcf7-list-item {
    width:90%;
    margin: 3px 0 0.5em 0;
  }

  .wpcf7-submit {
    width:100%;
  }

  .wpcf7 select {
    width: 100%;
    margin-right: 0;
  }

  .row.row-contact-form .col-banner-contactus {
    border-left: 0;
    padding-left: 0;
  }

  .blue-selection.large-selection .wpcf7-list-item {
    padding: 20px 3%;
    width: 93%;
    margin: 3px 0% 10px 0;
  }


  .blue-selection.large-selection.large-3col .wpcf7-list-item {
    width: 93%;
    margin: 3px 0% 10px 0;
    padding: 20px 3%;
  }

  .wpcf7-form textarea {
    width: 94%;
  }

}



/* PATIENT PAGE - CONTACT BANNER*/ 

.yellow-nhs-background {
  background-color:#FAE100;
}

.yellow-nhs-background p {
  color:black;
  margin: 1em 0;
}

.yellow-nhs-background .form-section-contactus {
  display: flex;
  align-items: center;
  width: 90%;
}

.yellow-nhs-background .form-section-contactus .form-label {
  width: 36%;
  color:black;
  padding:15px 15px 15px 0;
}

.yellow-nhs-background .form-section-contactus .form-select {
  width: 40%;
  display: flex;
  align-items: center;
  padding:15px 0;
}

.feedback-button {
  width: 60%;
  padding:10px 0;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5);
}

.wrapper-contactus-patient {
  background-color:#D4E8E7;
}

.wrapper-contactus-patient .wpcf7-form {
  margin-bottom:0;
  margin-top:2em;
}

@media (max-width:768px){

  .yellow-nhs-background .form-section-contactus {
    width: 100%;
    display:block;
  }
  
  .yellow-nhs-background .form-section-contactus .form-label {
    width: 100%;
  }
  
  .yellow-nhs-background .form-section-contactus .form-select {
    width: 100%;
    padding: 0 0;
  }

  .feedback-button {
    width: 100%;
  }

}

.wrapper-contact-us {
  padding-top: 2em;
  margin-bottom: 4em;
  background-color: #E6EFF8;
}

/* END - PATIENT PAGE - CONTACT BANNER*/ 


  /* END - PATIENT PAGE OVERVIEW CONTACT US */