/*
 Theme Name:   The Adam Centre
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.9
 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:'Avenir Next LT W01 Medium';
font-family:'Avenir Next LT W01 Bold';

font-family: 'Montserrat', sans-serif;
font-weight: 700;

*/

:root {
    --ac-meteorite: #312F7D;
    --ac-white-smoke: #ECECEC;
    --ac-fandango: #B92A9A;
    --ac-golden-bell: #E58617;    
    --ac-light-line: #DFDFDF;
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
    font-family:'Avenir Next LT W01 Medium';
    font-size: clamp(1.7rem, 2vw, 1.9rem);
}

body.baseline .large-text {
    font-size: clamp(2.1rem, 2vw, 2.4rem);
}

.baseline h1,
.baseline h2,
.baseline h3,
.baseline h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

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

.baseline .header-wrap {
    border-bottom: none;
}

.baseline .header-wrap .container,
.baseline footer .container {
    width: 94%;
    max-width: 94%;
}

.baseline header .custom-logo {
    width: 16rem !important;
    padding: 3rem;
    background-color: #fff;
    border-radius: 50%;
    z-index: 9;
    position: relative;
}

.baseline header .logo {
    position: absolute;
    top: -2rem;
    left: -4%;
}

@media ( max-width: 600px ) {

    body.baseline .cde-flex-content .container {
        width: 90%;
    }

}

@media ( max-width: 900px ) {

    .baseline header .logo {
        left: 0;
        right: 0;
    }

    .baseline header .custom-logo {
        padding: 2rem;
    }

}

.second .menu li a {
    font-size: clamp(1.4rem, 1.4vw, 1.65rem);
}

.second .menu li.current-menu-item >  a {
    color: var(--ac-golden-bell);
    font-family:'Avenir Next LT W01 Bold';
}

.second .menu li.current-menu-item.button a {
    color: #fff;
    font-family:'Avenir Next LT W01 Medium';
}


.baseline header .logotitle.row {
    height: 10rem;
}

#intro .left-col {
    font-size: clamp(1.9rem, 2vw, 2.1rem);
}

