/*
 Theme Name:   Cherrytree Dental
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

font-family: 'DM Sans', sans-serif;
font-weight: 400;

font-family: 'DM Sans', sans-serif;
font-weight: 500;

font-family: 'DM Sans', sans-serif;
font-weight: 700;

font-family: 'DM Sans', sans-serif;
font-weight: 400;
font-style: italic;


font-family: "gelica", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "open-sans", sans-serif;
font-weight: 700;
font-style: normal;

*/

:root {
    --ct-teal: #C0628D;    
    --ct-maroon: #003057;
    --ct-grey: #F7F7F7;
    --ct-radius: 0.3rem;
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
    font-family: "open-sans", sans-serif;
    font-weight: 400;
    font-style: normal;    
    font-size: clamp(1.7rem, 1.4vw, 1.9rem);
}

.baseline .large-text {
    font-size: clamp(1.9rem, 1.4vw, 2.2rem);
    font-weight: 500;
}

body.baseline footer {
    font-size: clamp(1.5rem, 1.4vw, 1.7rem);
}

.baseline h1,
.baseline h2,
.baseline h3,
.baseline h4,
.baseline h5,
.baseline h6 {
    font-family: "gelica", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.baseline h2,
.baseline h3,
.baseline h4,
.baseline h5,
.baseline h6 {
    margin-bottom: 2.5rem;
}

.baseline h2:last-child,
.baseline h3:last-child,
.baseline h4:last-child,
.baseline h5:last-child,
.baseline h6:last-child {
    margin-bottom: 0;
}

.baseline h1 {
    font-size: clamp(3.2rem, 3.3vw, 5.6rem);
}

.baseline h2 {
    font-size: clamp(2.6rem, 2vw, 3.2rem);
}

.baseline h3 {
    font-size: clamp(1.9rem, 1.9vw, 2.4rem);
}

header .container {
    max-width: 100%;
    padding: 0 2%;
    width: 100%;
}

.text-page .cde-flex-content .container {
    padding: 0 15vw;
}

@media ( max-width: 600px ) {

    .text-page .cde-flex-content .container {
        padding: 0 5vw;
    }

}

.baseline p + h3,
.baseline p + h2 {
    margin-top: 3rem;
}

.text-page h2,
.text-page h3,
.text-page h4 {
    margin-top: 3rem;
}

.flex-elm.zero-topgap.first {
    margin-top: 0;
    position: relative;
    z-index: 2;
}

.baseline .header-wrap {
    border-bottom: 0.1rem solid #efefef;
}

.baseline header .custom-logo {
    max-width: 20rem !important;
    transition-duration: 0.7s;
}

.baseline.header-not-at-top  header .custom-logo {
    max-width: 10rem !important;
}

.second .button {
    border-bottom: 0.1rem solid var(--ct-maroon);
    border-left: 0.1rem solid var(--ct-maroon);
}

@media ( min-width: 920px ) {

    .baseline .header-wrap {      
        height: 16.5rem;
        width: 100%;
        position: fixed;
        z-index: 6;
        transition-duration: 0.7s;
        background-color: #fff;                
    }
    
    .baseline.header-not-at-top .header-wrap {
        height: 10.45rem;        
        background-color: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(7px);
    }
    
}

.baseline .main {
    padding-top: 16.6rem;
}

.baseline footer {
    padding: 0;
    margin-top: 7rem;
}

footer > .container {
    width: 100%;
    max-width: 100%;
}

footer .row:nth-child(1) {
    background-color: #fff;
}

footer .row:nth-child(2),
footer .row:nth-child(3) {
    padding: 0 3vw;
}

footer .row:nth-child(2) {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

footer .tablepress .column-1 {
    text-transform: uppercase;
    font-size: 1.3rem;
    width: 8rem;
    text-align: right;
    padding-right: 2rem;
    padding-top: 0.8rem;
}

footer .tablepress tbody td {
    padding: 0.2rem;
    border-top: none;
    font-size: 1.6rem;    
    color: #fff;
}

footer h4 {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 3rem;
}

footer .tel,
footer .email,
footer .address,
footer .loc-map {
    white-space: nowrap;
    margin-bottom: 1rem;
    text-align: right;
}

@media ( max-width: 600px ) {

    footer .tel,
    footer .email,
    footer .address,
    footer .loc-map {
        text-align: center;
    }

}

footer .tel .fa-solid,
footer .email .fa-solid,
footer .loc-map .fa-solid {
    color: var(--ct-teal);
}

footer .address p {
    margin-bottom: 0;
}

footer .tel a,
footer .email a,
footer .address a,
footer .loc-map a {
    margin-left: 0.6rem;
}

footer .tel {
    font-size: 1.9rem;
    font-weight: 700;
}

footer .email,
footer .loc-map {
    font-size: 1.3rem;
}

footer .payment p {
    font-size: 1.3rem;
    margin-bottom: 0.3rem;
}

footer .widget .payment ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    margin-left: 0;
    float: none;
    width: 100%;
}

@media ( max-width: 600px ) {

    footer .widget .payment ul {
        padding: 0 20vw;
    }

}

footer .payment ul .fa-solid,
footer .payment ul .fa-brands {
    font-size: 3rem;
}

footer .footer-2 {
    padding-right: 3vw;
}

footer .logo-bar {
    border-top: 0.1rem solid var(--ct-teal);
    padding: 4rem 8rem;
}

@media ( max-width: 600px ) {

    footer .logo-bar {
        padding: 2rem 0;
    }

}

footer .logo-bar .container {
    width: 100%;
    max-width: 100%;
}

ul.accred-logos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

ul.accred-logos img {
    max-height: 5rem;
}

ul.accred-logos img#logo-2,
ul.accred-logos img#logo-3,
ul.accred-logos img#logo-4 {
    max-height: 3.4rem;
}

