/*
Theme Name: Media Street Customiser Child
Theme URI: https://www.media-street.co.uk/
Template:     mediastreetcustomiser
*/

/* Theme-wide custom properties */
:root {
    --gold-gradient: linear-gradient(155deg, rgba(234, 212, 128, 1) 7%, rgba(213, 190, 109, 1) 33%, rgba(197, 162, 93, 1) 57%, rgba(190, 151, 87, 1) 80%, rgba(185, 143, 79, 1) 93%);
    --gold-gradient-hover: linear-gradient(155deg, rgba(224, 203, 121, 1) 7%, rgba(205, 184, 108, 1) 33%, rgba(184, 151, 88, 1) 57%, rgba(170, 135, 77, 1) 80%, rgba(163, 126, 69, 1) 93%);
}

/* Base Typography */
body, ul, li, ol, a, div, placeholder, fieldset, blockquote, p, input, select, textarea, span.full_width {font-family: montserrat, sans-serif; font-weight: 300;}
p {font-size: 18px;}
h1, h2, h3, h4, h5, #menu-header-menu > li > a {font-family: montserrat, sans-serif; font-weight: 400;}
h1, h2 {font-size: 36px; font-weight: 500;}
h3 {font-size: 20px;}
strong, strong a {font-weight: 600;}