@media ( min-width: 980px ) {

    .baseline header .second {
        top: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
}

.baseline header .second .menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.baseline .main .content {
    background: transparent;
    pointer-events: none;
}


.cde-flex-content .flex-elm.page-header {
    margin-top: -5.5rem;
    background-color: var(--ac-golden-bell);
    color: #fff;
}

.cde-flex-content .flex-elm.page-header h1,
.cde-flex-content .flex-elm.page-header p,
.cde-flex-content .flex-elm.page-header a {
    color: #fff;        
    margin-bottom: 0;    
}

.cde-flex-content .flex-elm.page-header a {
    border-bottom: none;
}

.cde-flex-content .flex-elm.page-header p + h1 {
    margin-top: 0.5rem;
}

.cde-flex-content .flex-elm.page-header .inner {
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media ( max-width: 600px ) {

    .cde-flex-content .flex-elm.page-header .inner {
        padding-top: 1rem;
    }

}

.cde-image-left-text-right.orange-mask,
.cde-text-left-image-right.orange-mask,
.cde-image-left-text-right.purple-mask,
.cde-text-left-image-right.purple-mask {
    padding: 8vw 0;
}

.cde-image-left-text-right.orange-mask .left.img,
.cde-text-left-image-right.orange-mask .right.img,
.cde-image-left-text-right.purple-mask .left.img,
.cde-text-left-image-right.purple-mask .right.img {
    width: 30vw;
    height: 30vw;
    min-height: 30vw;
    border-radius: 50%;    
    position: relative;
}

.orange-mask .img:before,
.purple-mask .img:before {
    content: "";
    background-image: url('orange-sunburst.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 45vw;
    height: 45vw;
    top: -7.5vw;
    left: -7.55vw;
}

@media ( max-width: 800px ) {

    .cde-image-left-text-right.orange-mask .left.img,
    .cde-text-left-image-right.orange-mask .right.img,
    .cde-image-left-text-right.purple-mask .left.img,
    .cde-text-left-image-right.purple-mask .right.img {
        width: 70vw;
        height: 70vw;
        min-height: 70vw;
        margin-bottom: 20vw;
    }

    .orange-mask .img:before,
    .purple-mask .img:before {
        width: 100vw;
        height: 100vw;
        top: -15vw;
        left: -15vw;
    }

}

.orange-mask .inner h2,
.purple-mask .inner h2 {
    max-width: 41rem;
}

.purple-mask .img:before {
    background-image: url('purple-sunburst.svg');
}

.cde-image-left-text-right.orange-mask,
.cde-image-left-text-right.purple-mask {
    grid-template-columns: 40% 1fr;
}

.cde-text-left-image-right.orange-mask,
.cde-text-left-image-right.purple-mask {
    grid-template-columns: 1fr 30%;
}

.baseline .cde-image-left-text-right .right .inner,
.baseline .cde-text-left-image-right .left .inner {
    max-width: 100%;
}

.baseline .cde-text-left-image-right.orange-mask .left .inner,
.baseline .cde-text-left-image-right.purple-mask .left .inner {
    padding-right: 10vw;
}

@media ( max-width: 600px ) {

    .baseline .cde-text-left-image-right.orange-mask .left .inner,
    .baseline .cde-text-left-image-right.orange-mask .right .inner,
    .baseline .cde-text-left-image-right.purple-mask .left .inner,
    .baseline .cde-text-left-image-right.purple-mask .right .inner {
        padding-right: 0;
        padding-left: 0;
    }
    

}

.arrow-link .inner p:last-child a {
    background-color: var(--ac-fandango);
    color: #fff;    
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    border-bottom: none;
    margin-top: 3rem;
    transition-duration: 0.3s;
}

.orange-mask.arrow-link .inner p:last-child a {
    background-color: var(--ac-golden-bell);
}

.arrow-link .inner p:last-child a:hover {
    background-color: var(--ac-meteorite);
}

.arrow-link .inner p:last-child a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 1rem;
    font-size: 2.6rem;
}

.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 .arrow-link .inner p:last-child a {
    padding: 1.5rem 2.3rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;   
}

.baseline .menu li.button {
    padding: 0;
}

.baseline .menu li.button a {
    padding: 1.7rem 2.3rem;
}

.baseline header .first li.button a, 
.baseline header .second li.button a {
    font-size: 1.5rem;
}

#home-intro p {
    font-size: clamp(1.9rem, 2vw, 2.1rem);
}

#home-intro .right-col p,
#home-intro .right-col li {
    font-family:'Avenir Next LT W01 Bold';
}

#home-intro .right-col {
    padding-left: 3rem;
    padding-right: 5rem;
}

#home-intro .right-col ul {
    margin-top: 3rem;
    list-style: none;
    margin-left: 0;
}

#home-intro .right-col p {
    font-size: 1.9rem;
}

#home-intro .right-col li {
    position: relative;
    font-size: 2.3rem;  
    line-height: 1.3;
    margin-left: 0;  
    padding-left: 5rem;
    margin-top: 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid var(--ac-light-line);
    margin-bottom: 1.5rem;
}

#home-intro .right-col li:last-child {
    border-bottom: none;
}

#home-intro .right-col li:before {
    content: "";
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0rem; 
    border-radius: 50%;
    background-color: var(--ac-golden-bell);
}

#home-intro .right-col li:nth-child(2):before {
    background-color: var(--ac-fandango);
}

#home-intro .right-col li:nth-child(3):before {
    background-color: var(--ac-meteorite);
}

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

.widget-area.footer-bottom {
    margin-bottom: 0;
    margin-top: 6rem;
}

.widget-area.footer-bottom p {
    margin-bottom: 1rem;
}

@media ( min-width: 980px ) {

    .widget-area.footer-bottom .float-right {
        position: absolute;
        bottom: 0;
        right: 0;
    }

}

.widget.cde-flex-content {
    margin-bottom: 0;
}

.baseline footer {
    margin-top: 8rem;
    padding-top: 5rem;
}

.baseline.flush-footer footer {
    margin-top: 0;
}