ul.accred-logos img#logo-6 {
    max-height: 6rem;
}

@media ( max-width: 600px ) {

    ul.accred-logos {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    ul.accred-logos img {
        padding: 1rem;
    }

}

.baseline header .second {
    bottom: -5.4rem;
    z-index: 9;
}

.baseline li.button a {
    padding: 1rem 2rem;
}

.baseline header .first .menu {
    padding-right: 3vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

header .first {
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-nav.right .container {
    width: 100%;
    max-width: 100%;
    padding-right: 2%;
}

.mobile-nav .custom-logo {
    height: 4.3rem;
    position: absolute;
    top: 0;
    margin-top: 0;
}

.inner #menu-choices-side a {
    border-bottom: none;
}


.baseline .cde-image-left-text-right.has-bgcolor .inner, 
.baseline .cde-text-left-image-right.has-bgcolor .inner {
    padding-left: 7rem;
    padding-right: 7rem;
}

.baseline .has-bgcolor {
    border-radius: var(--ct-radius);
}

.baseline .cde-image-left-text-right .left.img, 
.baseline .cde-text-left-image-right .right.img {
    min-height: 25rem;
    border-radius: var(--ct-radius);
    position: relative;     
}

.baseline .cde-image-left-text-right.border-after, 
.baseline .cde-text-left-image-right.border-after {
    position: relative;
    z-index: 1;
}

@media ( max-width: 600px ) {

    .baseline .cde-image-left-text-right.border-after .img,
    .cde-text-left-image-right.border-after .img {
        margin-bottom: 6rem;
    }     

}

.baseline .cde-image-left-text-right.border-after .left.img:after, 
.baseline .cde-text-left-image-right.border-after .right.img:after {
    content: "";
    border: 0.5rem solid var(--ct-teal);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--ct-radius);
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: -1;    
}

@media ( max-width: 600px ) {

    .baseline .cde-image-left-text-right.border-after .left.img:after, 
    .baseline .cde-text-left-image-right.border-after .right.img:after {
        left: 1rem;
        top: 1rem;
    }

}

.space-around-image.flex-elm {
    padding: 6rem 7rem 7rem 6rem;    
}

@media ( max-width: 600px ) {

    .space-around-image.flex-elm {
        padding: 3rem 4rem 4rem 3rem;    
    }

}

.baseline .cde-image-left-text-right.has-bgcolor.space-around-image .inner, 
.baseline .cde-text-left-image-right.has-bgcolor.space-around-image .inner {
    padding-left: 3rem;
    padding-right: 3rem;
}

.baseline .cde-text-left-image-right.has-bgcolor.space-around-image .inner {
    padding-right: 5rem;
}

.baseline .cde-image-left-text-right.has-bgcolor.space-around-image .inner {
    padding-left: 5rem;
}

@media ( max-width: 600px ) {

    .baseline .cde-image-left-text-right.has-bgcolor.space-around-image .inner, 
    .baseline .cde-text-left-image-right.has-bgcolor.space-around-image .inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .baseline .cde-text-left-image-right.has-bgcolor.space-around-image .inner {
        padding-right: 1rem;
    }

    .baseline .cde-image-left-text-right.has-bgcolor.space-around-image .inner {
        padding-left: 1rem;
    }

}

.baseline .cde-text-left-image-right .left {
    justify-content: center;
}

.arrow-link .inner a:last-of-type {
    font-weight: 500;
    display: inline-block;
    border-bottom: none;
    margin-top: 1.5rem;    
}

.arrow-link .inner a:last-of-type:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    color: var(--ct-teal);
    display: inline-block;
    margin-left: 1rem;
}