/* Global Utilities */
html {scroll-behavior: smooth;}
.w-100 {width: 100% !important;}
.fl-right, .floatright {float: right;}
.text-white {color: #ffffff !important; line-height: 150%;}
.centertitle h2 {text-align: center;}
.img-fluid {max-width: 100%; height: auto;}
.nodesktop {display: none;}

/* Container Styles */
.container {max-width: unset; min-width: 0;}

/* Admin Bar - Logged In Only */
#wpadminbar {z-index: 9999999999;}
.admin-bar .header-custom, .sub-header {margin-top: 32px !important;}
.sub-header-separator {margin-top: 83px;}

/* Button Base Styles */
.btn.btn_2 {text-align: center !important;}
.btn.btn_4 {text-align: center !important;}
a.btn {padding: 8px 20px;}
.btn_1 a {padding: 8px 20px;}
a.btn.btn_2 {padding: 10px 20px;}
a.btn.btn_2:hover {cursor: pointer;}
.buttons .btn {margin-right: 10px;}
footer a.btn, .main-content.top a.btn {margin-right: 7px;}

/* Button Styles & Colours */
.btn.btn_4 {background: #8EB2B5; border: 1px solid #fff; color: #fff;}
.btn.btn_4:hover {background: #2e3c3d !important;}

/* Gold Gradient Buttons */
#menu-header-menu > li:hover > a, #menu-header-menu > li.current_page_item > a, #menu-header-menu > li.current-menu-parent > a, .promo-boxes .promo-slider:hover h3, a.btn.btn_2 {background: rgb(234, 212, 128); background: var(--gold-gradient);}
a.btn.btn_2 {border: 0;}
a.btn.btn_2:hover {background: rgb(224, 203, 121); background: var(--gold-gradient-hover);}

/* Gold Icon Gradient */
.gold-icon, .quote i {background: var(--gold-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}

/* Legacy Button Styles */
.button_styles {color: white; padding: 8px 20px; background: var(--button_1_background_colour); border: 2px solid #245565; border-radius: 1px; margin: 10px; margin-top: 0px; font-family: montserrat, sans-serif; font-weight: 300; font-size: 16px;}
.button_styles:hover {cursor: pointer; background: #8cb2b5; border: 2px solid #8cb2b5;}
.button_styles.active {cursor: pointer; background: #8cb2b5; border: 2px solid #8cb2b5;}

/* Custom Fixed Header */
.header-custom {position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999999 !important; background: #245565; transition: 0.3s ease-in-out all !important;}
header.fade-in {background: #245565;}
.header-separator {height: 46px;}

/* Logo Styles */
.logo img {max-width: 400px; height: auto; max-height: unset;}
.fade-in .logo img {max-width: 400px;}
.footer-logo {max-width: 400px;}

/* Header Contact Info */
.header-custom .contact a {color: #fff;}
.header-custom .contact .tel {font-size: 18px; margin-right: 45px; top: 3px; position: relative;}
.contact span {border-right: 2px solid #eee; padding-right: 13px; margin-right: 15px; font-size: 15px;}

/* Header Logos */
.head-logos .logos {display: inline-block;}
.head-logos img {width: 170px; height: auto; opacity: 0.6;}
.google-logo img {width: 170px; height: auto; margin-top: 6px;}
.invisalign {position: relative; top: 18px; float: left;}

/* Header Button */
header a.btn {padding: 8px 20px; display: inline-block; width: 200px; text-align: center;}

/* Main Menu */
#menu-header-menu li {border-right: 1px solid #124d5f; font-size: 15px; margin-left: -5px;}
#menu-header-menu > li > a {padding: 15px 20px;}
#menu-header-menu li:last-child {border-right: none;}
#menu-header-menu i {font-size: 14px;}

/* Dropdown Menus */
.sub-menu {width: 250px; padding: 10px 0px;}
#menu-header-menu li > ul > li > a {padding: 6px 20px; margin-left: 5px;}
#menu-header-menu li ul li a:hover {background: none;}

/* Dropdown Arrow */
#menu-header-menu .sub-menu:before {content: ''; display: block; margin: auto; width: 0; height: 0; background: transparent !important; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--main_colour); position: absolute; left: 20px; top: -10px;}

/* Third Level Dropdown */
#menu-header-menu .sub-menu > li > .sub-menu {left: 255px; width: 200px; background: #327f99;}
#menu-header-menu .sub-menu > li > .sub-menu:before {border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #327f99; left: -20px; top: 13px;}

/* Specific Menu Positions */
.menu-item-231313 .sub-menu {top: 179px;}
#menu-item-231299 .sub-menu {top: 44px;}

/* Responsive Menu */
#responsive-menu-pro-button {z-index: 999999999999 !important;}
#responsive-menu-pro-container {z-index: 999999999999 !important;}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {cursor: pointer;}
#responsive-menu-pro-container .btn {padding: 10px 20px; width: 100%; margin-bottom: 10px; display: block;}
#rmp_menu_trigger-231787 {z-index: 999999999999999999999 !important;}
.fade-in #responsive-menu-pro-button {height: 55px; width: 55px;}

/* Header Variant 2 - Blue Header */
.header-2 {background: #245565;}
.header-2 a.btn_3 {border: 2px solid #fff; background: #245565; color: #fff;}
.header-2 .header_nav {background: #fff;}
.header-2 #menu-header-menu > li > a {color: #245565; font-weight: 400;}
.header-2 .header-2 #menu-header-menu > li > a {color: #fff;}
.header-2 #menu-header-menu > li:hover > a, .header-2 #menu-header-menu > li.current_page_item > a, .header-2 #menu-header-menu > li.current-menu-parent > a {color: #fff;}
.header-2 #menu-header-menu li {border-right: 1px solid #eee;}

/* Header Navigation Styles */
.header_nav .social {float: right; margin-top: 13px;}
.header_nav .social i {font-size: 20px;}
.header_nav .social .icon-instagram {color: #D62977;}
.header_nav .social .icon-twitter {color: #1C9CEA;}
.header_nav .social .icon-facebook-squared {color: #4064AC;}
.menu-header-menu-container, .header_nav .social {display: inline-block;}

/* Slider / Hero Section */
.slider-content {padding-right: 45%;}
.slider-content h2, .slider-content h1, .slider-content p, .slider-content a {color: #fff;}
.slider-content h2, .slider-content h1 {font-size: 45px; margin-bottom: 30px;}
.slider-content p {font-size: 20px; margin-bottom: 50px;}
.slider-content .btn {margin-right: 10px;}

/* Section Style 1 */
.section_style_1 a {color: #fff; text-decoration: underline;}
.section_style_1 a.btn, .section_style_1 a.btn:hover {text-decoration: none;}
.section_style_1 a:hover {color: #fff; text-decoration: none;}

/* Section Style 2 */
.section_style_2 .accordion-section-content a {text-decoration: underline; color: #444444;}
.section_style_2 .accordion-section-content a:hover {text-decoration: none;}

/* Section Style 3 */
.section_style_3 li {color: #fff;}
.section_style_3 p a {color: #fff; text-decoration: underline;}
.section_style_3 p a:hover {text-decoration: none;}
.section_style_3 p a.btn {text-decoration: none;}
.section_style_3 h3 {font-weight: 600; margin-bottom: 10px;}
.section_style_3 .btn_4 {border: 1px solid #fff; color: #fff;}
.section_style_3 .btn_4:hover {border: 1px solid #245565; color: #fff; background: #245565;}
.section_style_3 li:before {color: #245565;}
.section_style_3 ul {margin-bottom: 10px;}

/* Background Image Sections */
.section_bgimage .section_style_2 {background: none;}

/* Bullet Points Base Styles */
.main-content li, .blog_article li, .main-content ul li, .single-team .content li {margin: 0; padding: 0; position: relative; padding-left: 27px; line-height: 150%; margin-bottom: 5px; font-size: 18px;}
.main-content li::before, .blog_article li::before, .single-team .content li:not(.glide__slide)::before, .section_style_1 li:not(.glide__slide)::before {content: "\f0c8"; font-family: fontello; position: absolute; left: 2px; color: var(--main_colour); font-weight: 600; font-size: 11px;}
.blog_article ul, .main-content ul {margin-bottom: 20px;}

/* Section Specific Bullets */
.section_style_1 li, .section_style_2 li, .section_style_3 li {margin: 0; padding: 0; position: relative; padding-left: 27px; line-height: 150%; margin-bottom: 5px;}
.section_style_1 li {color: var(--section_1_paragraph_colour) !important;}
.section_style_2 li {color: var(--section_2_paragraph_colour) !important;}
.section_style_3 li {color: var(--section_3_paragraph_colour) !important; font-size: 18px;}
.section_style_1 li:not(.glide__slide)::before, .section_style_2 li:not(.glide__slide)::before, .section_style_3 li:not(.glide__slide)::before {content: "\f0c8"; font-family: fontello; position: absolute; left: 2px; font-weight: 600; color: #d5be6d; font-size: 11px;}
.section_style_1 li:before {color: #fff;}
.search-results-box li::before {content: "\f0c8"; font-family: fontello; font-weight: 600; color: #d5be6d; font-size: 11px; padding: 20px; line-height: 30px;}

/* Main Content Area */
.main-content p:last-child {margin-bottom: 0px;}
.main-content h2 {margin-bottom: 10px;}
.main-content h3 {margin-bottom: 10px; font-size: 30px;}
.main-content.top h2 {font-size: 24px; color: #bb9252; margin-bottom: 0px;}
.main-content.second-block li::before {position: unset; margin-right: 11px;}

/* Blog Article Headings */
.blog_article h2, .blog_article h3 {margin-bottom: 20px;}

/* Quotes / Testimonials */
.quote h2, .reviewssection h2 {color: #fff; font-size: 30px; line-height: 150%; font-weight: 600;}
.quote .container {width: 60%;}
.quote h3, .reviewssection h3 {color: #fff; font-size: 18px;}
.quote button:not(.glide__arrow) {background: rgb(234, 212, 128); background: var(--gold-gradient);}
.quote.section_bgimage, .reviewssection.section_bgimage {background: linear-gradient(rgb(24, 81, 98, 0.8), rgb(24, 81, 98, 0.8)), url(https://widcombedentalpractice.co.uk/wp-content/uploads/2022/12/0b786420-4094-43d0-80c7-008608a45d9e-1.jpg); background-position: center; background-size: cover;}
.quote .slick-arrow {display: none !important;}

/* Image One Side */
.image_oneside, .image_text_wide .span_5_of_12 {width: 49%;}

/* Wide Screen Box */
.widescreen img {margin-bottom: -3px;}
.widescreen_box {height: 100%; background: #0c4f659c;}
.widescreen_box h2, .widescreen_box h1 {position: relative; top: 32%; color: #fff; font-size: 75px; opacity: 0.5;}

/* Gallery Text Block */
.gallery_text_block {text-align: justify; margin-right: 50px;}
.gallery_text_block .btn {margin-top: 20px;}
.topsec .container {max-width: 60%;}
.topsec img {max-width: 500px;}

/* Base Accordion Styles */
.accordion-section-content {padding-right: 20px; padding-left: 20px; padding-top: 15px; padding-bottom: 20px; margin-bottom: 20px; transition: max-height 0.2s ease-out;}
.inner_accordion .accordion-section-content {background: #f9f9f9 !important; margin-top: -9px;}

/* FAQ Specific Styles */
.faqs .inner_accordion .accordion-section-title {font-size: 22px; border-bottom: 1px solid #ccc; font-weight: 400; padding: 20px 0px;}
.faqs .accordion-section-title:before {float: right;}
.faqs .section_style_2 .inner_accordion .accordion-section-title, .faqs .section_style_2 .inner_accordion .accordion-section-content, .faqs .section_style_2 .accordion-section.inner_accordion .accordion-section-title.active, .faqs .section_style_2, .faqs .section_style_2 .accordion-section.inner_accordion .accordion-section-title:hover, .faqs .section_style_2 .accordion-section.inner_accordion .accordion-section-title:focus {background: #eee;}

/* Treatment Summary */
.treatment-summary {width: 50%; min-width: unset;}
.treatment-summary li {display: inline-block; width: 19%; color: #666;}
.treatment-summary img {max-width: 75px; height: auto;}
.treatment-summary i {font-size: 40px; color: #245565;}
.treatment-summary h4 {font-size: 18px; margin-bottom: 10px; color: #444; font-weight: 600; line-height: 120%;}

/* Treatment Buttons */
.treatment-buttons h3 {font-weight: 400;}
.treatment-buttons .invisalign-button {text-align: center;}
.treatment-buttons .invisalign-button .col {float: none; display: inline-block;}
.treatment-buttons .section.group:not(.invisalign-button) .col.matchheight {display: flex; flex-direction: column;}
.treatment-buttons .invisalign-button .col {display: inline-block; flex-direction: initial;}
.container.treatment-buttons {width: 60%; min-width: 0;}

.treatment.btn {border: 1px solid #17647e; width: 100%; display: flex; background: #fff; color: #245565; font-size: 17px; font-weight: 400; padding: 10px 15px; text-align: left; position: relative; padding-right: 40px; line-height: 120%; flex: 1; align-items: center;}
.treatment-buttons .invisalign-button .treatment.btn {display: block; flex: initial;}
.treatment.btn:hover {color: #245565;}
.treatment.btn:hover i {background: var(--gold-gradient);}
.treatment.btn i {float: right; position: absolute; background: var(--gold-gradient-hover); right: 0; padding: 0 4px; top: 0; color: #FFF; height: 100%; display: flex; align-items: center; justify-content: center;}

/* Promo Boxes */
.promo-boxes h2 {margin-bottom: 30px;}
.promo-boxes h3 {background: #fff; color: #245565; padding: 20px; z-index: 99999; display: inline-block; width: 100%; position: relative;}
.promo-boxes .promo-slider:hover h3 {color: #fff;}
.promoslider .slick-list {width: 90%; display: inline-block;}
.promo-boxes i, .reviews i {color: #8eb2b5; cursor: pointer;}

/* Review Sections */
.reviews h2 p {font-size: 18px;}
.reviews .slick-list {width: 80%; display: inline-block;}
.reviews .slick-dots button {border-color: #fff;}
.reviews .slick-dots .slick-active button {background: #fff;}

/* Review Boxes */
.review_box {background: #eee; padding: 30px; border: 3px solid #e6e4e4;}
.review_listing i {color: #be9757;}

/* Google Reviews */
.g-review {min-height: 300px !important; box-shadow: 0px 0px 10px 2px #eee; padding: 20px;}
.g-review img {width: 150px; height: auto;}
.g-review i {color: #edb406;}
.g-review .customer {color: #717074; font-weight: 700;}
.g-review .review-text {color: #717074; line-height: 130%; font-size: 18px;}

/* Review Widget */
.ti-widget-container {position: fixed; z-index: 999999999; bottom: 2%;}
.ti-widget.ti-goog .ti-widget-container {position: relative; z-index: 0;}
.reviews-glide .glide__arrow {color: white !important;}

/* Team Grid */
.team-members .section {text-align: center;}
.team-members .team-col {float: none; display: inline-block; margin: auto; vertical-align: top;}

/* Team Cards */
.team {background: #eee; padding: 20px; border: 3px solid #e6e4e4;}
.team h2 {font-size: 30px;}
.team h3 {font-weight: 600; color: #444;}
.team span, .team-content span {font-weight: 400; font-size: 18px; color: #c5a25d;}
.team-thumb img {border-radius: 50%; max-width: 215px;}

/* Team Social Links */
.team-content li {display: inline-block;}
.team-content li a {color: #666; font-size: 30px;}
.team-content .icon-facebook:hover {color: #4064AC;}
.team-content .icon-twitter:hover {color: #1C96E8;}
.team-content .icon-instagram:hover {color: #D62977;}

/* Single Team Page */
.single-team-text {padding: 15px;}

/* Dental Plans */
.plans {background: #eee; padding: 40px; position: relative;}
.plans .btn {position: absolute; bottom: 40px;}

/* Exercises Box - TMJ Page */
.exercises {background: #245565; text-align: left; padding: 26px; margin-top: 30px; border-radius: 5px;}
.exercises h2, .main-content .exercises li, .main-content .exercises li:before {color: #fff;}
.main-content .exercises li:before {position: absolute;}

/* Reception Section */
.reception .container {max-width: unset;}
.reception img {border-radius: 50%;}
.reception p {margin-right: 20px; text-align: left;}
.reception .box {position: relative; display: flex; align-items: center;}
.reception-text {margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 85%;}
.reception-text.nobutton {-ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;}
.reception h2 {font-size: 36px; font-weight: 500;}
.reception h5 {color: #9e9e9e; line-height: 130%;}
.padding20 {padding: 20px;}

/* Bottom Homepage Section */
.bottomsec h2 {font-size: 36px; font-weight: 500;}
.bottomsec .container {width: 60%;}
.bottomsec p {font-size: 22px;}

/* Blog Listing */
.blog_listing h2 {font-size: 27px; line-height: 140%;}
.blog-sidebar {background: #eee; padding: 40px 40px 0px 40px; border-radius: 10px;}
.blog-sidebar h2 {margin-bottom: 30px;}

/* Blog List Meta */
.blog_list_meta i {color: var(--blog_icon_colour);}

/* Breadcrumbs */
.breadcrumbs_section {background: #eee; padding: 6px 0px; font-size: 15px;}
.breadcrumbs_section p {margin-bottom: 0; font-size: 15px;}
.breadcrumbs_section a {color: #444;}
.rank-math-breadcrumb, .last-mod {display: inline-block;}
.last-mod {float: right;}

/* Contact Bar */
.contact_bar a {color: #D9C271 !important;}
.contact_bar a:hover {text-decoration: underline;}

/* Contact Form */
.contact-form .container {max-width: 50%;}
.contact-form h2 {color: #ffffff;}
.blue_bg {background: #245565;}
.blue_bg p, .blue_bg h2 {color: #ffffff;}
.blue_bg a {color: #D9C271;}
.blue_bg a:hover {color: #D9C271;}

/* Emergency Contact */
.emergency .col {border: 1px solid #3fa4d1; background: #f7f7f7; padding: 20px;}

/* Forms - Formidable */
.with_frm_style input, .with_frm_style textarea {padding: 10px 16px !important;}
.with_frm_style input[type="checkbox"] {padding: 0 !important;}
.frm_submit button {padding: 10px 16px !important; font-weight: bold; font-family: inherit !important; box-shadow: none !important;}
.frm_form_1_container .with_frm_style .frm_checkbox:not(.darkgdpr) label {color: #fff !important;}
.with_frm_style .darkgdpr .frm_checkbox label {color: #245565 !important;}
.blog-sidebar .with_frm_style .frm_checkbox label {color: var(--titles_colour);}
.with_frm_style .frm_checkbox label {color: #ffffff;}

/* Gallery Page Specific */
.page-id-233781 .accordion-section-content {padding: 0;}
.page-id-233781 .gallery-item {text-align: left !important; width: 320px !important;}

/* Before & After Slider */
.before-after .container {width: 70%; min-width: 0;}
.before-after .slick-list {width: 85%; display: inline-block;}
.before-after img {border: 10px solid #fff; border-top: 0; border-bottom: 0; height: fit-content;}
.before-after .slick-arrow {color: #245565;}

/* Before/After Comparison Slider */
.slider-container {position: relative; width: 100%; max-width: 700px; height: 700px; overflow: hidden; display: flex; align-items: center; margin: 0 auto;}
.before-image, .after-image {position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; pointer-events: none;}
.after-image {clip: rect(0, 50%, 700px, 0);}

/* Slider Handle */
.slider-handle {position: absolute; height: 100%; cursor: ew-resize; z-index: 10; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; padding: 0 20px; background: transparent;}
.slider-handle::before {content: ''; position: absolute; width: 1px; height: 100%; background-color: white; left: 50%; transform: translateX(-50%);}
.slider-handle.animate-shake {animation: shakeX 1.2s ease-in-out;}

/* Chevron Arrows */
.chevron {color: white; font-size: 20px; padding: 5px; text-align: center; user-select: none; pointer-events: none;}
.chevron:first-child {margin-right: 5px;}
.chevron:last-child {margin-left: 5px;}

/* Shake Animation */
@keyframes shakeX {
    0% {transform: translateX(-50%);}
    30% {transform: translateX(-60%);}
    60% {transform: translateX(-40%);}
    100% {transform: translateX(-50%);} /* Return to center */
}

/* Slick Slider */
.slick-slide img {display: inline-block;}
.treatments-slider .slick-list {display: inline-block; width: 70%;}

/* Glide Arrows */
.glide__arrow {background: none; border: none; font-size: xxx-large; color: var(--section_1_colour); cursor: pointer !important;}
.glide__arrows {padding-top: 10px;}
.glide__arrow--left i {left: 1.41%; position: absolute; top: 50%; transform: translateY(-50%);}
.glide__arrow--right i {right: 0%; position: absolute; top: 50%; transform: translateY(-50%);}

/* CQC Widget */
.cqc-widget.cleanslate {width: 70% !important;}

/* Google Widget */
.google-widget {max-width: 190px !important; background: rgb(238, 238, 238); position: fixed; bottom: 10%; padding: 20px; box-shadow: none; border: 3px solid rgb(230, 228, 228); border-radius: 4px; width: 190px; margin-left: 10px;}
.google-widget [class^="icon-"]:before, [class*=" icon-"]:before {margin-left: .1em; margin-right: .1em;}
.google-widget:hover, .google-widget:active, .google-widget:focus {bottom: 11%; transition: 300ms ease-in-out;}
.google-widget .icon-star {color: #FBBC05; font-size: 20px;}
.google-widget a {text-decoration: underline;}

/* LiveChat Widget */
.bot-eb-trigger.bot-right {z-index: 5 !important;}
.bot-eb-trigger.bot-active {z-index: 9999999999999999999999999 !important;}

/* Instagram */
.insta_sbi_img {background-position: center center; background-size: cover;}

/* Footer Styles */
footer a:hover {text-decoration: underline;}
footer li, .footer_address {line-height: 150%;}
.subfooter li {line-height: 0;}
.subfooter a {color: #aaa;}
.opening_hours li {color: #fff;}
.opening_hours span {font-weight: bold;}
.social_footer {float: left; margin-right: 20px;}

/* Footer Award Logo */
.award-logo img {max-width: 194px; text-align: center; display: inline-block; background: #fff; box-sizing: border-box; padding: 15px;}

/* Social Icons */
.x-logo {width: 15px !important; margin-bottom: 4px;}
.x-icon {width: 18px !important; position: relative; top: 3px;}

/* Career Page */
.career-box {border: 1px solid #e5e3e3; padding: 30px; margin-bottom: 30px; background-color: #eeeeee;}
.career-box h2 {font-size: 24px;}

/* Sitemap */
.sitemap p, .sitemap a {line-height: 150%;}

/* Search Form */
.search-form input {padding: 8px 20px; border: 2px solid #eee; margin-right: 10px;}
.search-form input:focus {outline: none; box-shadow: none;}
.search-form .btn.btn_1 {padding: 8px 20px; cursor: pointer;}

/* Table Styles */
table {width: 100%; border-collapse: collapse;}
td, th {border: 1px solid #ddd; padding: 8px;}
tr:nth-child(even) {background-color: #f2f2f2;}
th {padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #255666; color: white;}

/* Text Effects */
.sweep-text {font-size: 17px; color: #fff; position: relative; overflow: hidden; line-height: 130%;}

/* Message Banner */
.message {text-align: center; color: #fff; margin-top: 14px; width: 100%; display: block; padding: 10px 0px;}
.message a {color: #ffffff !important;}
.message a:hover .sweep-text {color: #BB9B5B !important;}
.message .container {color: #fff; font-weight: 600;}

/* Invisalign Landing Page - Theme Overrides */
.page-template-page-landing-page .header-custom, .page-template-page-landing-page .footer-2, .page-template-page-landing-page #responsive-menu-pro-button, .page-template-page-landing-page .bot-eb-trigger.bot-right, .page-template-page-landing-page .google-widget, .page-template-page-landing-page .bot-eb-widget {display: none;}
.page-template-page-landing-page .header-separator {height: 0;}

/* Desktop Absolute Positioning */
.desktop-absolute {position: absolute; bottom: 15px;}

/* Invisalign Header */
.invisalign-header.header-2 {position: fixed; z-index: 999; width: 100%; top: 0;}

/* Invisalign Slider */
.invisalign-slider {background: #8eb2b5;}
.invisalign-slider .slider-content h2, .invisalign-slider .slider-content h1 {font-size: 53px; line-height: 140%; margin-bottom: 80px;}
.invisalign-slider .slider-content img {position: relative; left: -23px;}
.invisalign-slider .slider-content {padding-right: 40%;}

/* Invisalign Buttons */
.invisalign-button.btn_3 {background: none; font-weight: 500; color: #fff; border-color: #fff; font-size: 22px;}
.contact-buttons a.btn {width: auto; margin-left: 15px;}
.invisalign-button.btn_3, .contact-buttons a.btn, .invisalign-button.btn_1, .invisalign-button.btn_2 {font-size: 22px; padding: 12px 20px;}
.contact-buttons .btn.btn_2 {padding: 14px 20px;}

/* Invisalign USPs */
.usp {position: absolute; bottom: 0; background: #8eb2b5; padding: 21px; text-align: center; width: auto; border-radius: 20px 20px 0px 0px;}
.usp img {max-width: 68px;}
.usp h4 {font-weight: 600; color: #FFF; line-height: 130%; font-size: 18px;}
.usp.centered-items {display: flex; justify-content: center; gap: 20px;}

/* Invisalign Text Blocks */
.page-template-page-landing-page .section_style_3 li:not(.glide__slide)::before {content: "\e80e"; color: #fff; font-size: 18px;}
.page-template-page-landing-page .section_style_3 li, .page-template-page-landing-page .section_style_3 p {font-size: 22px;}
.page-template-page-landing-page .section_style_3 li {padding-left: 30px;}
.slider-content h3 {color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 10px;}

/* Invisalign FAQs */
.invisalign-faqs .accordion-section.inner_accordion {background: #eee !important;}
.invisalign-faqs .inner_accordion .accordion-section-title {background: #245565; color: #fff; margin-bottom: 10px; cursor: pointer; border-bottom: solid 5px #91b2b5;}
.invisalign-faqs .accordion-section.inner_accordion .accordion-section-title.active, .invisalign-faqs .accordion-section.inner_accordion .accordion-section-title:hover, .invisalign-faqs .accordion-section.inner_accordion .accordion-section-title:focus {background: #244959; color: #fff;}
.invisalign-faqs .inner_accordion .accordion-section-title i {float: right;}

/* Invisalign Dentists */
.invisalign-dentists img {border-radius: 50%; max-width: 230px;}
.invisalign-dentists .col {padding: 0px 20px;}
.invisalign-dentists h3 {font-size: 26px; font-weight: 500;}
.invisalign-dentists span {font-weight: 400; font-size: 18px; color: #c5a25d;}

/* Invisalign Contact Section */
.invisalign-contact.section_bgimage {background: linear-gradient(rgb(24, 81, 98, 0.8), rgb(24, 81, 98, 0.8)), url(https://widcombedentalpractice.co.uk/wp-content/uploads/2022/12/IMG_9386-1-scaled-1.jpeg); background-position: center; background-size: cover;}
.invisalign-contact h2 {color: #fff;}
.invisalign-contact .container {width: 60%; min-width: unset;}

/* Responsive: 1300px - 1500px */
@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    .footer-2 .container, .reception .container {width: 90%;}
    .container.treatment-buttons {width: 80%;}
}

/* Responsive: 900px - 1500px */
@media only screen and (min-width: 900px) and (max-width: 1500px) {
    .invisalign-slider .slider-content h1 {font-size: 46px;}
    .contact-buttons .btn.btn_2 {padding: 14px 13px;}
}

/* Responsive: 900px - 1863px */
@media only screen and (min-width: 900px) and (max-width: 1863px) {
    .container {width: 90%;}
    .contact-buttons a.btn {font-size: 19px;}
}

/* Responsive: 900px - 1270px */
@media only screen and (min-width: 900px) and (max-width: 1270px) {
    .header-custom .btn {display: none;}
    .container.treatment-buttons, .bottomsec .container {width: 90%;}
    .slider-content h2, .slider-content h1 {font-size: 32px;}
    .slider-content {padding-right: 37%;}
    .slider-content .btn {margin-right: 0px; margin-bottom: 10px;}
    #responsive-menu-pro-container {width: 40% !important;}
    .contact {margin-top: 9px;}
    .treatment-summary {width: 80%;}
    .reception img {max-width: 100%; display: inline-block;}
    .reception p {margin-right: 0; position: relative;}
    .reception-text {margin: 0; position: unset; transform: unset; width: 100%;}
    .quote h2 {font-size: 32px;}
    .quote .separator200 {height: 100px;}
    .quote .container {width: 70%;}
    .quote h3 {line-height: 150%;}
}

/* Responsive: 772px - 899px */
@media only screen and (min-width: 772px) and (max-width: 899px) {
    .header-separator {height: 120px !important;}
    .header-custom {top: 37px !important;}
}

/* Responsive: Under 900px - Mobile */
@media only screen and (max-width: 900px) {
    /* Global Mobile Styles */
    .col {margin: 1% 0 1% 0%;}
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
    
    /* Hide/Show Elements */
    .nomobile, .header_nav {display: none;}
    .nodesktop {display: block;}
    
    /* Container */
    .container {width: 90%; max-width: none; min-width: 0;}
    .image_oneside {min-height: 300px;}
    
    /* Cookie Notice Mobile */
    #branda-cookie-notice .button {display: block; margin: 20px 0px 0px 0px; padding: 10px;}
    #branda-cookie-notice .cookie-notice-container {width: auto;}
    
    /* Message Banner */
    .message {margin-top: 119px;}
    
    /* Sub Header */
    .sub-header {background: #142f38; position: fixed; z-index: 9999999999; width: 100%; top: 0px !important; text-align: center; margin-top: 0px !important;}
    .sub-header a, .sub-header i {color: #fff;}
    .sub-header a {margin-right: 6px;}
    .sub-header-separator {position: fixed !important; height: 30px !important; top: 0px !important;}
    
    /* Hide Elements */
    .google-widget, .header-custom .btn, .header-custom .contact {display: none !important;}
    .last-mod {float: none;}
    
    /* Gallery Page */
    .page-id-233781 .gallery-item {width: 100% !important; text-align: center !important;}
    .page-id-233781 .accordion-section {text-align: center;}
    
    /* Separator */
    .separator100 {height: 50px;}
    
    /* Center Text */
    .gallery_text_block, .bottomsec .textleft, .footer-2, .footer-2 .textleft, .reception, .team .textleft, .reception p, .reception-text, .subfooter, footer .legal, #menu-bottom-menu, #responsive-menu-pro-container a.btn.btn_2 {text-align: center;}
    
    /* Homepage */
    .bottomsec img {width: 70%;}
    .topsec .container {max-width: 100%; width: 90%;}
    .topsec img {margin-bottom: 20px;}
    
    /* Promo Boxes */
    .promoslider .slick-list {width: 75%;}
    
    /* Typography */
    h2, h1 {line-height: 130%; font-size: 32px;}
    .bottomsec h2 {font-size: 28px;}
    .bottomsec h2, .bottomsec p {margin-right: 0;}
    .team span, .team-content span, .main-content h3 {line-height: 130%;}
    
    /* Containers */
    .container.treatment-buttons, .bottomsec .container {width: 90%;}
    
    /* Responsive Menu */
    #responsive-menu-pro-container {width: 80% !important;}
    #responsive-menu-pro-header {top: 36px !important;}
    button#responsive-menu-pro-button {top: 50px !important;}
    div#responsive-menu-pro-container.slide-right {margin-top: 119px !important;}
    
    /* Slider */
    .slider-content h2, .slider-content h1 {font-size: 32px;}
    .slider-content {padding-right: 0;}
    .slider-content .btn {margin-right: 0px; width: 100%; display: block; margin-bottom: 10px;}
    
    /* Reception */
    .reception img {max-width: 40%; display: inline-block;}
    .reception p {margin-right: 0; position: relative;}
    .reception-text {margin: 0; position: unset; transform: unset; width: 100%;}
    
    /* Team */
    .team-thumb img {max-width: 40%;}
    .team-members .team-col {margin-bottom: 40px;}
    
    /* Quotes */
    .quote h2 {font-size: 25px;}
    .quote .separator200 {height: 80px;}
    .quote .container {width: 80%;}
    .quote h3 {line-height: 150%;}
    
    /* Treatment Summary */
    .treatment-summary {width: 90%;}
    .treatment-summary img {max-width: 40px;}
    .treatment-summary h4 {font-size: 14px;}
    .treatment-summary li {display: inline-block; width: 19%; font-size: 14px;}
    
    /* Image Layouts */
    .image_oneside, .image_text_wide .span_5_of_12 {width: 100%;}
    .image_text_wide .span_5_of_12 {padding-left: 5%; padding-right: 5%;}
    
    /* Footer */
    .social_footer {float: none; margin-right: 0; margin-bottom: 10px;}
    .subfooter {font-size: 12px;}
    .subfooter .textright {text-align: center;}
    .subfooter .subfooter_menu ul {margin-bottom: 20px;}
    .subfooter .subfooter_menu li {line-height: 150%; float: none;}
    #menu-bottom-menu {display: inline-block;}
    
    /* Buttons */
    .buttons .btn {margin-right: 0; width: 100%; display: block; margin-bottom: 10px;}
    .main-content.top a.btn {margin-right: 0; display: block; margin-bottom: 10px; position: relative;}
    
    /* Contact Form */
    .contact-form .container {max-width: 90%;}
    
    /* Before and After */
    .before-after .container {width: 100%;}
    .slider-container {height: 400px;}
    .after-image {clip: rect(0, 100%, 400px, 0);}
    
    /* Responsive Menu Pro */
    #responsive-menu-pro-container a.btn.btn_2 {padding: 10px 20px !important; width: 100%; display: block;}
    .rmp-container, .rmp-page-overlay {margin-top: 100px !important;}
    .rmp-menu-subarrow {top: 15px !important;}
    .rmp-menu-wrap i {display: none;}
    
    /* Widescreen Banners */
    .widescreen {overflow: hidden;}
    .widescreen img {object-fit: cover; height: 170px;}
    .widescreen_box h2, .widescreen_box h1 {font-size: 36px; width: 90%; display: inline-block;}
    
    /* FAQs */
    .faqs .inner_accordion .accordion-section-title {font-size: 16px;}
    
    /* Invisalign Landing Page - Mobile */
    .desktop-absolute {position: relative; bottom: unset;}
    .page-template-page-landing-page .contact-buttons a.btn {font-size: 16px !important; margin-left: 0px; padding: 12px 15px; width: 49%;}
    .invisalign-slider .slider-content {padding-right: 0;}
    .contact-buttons .btn.btn_2 {padding: 15px 15px !important;}
    .invisalign-slider .slider-content h2, .invisalign-slider .slider-content h1 {font-size: 38px; margin-bottom: 0;}
    .invisalign-slider {background: #8eb2b5;}
    .invisalign-slider .span_3_of_12 {width: 23.5%;}
    .usp {position: relative; padding: 20px 0px; border-radius: 0;}
    .usp h4 {font-size: 15px;}
    .usp img {max-width: 55px;}
    .invisalign-faqs {text-align: center;}
    .invisalign-contact .container {width: 80%;}
    .page-template-page-landing-page #responsive-menu-pro-header-bar-logo {pointer-events: none;}
    .page-template-page-landing-page #responsive-menu-pro-header-bar-html {display: block !important;}
    .page-template-page-landing-page .head-logos .logos {display: none;}
    
    /* Top Header Mobile */
    .top-header {background-color: #142f38; display: flex; justify-content: space-between; position: fixed; top: 0px; z-index: 9999999999; width: 100%;}
    .top-header div {display: flex;}
    .top-header div .btn:not(.btn_2) {color: white; background: rgba(0, 0, 0, .3);}
    .top-header div .btn:not(:first-child) {border-left: 1px solid rgba(255, 255, 255, 0.2);}
    
    /* Responsive Menu Header */
    #responsive-menu-pro-header #responsive-menu-pro-header-bar-html {margin-right: 31px !important;}
    #responsive-menu-pro-header i {font-size: 22px; margin-left: -4px; vertical-align: middle;}
}

/* Responsive: Under 770px */
@media only screen and (max-width: 770px) {
    .invisalign-header.header-2 {display: none;}
    .page-template-page-landing-page .logo img {width: 100%;}
}

/* Responsive: Under 400px */
@media only screen and (max-width: 400px) {
    #responsive-menu-pro-header #responsive-menu-pro-header-bar-html {display: none !important;}
}

/* Responsive: Under 320px */
@media only screen and (max-width: 320px) {
    .top-header .btn span {display: none;}
}

/* Responsive: Max Width 4000px */
@media only screen and (max-width: 4000px) {
    button#responsive-menu-pro-button {right: 1% !important;}
}