.baseline footer > .container > .row:first-child {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 25%;
    grid-column-gap: 6rem;
}

@media ( max-width: 700px ) {

    .baseline footer > .container > .row:first-child {
        grid-template-columns: 1fr;
    }

}

.baseline footer > .container > .row:first-child .six.columns {
    float: none;
    width: 100%;
    margin: 0;
}

.widget-area.footer-50-right .custom-html-widget {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

footer .menu a {
    font-size: 1.7rem;
}

footer .menu-footer-container .menu {
    column-gap: 5rem;
}

footer .menu-footer-container .menu li {
    border-left: 0.1rem solid var(--ac-fandango);
    padding-left: 3rem;
    line-height: unset;
    padding-bottom: 1rem;
    padding-top: 1rem;
    box-sizing: border-box;
}

@media ( max-width: 600px ) {

    footer .menu-footer-container .menu li {
        padding-right: 3rem;                
    }

    footer .menu-footer-container .menu {
        margin: 0 2rem;
    }

}

footer .fa-brands {
    color: var(--ac-fandango);
    font-size: 2.4rem;
    margin-right: 0.2rem;
    position: relative;
    top: 0.2rem;
}

#shared-home-boxes,
#shared-about-boxes {
    margin: 3rem 0;
}

.baseline .cde-box-menu.style-3 .box-menu-item {
    background-color: rgba(255, 255, 255, 0.8);    
}

.baseline .cde-box-menu.style-3 .box-menu-item:hover .option {
    background-color: var(--ac-meteorite);
    transition-duration: 0.3s;
} 

.baseline .cde-box-menu.style-3 .box-menu-item:hover .option h2 {
    color: #fff;
}