.inner p:last-child {
    margin-bottom: 0;
}

@media ( min-width: 1500px ) {

    .baseline .after-content-full .container {
        max-width: 1300px;
    }
    
    
}

.style-4 .box-menu-item {
    background-color: var(--ct-teal);
    border-radius: var(--ct-radius);
}

.cde-box-menu.style-4 .box-menu-item .img {
    height: 20rem;
}

.cde-box-menu.style-4 .box-menu-item .img:before {
    width: 8rem;
    height: 8rem;
    background-position: top left;
    top: 2.5rem;
    left: 2.5rem;
    background-size: contain;
}

.cde-box-menu.style-4 .box-menu-item .option {    
    top: unset;
    bottom: 2rem;
    left: 2.5rem;
    background: transparent;
    padding: 0;
    font-size: 2.5rem;
    font-weight: 500; 
    width: calc(100% - 5rem);
}

.cde-box-menu.style-4 .box-menu-item h2 {      
    max-width: 12rem;
} 

.cde-box-menu.style-4 .box-menu-item .option:after {
    position: absolute;
    font-size: 4rem;
    right: 0.5rem;
    bottom: 2rem;
    content: "";
    content: "\f061";
    color: rgba(255, 255, 255, 0.5);
    font-family: "Font Awesome 6 Pro";
}

.baseline .items-per-row-1, 
.baseline .items-per-row-2, 
.baseline .items-per-row-3, 
.baseline .items-per-row-4, 
.baseline .items-per-row-5, 
.baseline .items-per-row-6, 
.baseline .items-per-row-7, 
.baseline .items-per-row-8 {
    grid-gap: 7rem;
}

.has-bgcolor .cde-shared-content {
    padding: 3rem 0 4rem 0;    
}

#treatment .container > h2 {
    margin-bottom: 6rem;
}

#home-hero .inner {
    grid-template-columns: 40% 60%;   
}

@media ( max-width: 800px ) {

    #home-hero .inner {
        grid-template-columns: 1fr;   
    }

    #home-hero .left-col {
        text-align: center;
    }

}

#home-hero.cde-two-cols.has-bgcolor {
    padding-bottom: 0;
}

#home-hero .right-col img {
    margin: 0;
}

#home-hero .left-col {
    padding-bottom: 4rem;    
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media ( max-width: 1400px ) {

    #home-hero .left-col {
        padding-left: 7rem;
    }

}

@media ( max-width: 900px ) {

    #home-hero .left-col {
        padding-left: 0;
    }

}

#home-hero .right-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#home-hero .right-col p:last-child {
    display: flex;
}

#home-hero .left-col ul {
    list-style: none;
    margin-left: 0;
    margin-top: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#home-hero .left-col ul li {
    margin-right: 5rem;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;    
    align-items: center;
}

