:root {
--color-navy: #0f113c;
--color-darkblue: #30336f;
--color-deepblue: #12143e;
--color-blue: #304ea0;
--color-aqua: #26a285;
--color-green: #78be20;
--color-darkgreen: #578b17;
--color-grey: #3c4b50;
--color-lightgrey: #9eb5bd;
--color-lightpurple: #6d71b3;
--color-pink: #bf2b5a;
--color-lightpink: #f4eaf0;
}
body {
font-size: 15px;
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: var(--color-lightpink);
}
.container {
max-width: 1250px;
margin: 0 auto;
} .site-header {
background-color: #0f103c;
}
.site-branding {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.site-branding .logo {
flex-grow: 0;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 400px;
}
.gtranslate_wrapper {
padding-right: 34px;
}
.site-branding .address {
flex-grow: 1;
flex-shrink: 1;
text-align: right;
font-size: .9em;
line-height: 1.4;
color: #ffffff;
}
.site-branding .address p {
margin: 0;
}
.site-branding .address .title {
margin: 0;
font-size: 1.2em;
color: var(--color-aqua);
font-weight: bold;
}
.site-branding .address a {
display: block;
text-decoration: none;
color: inherit;
}
.site-branding .address a:first-of-type {
margin-top: 1em;
}
.site-branding .address a:hover {
text-decoration: underline;
}
.site-branding .tdd-sidebar {
flex-grow: 0;
flex-shrink: 0;
margin-right: 1.5em;
}
.tdd-panel .tdd-button.pink-btn {
background-color: var(--color-pink) !important;
}  #float-social input[type=submit] {
display: none;
}
#float-social {
float: none;
position: fixed;
right: 0;
top: 50%;	
z-index: 999;
transform: translateY(calc(-50% - 70px));
}
.floatsearch {
position: relative;
font-size: 1.2em;
}
.searchexpand {
position: absolute;
z-index: 5;
right: 0;
top: 0;
bottom: 0;
width: 0;
background: #c22d5a;
padding-right: 0px;
border-radius: 10px 0 0 10px;
transition: all 0.3s;
}
.searchexpand input[type="search"] {
background: white;
margin: 3px!important;
padding: 9px 10px 9px!important;
border-radius: 10px 0 0 10px;
border: none;
max-width: 210px!important;
font-size: 1rem;
width: 100%;
text-align: left;
}
input[type=search]:focus {
outline: none!important;
}
.searchbtn {
position: relative;
z-index: 10;
text-align: center;
color: #fff;
padding: 9px 8px;
margin-bottom: 5px;
background: #c22d5a;
border-radius: 10px 0 0 10px;
cursor: pointer;
border: 1px solid white;
}
.search .entry-title a {
color: var(--global--btn-color);
}
.search h2 {
margin-bottom: 0;
border-radius: 0 15px 0 0;
position: relative;
z-index: 10;
transition: 0.3s;
}
.search h2:hover {
background-color: var(--color-darkgreen);
}
.search h2 a {
text-decoration: none;
}
.search .entry-summary {
padding: 0.5em 1.5em;
}
.search .entry-summary:last-child {
margin-bottom: 2em;
}
.search .entry-summary p {
margin: 0;
} .navigation {
background-color: var(--color-aqua);
color: #efefef;
}
.navigation a {
color: #efefef;
padding: 0.75em 0.5em;
transition: 0.3s;
}
.navigation a:hover {
background-color: rgba(255,255,255,0.3);
}
.navigation .current-menu-item {
background-color: rgba(255,255,255,0.2);
outline: 2px solid white;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.navigation .current-menu-parent,
.navigation .current-page-parent {
background-color: rgba(255,255,255,0.2);
}
.navigation .nav-menu {
justify-content: center;
align-items: center;
gap: 5px;
padding-inline: 1em;
}
.navigation .highlight a {
background-color: var(--color-navy);
outline: 2px solid white;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
text-align: center;
}
.navigation .highlight a:hover {
background-color: var(--color-darkblue);
}
.navigation .sub-menu {
background-color: var(--color-aqua);
flex-direction: column;
} h1, h2, h3, h4 {
background-color: var(--color-aqua);
color: white;
padding: 0.1em 0.75em 0.25em 0.5em;
border-radius: 10px;
text-wrap: balance;
margin-top: 1em;
margin-bottom: 0.5em;
}
h1:first-of-type {
margin-top: 0;
}
h2, h3, h4 {
width: fit-content;
}
.entry-content p {
margin-top: 0;
}
.noTopMargin {
margin-top: 0;
}
.page-content, .entry-content, .entry-summary {
background-color: #ffffff;
}
figure:first-child {
margin-top: 0;
}
.newTab a {
position: relative;
}
.newTab a span {
position: absolute;
right: 0;
} .footer-band {
background-color: var(--color-deepblue);
padding: 1.5em 0;
}
.footer-band h4 {
margin: 0 0 0.5em;
}
.footer-band .widget, .wp-block-columns {
margin-bottom: 0;
}
.footer-band .opening-times {
margin-bottom: 1em;
padding-bottom: 1em;
}
.im100 {
width: 100%;
height: auto;
}
.im100 * {
width: 100%;
height: auto;
}
.grow img {
transition: 0.3s;
cursor: pointer;
}
.grow:hover img {
scale: 1.05;
}
footer {
background-color: var(--color-blue);
color: #ffffff;
padding-block: 1em;
}
footer .site-info {
display: flex;
justify-content: space-between;
align-items: center;
}
footer a {
color: inherit!important;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer .menu {
list-style: none;
display: flex;
gap: 0;
margin: 0;
}
footer .menu li:not(:first-child)::before {
content: '|';
margin-left: 5px;
margin-right: 5px;
} .feature-menu {
background-color: var(--color-aqua);
border-radius: 30px 30px 0 0;
padding: 1.5em;
}
.feature-menu .menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.feature-menu .menu li {
width: 125px;
text-align: center;
}
.feature-menu .menu li a {
border-radius: 10px;
background-color: white;
width: 100%;
aspect-ratio: 1;
text-align: center;
background-position: center 17px;
background-repeat: no-repeat;
background-size: 40% auto;
padding-top: 75px;
padding-inline: 10px;
display: inline-block; 
vertical-align: middle;
text-decoration: none;
font-weight: bold;
line-height: 1em;
color: var(--color-navy);
transition: 0.3s;
}
.feature-menu .menu li:hover a {
scale: 1.05;
background-color: #cef5ec;
color: var(--color-aqua);
}
.feature-menu .menu li .sub-menu {
display: none!important;
}
.feature-menu .menu li.home a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/home-icon.png); }
.feature-menu .menu li.opening a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/Opening-Times-icon.png); }
.feature-menu .menu li.appointments a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/appointments-icon.png); }
.feature-menu .menu li.clinics a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/clinics-services-icon.png); }
.feature-menu .menu li.tests a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/test-results-icon.png); }
.feature-menu .menu li.new a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/new-patients-icon.png); }
.feature-menu .menu li.contact a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/Contact-Details-icon.png); }
.feature-menu .menu li.patient a { background-image: url(//www.ixworthsurgery.co.uk/wp-content/uploads/2025/03/patient-survey-icon.png); } .tdd-slide-area {
background: #fff;
display: flex;
flex-direction: column;
gap: 1em;
margin-bottom: 1.5em;
}
.tdd-slide-window {
background: #ccc;
width: 100%;
height: 70dvh;
position: relative;
overflow: hidden;
}
.tdd-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
transition: 0.3s;
}
a.tdd-slide:hover {
scale: 1.02;
}
.tdd-slide-content {
position: absolute;
bottom: 0;
padding: 1em;
background: rgba(0,0,0,0.5);
width: 100%;
color: #fff;
}
.tdd-slide-content .wp-block-image {
text-align: left;
}
.tdd-slide-content a {
color: #fff!important;
text-decoration: underline!important;
}
.tdd-slide-content h2, .tdd-slide-content h3 {
margin: 0!important;
background-color: transparent;
padding: 0;
font-size: 2.4em;
line-height: 1.2em;
}
.tdd-slide-content h3 {
font-size: 1.8em;
}
.tdd-slide-content p {
font-size: 1.2em;
margin: 0;
}
.tdd-slide-content figure {
margin-top: 0.5em;
margin-bottom: 0;
}
.tdd-slide-content :where(.wp-block-columns) {
margin-bottom: 0;
} .doctor-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1em;
}
.doctor {
background-color: var(--color-aqua);
padding: 0;
border-radius: 20px;
border: 4px solid var(--color-aqua);
overflow: hidden;
}
.doctor .img {
max-height: 290px;
background: white;
overflow: hidden;
text-align: center;
}
.doctor img {
width: 80%!important;
height: 100%!important;
max-width: none!important;
object-fit: cover;
}
.doctor .desc {
background-color: var(--color-aqua);
color: white;
border-radius: 20px 20px 0 0;
padding: 0.5em;
transform: translateY(-20px);
}
.doctor .desc p {
margin-block: 0.25em;
}
.doctor .desc p:last-child {
margin-bottom: 0;
}
.doctor h2 {
font-size: 1.1em!important;
transform: translateX(-0.5em);
padding-left: 0.5em;
}
@media only screen and (max-width: 1250px) {
footer {
width: 100%;
padding: 1em;
}
}
@media only screen and (max-width: 1100px) {
.feature-menu .menu li a {
padding-top: 55px;
background-size: 25%;
font-size: .8em;
line-height: 1.3em;
}
.feature-menu .menu li {
width: 105px;
}
.navigation .nav-menu {
font-size: .9em;
}
}
@media only screen and (max-width: 1024px) {
.menu-toggle {
margin: auto;
background-color: var(--color-aqua);
color: #ffffff;
border: none;
border-radius: 0;
padding: 0.6em 1em 0.9em 1em;
width: 100%;
}
.menu-toggle::before {
content: '\2261';
font-size: 1.3em;
margin-right: 0.25em;
font-weight: bold;
line-height: 1;
display: inline-block;
transform: translateY(1px);
}
}
@media only screen and (max-width: 900px) {
.site-branding .logo {
order: 1;
width: 100%;
margin-top: 1em;
padding-inline: 1em;
}
.site-branding .address {
order: 3;
text-align: left;
margin-bottom: 1em;
width: fit-content;
flex-grow: 0;
}
.site-branding .tdd-sidebar {
order: 2;
margin-right: 0;
margin-bottom: 1em;
}
.site-branding {
gap: 1em;
justify-content: center;
}
.site-branding .address > * {
width: fit-content;
}
header .tdd-panel {
border-radius: 15px;
margin-bottom: 0;
}
header .gtranslate_wrapper {
margin-left: 0;
padding-right: 0;
margin-top: .5em;
}
.feature-menu .menu {
align-items: flex-start;
align-content: flex-start;
justify-content: center;
margin: auto;
gap: 1em;
}
}
@media only screen and (max-width: 700px) {
footer .menu {
padding: 0;
}
footer .site-info {
flex-direction: column-reverse;
gap: 1em;
}
}
@media only screen and (max-width: 490px) {
.site-branding .tdd-sidebar {
margin-bottom: 0;
}
.site-branding .address, .site-branding .address > * {
text-align: center;
}
.site-branding .address > * {
width: 100%;
}
footer .menu {
flex-direction: column;
gap: .5em;
align-items: center;
}
footer .menu li:not(:first-child)::before {
display: none;
}
footer .site-info {
text-align: center;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 0;
}
footer .site-info > div:first-child {
margin-bottom: 70px;
}
}