.baseline .cde-box-menu.style-3 .box-menu-item a {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.baseline .cde-box-menu.style-3 .box-menu-item .option,
.baseline .cde-box-menu.style-3 .box-menu-item p {
    padding: 4rem;
    margin: 0;    
}

.baseline .cde-box-menu.style-3 .box-menu-item p,
.baseline .cde-box-menu.style-3 .box-menu-item .option h2 {
    color: #000;        
    font-family:'Avenir Next LT W01 Medium';
}

.baseline .cde-box-menu.style-3 .box-menu-item .option h2 {
    font-size: 2.6rem;
    padding-right: 4rem;
    position: relative;
}

.baseline .cde-box-menu.style-3 .box-menu-item .option h2:after {
    position: absolute;
    content: "\f324";
    display: block;
    font-size: 3rem;
    color: var(--ac-golden-bell);
    font-family: "Font Awesome 6 Sharp";
    right: 1rem;
    top: 0;
} 

.baseline .cde-box-menu.style-3 .box-menu-item p {
    background-color: #fff;
    line-height: 1.5;
    height: 100%;
}

.baseline .items-per-row-2 {
    grid-gap: 6rem;
}


.testi .inner {
    display: grid;
    grid-gap: 8rem;
    grid-template-areas: 'l-side r-side';
    grid-template-columns: 60% 1fr;
}

@media ( max-width: 700px ) {

    .testi .inner {
        grid-template-areas: 'l-side '
                             'r-side';
        grid-template-columns: 1fr;
    }

    .baseline .items-per-row-2 {
        grid-template-columns: 1fr;
    }
    
    
}

.horz-scroll .cde-grid-item {
    width: 100%;
    height: auto;
}

.testi .flickity-button {
    display: none;
}

.testi {
    padding: 6rem 0 12rem 0;
    position: relative;
}

.testi.has-bgcolor h2 {    
    margin-top: 1rem;
    color: #fff;
    font-size: 3.5rem;    
}

.testi.has-bgcolor h2 em {
    background-color: var(--ac-meteorite);
    padding: 1rem 1.7rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-style: normal;
}

@media ( max-width: 700px ) {

    .testi.has-bgcolor h2 em {
        margin: 2rem;
    }


}


.testi:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 35vw;
    background-image: url('what-our-members.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}

@media ( max-width: 700px ) {

    .testi:after {
        width: 100%;
        height: 50vw;
    }

    .testi .inner .before {
        padding-bottom: 10rem;
    }

}

.testi .inner .before {
    grid-area: r-side;
}

.testi .flickity-slider {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testi .inner .grid-list {
    grid-area: l-side;
}

.testi .grid-list {
    position: relative;
    padding: 8rem;
    background-color: #fff;
    border-radius: 1rem;
}

@media ( max-width: 700px ) {

    .testi .grid-list {     
        padding: 5rem 3rem;        
    }

}

.testi .item-content {
    font-size: 2.4rem;
}

.testi .grid-list:before {
    content: "\f10d";
    position: absolute;
    display: block;
    top: -5.5rem;    
    left: -1rem;    
    color: var(--ac-fandango);
    font-family: "Font Awesome 6 Sharp";
    font-size: 10rem;
    font-weight: 900;
}

@media ( max-width: 700px ) {

    .testi .grid-list:before {
        font-size: 7rem;
    }

    .testi .item-content {
        font-size: 2.2rem;
    }

}

.testi .grid-list:after {
    content: "";
    position: absolute;
    display: block;
    width: 8vw;
    height: 7vw;
    right: -6vw;
    bottom: 10%;
    background-image: url('speech-tri.svg');
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
}


.baseline .testi .flickity-page-dots {
    bottom: -6rem;
}

.baseline .sample-menu .flickity-page-dots {
    bottom: -5rem;
}

.baseline .testi .flickity-page-dots .dot,
.sample-menu .flickity-page-dots .dot {
    background: #fff;
    opacity: 1;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 1.5rem;
}

.baseline .testi .flickity-page-dots .dot.is-selected,
.sample-menu .flickity-page-dots .dot.is-selected {
    background: var(--ac-golden-bell);
} 

.flush-top.baseline .main .content.container {
    display: none;
}

#home-hero.flex-elm,
.page-hero.flex-elm {
    height: 35vw;
    min-height: 25rem;
    margin-bottom: 9rem;
}

#home-hero .inner,
.page-hero .inner {
    max-width: 60rem;
    margin-bottom: -7.5rem;
    position: relative;
    z-index: 9;
}

.page-hero .inner {
    margin-bottom: -3rem;
}

#home-hero .wrapper,
.page-hero .wrapper {
    position: relative;
}

#home-hero .container,
.page-hero .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.baseline h1 {
    font-size: clamp(4.2rem, 2vw, 5rem);
}

@media ( max-width: 800px ) {

    .baseline h1 {
        font-size: clamp(2.7rem, 2vw, 5rem);
    }

}

.baseline h1 em {
    background-color: var(--ac-golden-bell);
    padding: 1rem 2rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-style: normal;
    color: #fff;
}

.baseline h1 em span {
    position: relative;
    z-index: 1;
}

.hero_active {
    position: absolute;
    width: 25vw;
    height: 100%;    
    top: 0;
    right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 0;
    z-index: 2;
}

@media ( max-width: 700px ) {

    .hero_active {
        width: 50%;
    }

}

.hero_active .ha_p_t {
    background-color: rgba(185, 42, 154, 0.5);
}

.hero_active .ha_b_t {
    background-color: rgba(49, 47, 125, 0.5);
}

.hero_active .ha_o,
.hero_active .ha_p,
.hero_active .ha_b {
    transition-duration: 0.3s;
}

.hero_active .ha_o {
    background-color: var(--ac-golden-bell)
}

.hero_active .ha_p {
    background-color: var(--ac-fandango);
}

.hero_active .ha_b {
    background-color: var(--ac-meteorite);
}

.hero_active div img {
    width: auto;
    max-width: 3.5vw; 
    max-height: 3.5vw; 
}


@media ( max-width: 700px ) {

    .hero_active div img {
        max-width: 6vw; 
        max-height: 6vw; 
    }

}

.hero_active div a {    
    width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero_active .ha_o:hover,
.hero_active .ha_p:hover,
.hero_active .ha_b:hover {
    background-color: #71B48D;
}


[data-aos="tada"].aos-animate {
    animation-name: tada;
    animation-duration: 1s;
}

/* TA-DA animation */

@-webkit-keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  .animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }

/* End of TADA animation */

/* FAQs */

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

.cde-collapse {    
    border: 0.2rem solid var(--ac-white-smoke);
    border-radius: 1rem;
    margin-bottom: 4rem;
}

.cde-collapse .cde-toggle-label,
.cde-collapse .cde-expandable {
    padding: 3rem;
}


.baseline .cde-toggle-label {
    margin-bottom: 0;
    font-size: 2.3rem;
    padding-right: 7rem;
}

.baseline .cde-expandable {    
    padding-top: 3rem;
    border-top: 0.1rem solid var(--ac-light-line);
}

.baseline .cde-toggle-label {
    position: relative;
}

.baseline .cde-toggle-label:before {
    content: "\f078";
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    color: var(--ac-fandango);
    position: absolute;
    right: 3rem;
    transition-duration: 0.3s;
    background-color: transparent;
    font-size: 3rem;
    line-height: 1.4;
    width: 3rem;
    height: 3rem;
    top: 3rem;
}

@media ( max-width: 720px ) {

    .baseline .cde-toggle-label:before {
        right: 2rem;
    }

}

.baseline input.cde-toggle:checked + .cde-toggle-label:before {
    content: "\f078";
    top: 3rem;
    transform: rotate(180deg);
}

.baseline input.cde-toggle + label + .cde-expandable {
    margin-bottom: 0;
}

/* End of FAQs */

.flex-elm .inner .button {
    margin: 1.5rem 0;
}

.text-page .flex-elm {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}

.text-page .flex-elm.page-header {
    max-width: 100%;
    margin-left: inherit;
    margin-right: inherit;
}

.before-narrow .before {
    max-width: 90rem;
    margin: 0 auto;
}

.flex-elm#tick-img .right.img {
    border-bottom: 10rem solid #fff;
}

.baseline input[type=email], 
.baseline input[type=number],
.baseline input[type=password],
.baseline input[type=search],
.baseline input[type=tel],
.baseline input[type=text],
.baseline input[type=url],
.baseline select,
.baseline textarea {
    border-radius: 0;
}

@media ( min-width: 900px ) {

    .cde-two-cols.contact-cols .inner {
        grid-template-columns: 44rem 1fr;
    }

}

.baseline strong {
    font-family:'Avenir Next LT W01 Bold';
}

#shared-interested {
    background-color: var(--ac-white-smoke);
    padding: 3rem 3rem 3rem 40rem;
    background-image: url('interested-bgnd.png');
    background-size: 40rem auto;
    background-position: bottom left;
    background-repeat: no-repeat;
}

@media ( max-width: 900px ) {

    #shared-interested {
        padding: 3rem 3rem 36rem 3rem;
    }

}