@media ( max-width: 600px ) {

    #home-hero .left-col ul {
        justify-content: space-around;
    }

    #home-hero .left-col ul li {
        margin-right: 0;
    }

    #home-hero .left-col {
        padding-bottom: 1rem;
    }


}

#home-hero .left-col .button {
    margin-bottom: 0;
}

#home-hero a.tel {
    position: relative;
    border-bottom: none;
    font-weight: 500;
}

#home-hero a.tel:before {
    content: "\f095";
    display: inline-block;
    color: var(--ct-teal);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-right: 0.8rem;
}

header .first li.current-menu-item > a {
    font-weight: 700;
}


header .first li a { 
    font-size: clamp(1.6rem, 1.4vw, 1.75rem);
}


.baseline .button, 
.baseline a.button,
.baseline .mobile-nav li.button, 
.baseline button, 
.baseline input[type=reset], 
.baseline input[type=button], 
.baseline input[type=submit],
.baseline .woocommerce-page.woocommerce #respond input#submit, 
.baseline .woocommerce-page.woocommerce a.button, 
.baseline .woocommerce-page.woocommerce button.button, 
.baseline .woocommerce-page.woocommerce input.button
.baseline .widget li a.button {
    border-radius: var(--ct-radius);
    font-weight: 500;
}

.baseline header .second .widget li.button {
    border-radius: 0;
    border-bottom-left-radius: var(--ct-radius);
}

.cde-four-pack {
    background-color: var(--ct-grey);
    border-radius: var(--ct-radius);
}

.cde-four-pack .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
    padding: 5rem 6rem 6rem 6rem;    
}

@media ( max-width: 800px ) {

    .cde-four-pack .wrap {
        grid-template-columns: 1fr;
        grid-row-gap: 8rem;
    }

}

.cde-four-pack .left-col {
    display: grid;
    grid-template-columns: 11vw 11vw;
    grid-gap: 7rem;
    position: relative;
    z-index: 1;
    overflow-x: visible;
    padding-left: 3vw;
}

.cde-four-pack .left-col .four-pack-img {
    position: relative;
    height: 12vw;
    border-radius: var(--ct-radius);
    background-size: cover;
    background-position: center;
}

.cde-four-pack .left-col .four-pack-img:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    right: 1.5rem;
    top: 1.5rem;
    border-radius: var(--ct-radius);
    border: 0.5rem solid var(--ct-teal);
    position: absolute;
    z-index: -1;
}

@media ( max-width: 600px ) {

    .cde-four-pack .left-col {
        grid-template-columns: 23vw 23vw;
        grid-gap: 3rem;
    }

    .cde-four-pack .left-col .four-pack-img {
        height: 25vw;
    }

    .cde-four-pack .left-col .four-pack-img:after {
        right: 0.7rem;
        top: 0.7rem;
    }

}

.cde-four-pack .right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.baseline header .right .sub-menu {
    padding-top: 1.2rem;
}

@media ( max-width: 600px ) {

    .footer-1,
    .footer-2,
    .footer-3,
    .footer-4 {
        margin-bottom: 3rem;
    }

    footer .tablepress {
        max-width: 70%;
        margin-left: 15%;
    }

}

.cde-panel {
    background-color: var(--ct-grey);
    padding: 3rem;
    border-radius: var(--ct-radius);
}

.cde-panel h4 {
    margin-bottom: 0;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 0.3rem solid #fff;
}

.cde-panel h4:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.baseline article h1 {
    font-size: clamp(2.9rem, 2.5vw, 4.3rem);
}

.narrow .inner {
    max-width: 60%;
    margin-left: 20%;
}

#treatment-page-menu {
    max-width: 70%;
    margin-left: 15%;
}

@media ( max-width: 600px ) {

    .narrow .inner {
        max-width: 90%;
        margin-left: 5%;
    }

    #treatment-page-menu {
        max-width: 100%;
        margin-left: 0;
    }

}

#treatment-page-menu .cde-box-menu.style-4 .box-menu-item h2 {
    max-width: 80%;
}