#shared-interested h2 {
    background-color: var(--ac-meteorite);
    color: #fff;
    display: inline-block;    
}

#shared-interested .interested_inner,
#shared-interested h2 {
    padding: 1rem 1.7rem;
}

#shared-interested .interested_inner {
    margin: 1rem 0 2.5rem 0;
    background-color: #fff;
}

#shared-interested .interested_inner p {
    margin-bottom: 0.5rem;
}

#shared-interested .arrow-link p:last-child {
    margin-bottom: 0;
}

#shared-interested .arrow-link .inner p:last-child a {
    margin-top: 0;
}

#typical-day hr {
    border-top-color: var(--ac-fandango);
}

#typical-day {
    position: relative;
    padding: 7rem 0;
}

#typical-day:after {
    content: "\f017";
    width: 20vw;
    height: 20vw;
    font-family: "Font Awesome 6 Sharp";
    font-size: 30vw;
    position: absolute;
    left: 0;
    bottom: 12vw;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.05);
}

.pull-up-bottom.cde-image-left-text-right.orange-mask, 
.pull-up-bottom.cde-text-left-image-right.orange-mask, 
.pull-up-bottom.cde-image-left-text-right.purple-mask, 
.pull-up-bottom.cde-text-left-image-right.purple-mask {
    padding-bottom: 0;
}

.cde-image-left-text-right.purple-mask#stay-active .right {
    margin-top: clamp(-10rem, 3vw, -15vw);    
}

@media ( max-width: 900px ) {

    .cde-image-left-text-right.purple-mask#stay-active .right {
        margin-top: 0;
    }
    
}

.cde-image-left-text-right.purple-mask#stay-active .right .inner {
    padding-left: 0;    
}

.cde-image-left-text-right.pull-up-bottom.purple-mask#stay-active {    
    margin-bottom: -4vw !important;
}

@media ( max-width: 1350px ) {

    .cde-image-left-text-right.pull-up-bottom.purple-mask#stay-active {    
        margin-bottom: 0 !important;
    }

}

.service-list {
    margin-left: calc(40% + 8rem);    
}

@media ( min-width: 900px ) {

    .service-list .container {
        margin-left: 0;
    }    
    
}

@media ( max-width: 900px ) {

    .service-list {
        margin-left: 2%;    
    }

    .service-list .grid-list.cols-4 {
        grid-template-columns: 40% 40%;
    }

}



.service-list .cde-grid-item-inner {
    display: grid;
    grid-template-areas: "s-top"
                         "s-bottom";
    grid-template-rows: 10rem 1fr;                         
    grid-column-gap: 4rem;
}

.service-list .item-label {
    grid-area: s-bottom;
}

.service-list .item-image {
    background-color: var(--ac-meteorite);
    grid-area: s-top;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 10rem;
}

.service-list .cde-grid-item:nth-child(2n) .item-image {
    background-color: var(--ac-golden-bell);
}

.service-list .cde-grid-item:nth-child(3n) .item-image {
    background-color: var(--ac-fandango);
}

.service-list .item-label {
    margin-top: 1rem;
    width: 10rem;
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.2;
    font-family:'Avenir Next LT W01 Bold';
}

.baseline .cde-image-left-text-right .right .inner {
    padding-right: 10vw;
    padding-left: 2vw;
}

.baseline .container .cde-image-left-text-right .right .inner {
    padding-right: 0;
    padding-left: 0;
}

@media ( max-width: 600px ) {

    .baseline .cde-image-left-text-right .right .inner,
    .baseline .container .cde-image-left-text-right .right .inner {
        padding-right: 0;
        padding-left: 0;
    }

}

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

.baseline .cde-text-left-image-right .left .inner {
    padding-left: 10vw;
    padding-right: 5vw;
}

.baseline .container .cde-text-left-image-right .left .inner {
    padding-left: 0;
    padding-right: 0;
}

.cde-gallery-grid.circle_indent_left {
    margin-top: -15rem !important;
    margin-bottom: 11rem;
}

@media ( max-width: 1100px ) {
    .cde-gallery-grid.circle_indent_left {
        margin-top: -7rem !important;
    }
}

@media ( max-width: 600px ) {
    .cde-gallery-grid.circle_indent_left {
        margin-top: 0 !important;
    }
}

.cde-gallery-grid.circle_indent_left .container {
    width: 100%;
    max-width: 100%;
    padding-left: 10vw;
    padding-right: calc(30% + 15rem);
}

@media ( max-width: 600px ) {

    .cde-gallery-grid.circle_indent_left .container {
        padding-right: 15vw;
    }

}

.cde-gallery-grid.circle_indent_left .image-wrapper,
.cde-gallery-grid.circle .image-wrapper {
    aspect-ratio: 1;
    height: auto;
}

.cde-gallery-grid.circle_indent_left .image-wrapper:hover,
.cde-gallery-grid.circle .image-wrapper:hover {
    opacity: 0.7;
}

.cde-gallery-grid.circle_indent_left .image-wrapper img,
.cde-gallery-grid.circle .image-wrapper img {
    border-radius: 50%;
}

.baseline .image-grid-wrap .cols-three {
    grid-gap: 5rem;
}

.baseline .service-list .grid-list.cols-4 {
    grid-gap: 1rem;
}

.baseline .menu-bar {
    z-index: 99;
    position: relative;
}