#treatment-page-menu .cde-box-menu .box-menu-item h2 {
    font-size: clamp(2.7rem, 2.5vw, 3.5rem);
}

#treatment-page-menu .cde-box-menu.style-4 .box-menu-item .img {
    height: 19rem;
}

#wide-map.flex-elm {
    margin-top: -1rem;    
    float: left;
    width: 100%;
    margin-bottom: 10rem;
}

#xwide-map.flex-elm .container {
    width: 100%;
    max-width: 100%;
}

.baseline .cde-map-canvas {
    height: 40vw;
    max-height: 60rem;
    min-height: 20rem;
}

#wide-map .cde-map-link {
    margin-right: 2rem;
}

.cde-team-members .team {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12rem;
    grid-row-gap: 5rem;
}

.cde-team-members.trio .team {
    grid-template-columns: 1fr 1fr 1fr;
}

.cde-team-members.single .team {
    margin: 0 20%;
    grid-template-columns: 1fr;
}

.cde-team-members .before {
    margin-bottom: 6rem;
}

@media ( max-width: 720px ) {

    .cde-team-members.single .team {
        margin: 0 10%;    
    }

    .cde-team-members .team,
    .cde-team-members.trio .team {                
        grid-template-columns: 1fr;                
    }

}

.team .member {
    display: grid;
    grid-template-columns: 14rem 1fr;
    grid-column-gap: 3rem;
    position: relative;
    z-index: 1;
}

@media ( max-width: 600px ) {

    .team .member {
        grid-template-columns: 1fr;        
        grid-row-gap: 5rem;
    }

}

.team .member .photo {
    width: 14rem;
    height: 18rem;
    border-radius: var(--ct-radius);
    background-position: center;
    background-size: cover;
    position: relative;
}

.team .member .photo:after {
    content: "";
    width: 100%;
    display: block;
    right: 1.5rem;
    top: 1.5rem;
    height: 100%;
    border-radius: var(--ct-radius);
    border: 0.5rem solid var(--ct-teal);
    position: absolute;
    z-index: -1;
}

.team .member h3 {    
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: clamp(2.2rem, 1.9vw, 2.4rem);
    color: var(--ct-teal);
}

.team .member .title {
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.team .member .bio {
    font-size: 1.7rem;
}

.team .member .quals {
    margin-bottom: 1rem;
}

.image-header {
    min-height: 25rem;
    height: 40vw;
    max-height: 60rem;    
}

.image-header .wrapper {
    position: relative;
    border-radius: var(--ct-radius);
}

.image-header .inner {
    position: absolute;
    padding: 2rem 3rem;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    bottom: 0;
    backdrop-filter: blur(0.7rem);
    box-sizing: border-box;
}

.image-header .inner h1,
.image-header .inner p {
    margin-bottom: 0;
}

.image-header .inner h1 {
    color: var(--ct-teal);
}

.image-header .inner a {
    border-bottom: none;
}

.cde-wide-text .container {
    overflow-y: hidden;
}


.cde-image-left-text-right.smaller-side-img.img-contain .left.img, 
.cde-text-left-image-right.smaller-side-img.img-contain .right.img {
    background-size: 30rem;
}

.cde-image-left-text-right.tiny-side-img.img-contain .left.img, 
.cde-text-left-image-right.tiny-side-img.img-contain .right.img {
    background-size: 55%;
}

.baseline .cde-toggle-label {    
    border: 0.1rem solid #d9d9d9;
    border-radius: 0.2rem;
    padding: 2rem 2rem 2rem 8rem;
    font-size: clamp(1.7rem, 1.7vw, 2.2rem);
    transition-duration: 0.5s;
}

.baseline .cde-toggle-label:hover {
    border-color: var(--ct-maroon);
}

.baseline .cde-toggle-label:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6rem;
    box-sizing: border-box;
    background-color: var(--ct-grey);
    color: var(--ct-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
}

.baseline input.cde-toggle:checked + .cde-toggle-label:before {
    height: 100%;
    top: 0;
}

.cde-expandable .cde-panel {
    padding-left: 8rem;
    box-sizing: border-box;
}

.cde-faqs .container {
    max-width: 70%;
    margin-left: 15%;
    margin-bottom: 8rem;
}

@media ( max-width: 700px ) {

    .cde-faqs .container {
        max-width: 90%;
        margin-left: 5%;
    }

}

#denplan-title.flex-elm {
    margin-bottom: -1rem;
}