#sample-lunch {
    padding-top: 6rem;
    padding-bottom: 9rem;
}

.sample-menu.horz-scroll .cde-grid-item {
    width: 30vw;
    margin-right: 5vw;
}

.sample-menu .before {
    max-width: 50%;
    margin-bottom: 5rem;
    margin-top: 1rem;
}

.sample-menu .item-label  {
    display: block;
    font-style: normal;
    padding: 1rem;
    background-color: var(--ac-meteorite);
    color: #fff;
    margin-bottom: 1rem;
    font-size: clamp(1.3rem, 2vw, 1.7rem);
}

.sample-menu .item-label b {
    display: block;
}

.cde-wide-text.narrow .inner {
    max-width: 90rem;
    margin: 0 auto;

}

.inner h3 {
    color: var(--ac-fandango);
}

.contact-info_address {
    margin: 2rem 0;
}

.contact-info_address p {
    margin: 0;
    font-size: 1.6rem;
    text-align: right;
}

.contact-info_map {
    text-align: right;
}

@media ( max-width: 600px ) {

    .contact-info_address p,
    .contact-info_map {
        text-align: center;
    }

}


.contact-info_map a {
    text-transform: uppercase;
    font-size: 1.5rem;
}

footer .fa-sharp {
    color: var(--ac-fandango);
    margin-right: 0.2rem;
    font-size: 2.4rem;
}

.contact-info {
    margin-top: 2rem;
}

.baseline .pswp__caption__center {
    font-size: 3rem;
    line-height: 1.2;
}

#charity-logo img {
    max-width: 15rem;
    margin-top: 6rem;
}

.cde-people .before {
    margin-bottom: 3rem;
}

.people {
    margin-top: 6rem;
}

.people ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

@media ( max-width: 800px ) {

    .people ul {     
        grid-template-columns: 1fr;
    }

}

.person {
    margin: 4rem;
    width: 20rem;
    height: 20rem;
    background-color: var(--ac-fandango);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem;    
    border-radius: 50%;
}

.person:nth-child(2n) {
    background-color: var(--ac-golden-bell);
}

.person:nth-child(3n) {
    background-color: var(--ac-meteorite);
}

.person_name {
    margin-top: 1.5rem;
}

.person_name h3 {
    text-align: center;
    color: #fff;
}

.person_title {
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
}

.person_photo,
.person_bio {
    display: none;
}

#map-hours td, 
#map-hours th {
    padding: 0.5rem 0;
    border-bottom-color: var(--ac-golden-bell);
}

#map-hours table {
    margin-bottom: 4rem;
}

#map-hours.cde-two-cols.has-bgcolor {
    padding: 0;
}

#map-hours .left-col {
    padding: 5rem 0;
}

#map-hours .container {
    width: 100%;
    max-width: 100%;
}

#map-hours .left-col {
    margin-left: 10vw;
}

.baseline .cde-map-widget {
    height: 100%;
}

.baseline .cde-map-widget h4 {
    display: none;
}

.baseline .cde-map-canvas {
    margin: 0;
    height: 100%;
}

.baseline .cde-map-link {
    display: none;
}

.gform_wrapper .fa-sharp {
    color: var(--ac-fandango);
    margin-right: 0.4rem;
}

#spaces p {
    max-width: 70rem;
}

#team-photo .inner {
    max-width: 90rem;
    margin: 0 auto;
}

footer a.button:hover {
    background-color: var(--ac-golden-bell);
}

@media ( max-width: 600px ) {

    .widget-area.footer-50-right .custom-html-widget {
        align-items: center;
        text-align: center;
    }

}

.after-mobile-menu {
    margin-top: 1rem;
    float: left;
    width: 100%;
}

.inner .after-mobile-menu .button a {
    border-bottom: none;
    background-color: var(--ac-fandango);
    color: #fff;
    display: block;
}

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

.mobile-nav #menu-choices-side li a .fa-brands {
    color: var(--ac-fandango);
}

.col-meteorite .inner  a {
    color: #fff;
    border-bottom-color: var(--ac-golden-bell);
}