.widget .cde-panel ul {
    list-style: disc;
    margin-left: 2.5rem;
}

.baseline .cde-wide-text.has-bgcolor, 
.baseline .cde-shared-content-elm.has-bgcolor, 
.baseline .cde-two-cols.has-bgcolor, 
.baseline .cde-three-cols.has-bgcolor {
    padding-left: 4rem;
    padding-right: 4rem;
}

#finance-calc .left-col {
    text-align: center;
}

#finance-calc .left-col img {
    margin-top: 3rem;
}

#finance-calc.flex-elm,
#lead-form.flex-elm {
    border-radius: var(--ct-radius);
    border-width: 0.4rem;
    border-color: var(--ct-teal);
    border-style: solid;
}

#lead-form {
    padding: 5rem;
}

@media ( max-width: 600px ) {

    #lead-form {
        padding: 3rem;
    }

}

#lead-form hr {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.baseline figure,
.gallery .prev-next .prev-fig, 
.gallery .prev-next .next-fig {
    border-radius: var(--ct-radius);
}

.baseline #arbitrary-instance-useful-info.items-per-row-1 {
    grid-gap: 2rem;
}

#arbitrary-instance-useful-info .box-menu-item p {
    display: none;
}

#arbitrary-instance-useful-info.cde-box-menu.style-3 li a {
    padding: 2rem;
}

#arbitrary-instance-useful-info.cde-box-menu.style-3 li .option {
    position: relative;
    max-width: calc(100% - 8rem);
}

#arbitrary-instance-useful-info.cde-box-menu.style-3 li .option:after {
    content: "\f061";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    color: rgba(255, 255, 255, 0.5);
    font-size: 4rem;
    bottom: 0.5rem;
    right: -7rem;
}

.cde-wide-text.big-bullets ul {
    list-style: none;
    margin: 0 15%;
    column-gap: 4rem;
}

@media ( max-width: 600px ) {

    .cde-wide-text.big-bullets ul {
        margin: 0 5%;
    }

}

.cde-wide-text.big-bullets li {
    position: relative;
    margin-bottom: 2rem;
    margin-left: 4.5rem;
    padding-top: 0.5rem;
}

.big-bullets li:before {
    content: "";
    background-image: url('icon-general.svg');
    background-size: contain;
    width: 4rem;
    height: 4rem;
    display: block;
    border-radius: 50%;
    background-color: var(--ct-teal);
    position: absolute;    
    left: -5.5rem;
    top: 0rem;
}

.whitening-icon.big-bullets li:before {
    background-image: url('icon-whitening.svg');
}

.implant-icon.big-bullets li:before {
    background-image: url('icon-implants.svg');
}

.cde-wide-text ul.cde-box-menu, 
.cde-three-cols .left-col ul.cde-box-menu, 
.cde-three-cols .middle-col ul.cde-box-menu, 
.cde-three-cols .right-col ul.cde-box-menu, 
.cde-two-cols .left-col ul.cde-box-menu, 
.cde-two-cols .right-col ul.cde-box-menu {
    margin-left: 0;
}

.has-table h4 {
    margin-top: 4rem;
    margin-bottom: 1rem;
}

.has-table table td:nth-child(1) {
    width: 35rem !important;
}

.has-table table td:nth-child(2) {
    padding-left: 2rem;
    width: 11rem !important;
}

.has-table.narrow .inner {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}

.baseline .after-mobile-menu li.button {
    width: 100%;
}

.baseline .after-mobile-menu li.button a {
    display: block;
}

.baseline .flex-elm.col-cloudburst .col-none h1 {
    color: var(--ct-teal);
}

footer h4 {
    color: var(--ct-teal);
}

.widget .col-cloudburst a {
    color: #fff;
}