/**handles:flatsome-style**/
/*
Theme Name:     W.W.CLYDE 2.0
Theme URI:      http://imaginatestudio.com
Description:    W.W.CLYDE WordPress Theme
Author:         Imaginate Studio
Author URI:     https://imaginatestudio.com
Template:       framework
Version:        2.0
*/
/* WWClyde RED: #ce0e2d; */
/*-----------------------------------------------------------------------------------*/
/*  GLOBAL
/*-----------------------------------------------------------------------------------*/
.svg-clipped .img-inner img {
    -webkit-clip-path: url(https://wwclyde.net/wp-content/themes/w_w_clyde/#svgPath);
    clip-path: url(https://wwclyde.net/wp-content/themes/w_w_clyde/#svgPath);
    text-align: center;
    margin-left: 51px;
}

.opacity-50 .img-inner img {opacity: 0.5;}
.opacity-30 .img-inner img {opacity: 0.3;}
.opacity-gradient .img-inner img {-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.1)));}

img.center-img-right, .wwclyde-imgdesc-center img.alignright {
  margin: 1.5em -41% 1.5em 1.5em !important;
  width: 410px;
  height: 270px;
  overflow: hidden;
}
img.center-img-left, .wwclyde-imgdesc-center img.alignleft {
  margin: 1.5em 1.5em 1.5em -41% !important;
  width: 410px;
  height: 270px;
  overflow: hidden;
}

.smartcrawl-breadcrumbs span {padding: 0 10px;}

@media only screen and (min-width: 850px) {
    .row.fivecol .col {
        max-width: 100% !important;
        -ms-flex-preferred-size: calc(18.4% - 0.4rem) !important;
        flex-basis: calc(19.4% - 0.4rem) !important;
    }
    .row.sevencol .col {
        max-width: 100% !important;
        -ms-flex-preferred-size: calc(14.28571% - 0.4rem) !important;
        flex-basis: calc(14.28571% - 0.4rem) !important;
    }
}
@media only screen and (min-width: 550px) and (max-width: 849px) {
	.row.sevencol .col {
        max-width: 100% !important;
        -ms-flex-preferred-size: calc(33.33333% - 0.4rem) !important;
        flex-basis: calc(33.33333% - 0.4rem) !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 549px) {
	.row.sevencol .col {
        max-width: 100% !important;
        -ms-flex-preferred-size: calc(50% - 0.4rem) !important;
        flex-basis: calc(50% - 0.4rem) !important;
    }
}

/* lists */
#main ul {margin: 0px 0 30px 20px;}
#main ul.nav-tabs, #main ul.tabs-nav, #main ul#my-account-nav {
    margin: 0;
    z-index: 9999;
}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {color: #ce0e2d;}

/* gravity forms */
body .gform_wrapper li input {margin-bottom: 12px !important;}
body .gform_wrapper ul li.gfield, body .gform_wrapper .top_label div.ginput_container,
body .grom_wrapper ul li.gfield .ginput_container .address_line_1 input {margin-top: 0px !important;}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: 0 .75em !important;}
body .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(ul.gfield_radio li input):not(ul.gfield_checkbox li input):not(.datepicker),
body .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(ul.gfield_radio li input):not(ul.gfield_checkbox li input):not(.datepicker) {
    margin: 0 !important;
}
body .gform_wrapper .hidden_label .ginput_container input[type=text],
body .gform_wrapper .hidden_label .ginput_container select,
body .gform_wrapper li.gfield textarea.textarea {
    margin-top: 12px !important;
}
body .gform_wrapper .gform_footer {
    margin: 0 !important;
    padding: 5px 0 10px;
}
body .gform_wrapper ul.gform_fields li,
body .gform_wrapper ul li.gfield.gf_right_half,
body .gform_wrapper ul li.gfield.gf_left_half,
body .gform_wrapper ul li.gfield.field_sublabel_hidden_label,
body .gform_wrapper .gfield_checkbox li input,
body .gform_wrapper .gfield_checkbox li input[type=checkbox],
body .gform_wrapper .gfield_radio li input[type=radio]  {margin-bottom: 0 !important;}

body .gform_wrapper .gfield_checkbox li input,
body .gform_wrapper .gfield_checkbox li input[type=checkbox],
body .gform_wrapper .gfield_radio li input[type=radio]  {margin-top: 1px !important;}

body .gform_wrapper .ginput_container .gfield_radio,
body .gform_wrapper .ginput_container .gfield_checkbox {margin-bottom: 25px !important;}

/* Round the Forms */
body .gform_wrapper form input, body .gform_wrapper form select, body .gform_wrapper form textarea {
    /*color: #ffffff !important;*/
    background-color: #ffffff;
    border-color: #efefef !important;
/*    font-family: Roboto,sans-serif;*/
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
    padding: 1em;
    height: 3.9em;
    border: 1px solid;
    border-radius: 10px !important;
}
body .gform_wrapper form .gfield_radio input {height: .9em;}
.gform_wrapper.gf_browser_chrome select {padding: 1em 0.7em !important;}
body .gform_wrapper form .gfield_radio input, body .gform_wrapper form .gfield_checkbox input {height: auto !important;}
body .gform_wrapper form input.datepicker {width: 100% !important;}
form.dark ::-webkit-input-placeholder { color:#ffffff; }
form.dark :-moz-placeholder { opacity: 1; color:#ffffff; } /* Firefox 18- */
form.dark ::-moz-placeholder { opacity: 1; color:#ffffff; } /* firefox 19+ */
form.dark :-ms-input-placeholder { color:#ffffff; } /* ie */
form.dark input:-moz-placeholder { color:#ffffff; }

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px !important;
    padding-bottom: 16px;
}

/* Round the Column Corners */
.roundthecorners, .roundthecorners .col-inner, .text-box.roundthecorners .text, .roundthecorners .banner-bg, .roundthecorners .banner, .roundthecorners .banner-bg .overlay, .roundthecorners .banner-bg .bg, .roundthecorners .banner-inner, .roundthecorners .message-box, .roundthecorners .message-box .message-box-bg-overlay, .roundthecorners .message-box .message-box-bg-image, section.roundthecorners .bg .section-bg-overlay {border-radius: 15px !important;}
.roundthecorners .banner-bg .bg, .roundthecorners .banner-bg .overlay {overflow: hidden !important;}
.roundthecorners.banner.bg-zoom .banner-bg, .roundthecorners.banner.bg-zoom .banner-layers {z-index: 1;}
/* portfolio listing */
.portfolio-box .box-text .box-text-inner .portfolio-box-category {display: none;}

.banner .text-box.breadcrumbs {z-index: 9;}

@media screen and (min-width: 550px) {
    .box-vertical .box-image {vertical-align: top;}
}
.box-vertical .box-text p {margin-bottom: 1.3em;}

.wwclyde-capabilities .banner-grid-wrapper .banner-grid .grid-col .banner .text-box p {
  margin-top: 0px;
  font-size: 90% !important;
}
.wwclyde-capabilities .banner-grid-wrapper .banner-grid .grid-col .banner .text-box h3 {margin-bottom: 0px;}
.row.wwclyde-competencies {
  margin-left: auto !important;
  margin-right: auto !important;
}

.button.is-outline {color: #000;}
.button.is-outline:hover {color: #fff;}


/*-----------------------------------------------------------------------------------*/
/*  WP BLOCK TWEAKS
/*-----------------------------------------------------------------------------------*/
/* Group Block */
/*.wp-block-group {padding: 60px 0px;}
.wp-block-group.mb0 {padding-bottom: 0px;}*/
.wp-block-group .wp-block-group__inner-container, .wp-block-group .wp-block-group__inner-container .wp-block-columns, .wp-block-group {
    max-width: 1100px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 768px) {.wp-block-group .wp-block-group__inner-container, .wp-block-group .wp-block-group__inner-container .wp-block-columns {padding: 0 15px;}}

/* Bullets in Gutenberg */
ul.bullet-checkmark li, ul.bullet-arrow li {
    list-style: none;
    position: relative;
    padding: 7px 0px 7px 25px;
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
    font-weight: bold;
    text-transform: uppercase;
}
.dark ul.bullet-checkmark li, .dark ul.bullet-arrow li {
    border-color: rgba(255, 255, 255, 0.2);
}
ul.bullet-checkmark li:before, ul.bullet-arrow li:before {
    font-family: 'fl-icons' !important;
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #ce0e2d;
}

ul.bullet-checkmark li:before {content: "\e00a" !important;}
ul.bullet-arrow li:before {content: "\f105" !important;}

#main ul.wp-block-gallery {margin: 0px !important;}

/*youtube video size*/
#main .video.video-fit, #main .wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0 !important;
  height: 0;
}
#main .video.video-fit iframe, #main .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body:not(.logged-in.admin-bar) .video.video-fit.mb {
  padding-top: 56.25% !important; /* Adjust as needed */
}

.wp-block-media-text .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content {
  padding: 0 30px 30px;
}
.wp-block-sbgd-wrapper-block {
  max-width: 1080px;
  width: 100%;
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
.single-post.single-format-video .post .article-inner .entry-image {display: none;}

/* block buttons */
.wp-block-button.expand a {display: block !important;}
.wp-block-button .wp-block-button__link {
  background-color: #ce0e2d;
  text-transform: uppercase;
  padding: 0 1.2em;
  font-size: .97em;
  letter-spacing: .03em;
  line-height: 2.4em;
  min-height: 2.5em;
  font-weight: bold;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.wp-block-button .wp-block-button__link:hover {opacity: 0.7; color: #fff !important;}

.fc_card-container .fc_card {position: relative !important;}
.fc_card .fc_front, .fc_card .fc_back {background: transparent !important;}


/* Fix Block Gallery */
figure.wp-block-gallery.has-nested-images {
    display: flex;
    flex-wrap: wrap;
}
.is-layout-flex {display: flex !important;}

/*-----------------------------------------------------------------------------------*/
/*  HEADER
/*-----------------------------------------------------------------------------------*/
#header .header-wrapper.stuck #masthead .header-inner #logo {width: 125px;}
#header .logo-left .logo {margin-left: 15px;}

/*blog header*/
.archive.category #main .blog-wrapper {padding-top: 0;}
.archive.category #main .blog-wrapper .archive-page-header {margin-top: -181px;}
.archive.category #header .header-bg-container .header-bg-color {background-color: transparent;}
.archive.category #header ul.header-nav > li > a {color: rgba(255, 255, 255, 0.85);}
.archive.category #header ul.header-nav > li > a:hover {color: rgba(255, 255, 255, 1);}

.archive.category #header .stuck .header-bg-container .header-bg-color {background-color: #ffffff;}
.archive.category #header .stuck ul.header-nav > li > a {color: rgba(102,102,102,0.85);}
.archive.category #header .stuck ul.header-nav > li > a:hover {color: rgba(102,102,102,1);}

ul.header-nav li.menu-item ul.sub-menu li.menu-hide > a {display: none !important;}

/*-----------------------------------------------------------------------------------*/
/*  PAGE SPECIFIC
/*-----------------------------------------------------------------------------------*/
/* page bkg*/
#wwclyde-content {
  padding-top: 90px;
  padding-bottom: 90px;
}
#wwclyde-content .section-bg.bg-loaded, .wwclyde-content .section-bg.bg-loaded {
  background-image: url(https://wwclyde.net/wp-content/themes/w_w_clyde/images/bkg-large-textured-v2.jpg);
}
#wwclyde-content .section-bg {
  background-position: 0% 0%;
}

/* breadcrumbs */
.breadcrumbs span a {color: rgba(255, 255, 255, 0.7);} /*yoast*/
#main .fbc-page .fbc-wrap .fbc-items {float: none;} /*flexy*/
#main .fbc-page .fbc-wrap .fbc-items li {padding: 0px 5px;}


/* Portfolio Filters */
.tg-filters-holder .tg-filter {text-transform: uppercase;}
.tg-filters-holder .tg-filter.tg-filter-active {
  border: 2px #ce0e2d solid;
  border-radius: 99px;
}
#grid-3970 .tg-nav-color:not(.dots):not(.tg-dropdown-value):not(.tg-dropdown-title):hover, #grid-3970 .tg-nav-color:hover .tg-nav-color, #grid-3970 .tg-page-number.tg-page-current, #grid-3970 .tg-filter.tg-filter-active span {color: #ce0e2d !important;}

/* Homepage */
.core-competencies .text-box.banner-layer {width: 101% !important;}
.core-competencies .banner-layers {overflow: hidden !important;}

.wpaas-accordion-wrap .as-wposslides .as-layer > a {color: #ffffff;}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .wpos-tab-slider .as-wposslide .as-layer {
    display: block !important;
    transform: rotate(0deg) translateY(0%) !important;
    font-size: 40% !important;
  }
}

/* Blog */
.tagcloud a {
     background: #ed1c24;
     border: 1px solid #d21920;
     font-size: .6em !important;
     display: inline-block;
     padding: .25em 2.25em .25em 1em;
     margin: 0 .5em .75em 0;
     border-radius: 20px;
     position: relative;
     font-weight: bold;
     color: #fff !important;
}
.tagcloud a::after {
     position: absolute;
     top: 7px;
     right: 8px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIHWP8//8/AxKoZwAJQHE9WBKZAxMAy0AlGACq1CjXqC+LfAAAAABJRU5ErkJggg==) #eeeff3;
     content: "";
     height: 7px;
     width: 7px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #d21920;
}
.tagcloud a:hover {background: #d21920;}

/*-----------------------------------------------------------------------------------*/
/*  OUR TEAM (LEADERSHIP PAGE)
/*-----------------------------------------------------------------------------------*/
.team-members .team-member figure {
  margin: 0 20px 0 0 ;
  float: left;
}
.team-members .team-member {
  border-bottom: 1px #eaeaea solid;
  padding-bottom: 40px;
  margin-top: 25px;
}
.team-members .team-member.first {margin-top: 0px;}
.team-members .team-member .role {font-weight: bold;}
.team-members .team-member .author-details {margin: 0px 0 30px 0px;}
.team-members .team-member .author-details li {
  margin: 0 15px 5px 0;
  list-style: none;
  float: left;
}

/*-----------------------------------------------------------------------------------*/
/*  FOOTER
/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/*  MOBILE
/*-----------------------------------------------------------------------------------*/

/*for them big screens*/
@media only screen and (min-width: 768px) {

}

/*for them little screens*/
@media only screen and (max-width: 768px) {
  .page-template-page-transparent-header-light-default .banner .breadcrumbs .text-box-content h1 {font-size: 230%;}
}


#wp-admin-bar-flatsome_panel, #wp-admin-bar-flatsome-activate, #wp-admin-bar-customize, #wp-admin-bar-edit_uxbuilder, #wp-admin-bar-edit ul#wp-admin-bar-edit-default, .tooltipster-content, .tooltipster-base, #wp-admin-bar-new-content-default li#wp-admin-bar-new-blocks {display: none;}
body.user-id-1 #wp-admin-bar-flatsome_panel, body.user-id-1 #wp-admin-bar-customize, body.user-id-1 #wp-admin-bar-edit ul#wp-admin-bar-edit-default, body.user-id-1 #wp-admin-bar-edit ul#wp-admin-bar-edit-default li, body.user-id-1 .tooltipster-content, body.user-id-1 .tooltipster-base, body.user-id-1 #wp-admin-bar-new-content-default li#wp-admin-bar-new-blocks {display: block;}
.tooltipster-base.tooltipster-default {display:none !important;}



.tg-grid-holder.tg-layout-masonry {left: 0 !important;}

.core-competencies .text-box.banner-layer {width: 101% !important;}
.core-competencies .banner-layers {overflow: hidden !important;}
.fc_card-container .fc_card {position: relative !important;}

 /* Move reCAPTCHA v3 badge to the left */
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

/*youtube video size*/
body:not(.logged-in.admin-bar) .video.video-fit.mb {
  padding-top: 0 !important;
}

body.home .col .video.video-fit.mb {
  padding-top: 53% !important;
}

/*----------------------------------------------------------------------------*/
/* TIMELINE SHORTCODE STYLES (Slider) */
/*----------------------------------------------------------------------------*/
/* Cap the entire slider height (responsive but never taller than 900px) */
.clyde-slider-wrapper{
  --clyde-slider-height: clamp(800px, 80vh, 900px);
}

/* Make Swiper respect the fixed height */
.clyde-main-swiper,
.clyde-main-swiper .swiper-wrapper,
.clyde-main-swiper .swiper-slide{
  height: var(--clyde-slider-height);
  min-height: 0 !important;
}

/* Your overlay was forcing height with min-height:80vh */
.clyde-slide-overlay{
  height: 100%;
  min-height: 0 !important;
}

/* Prevent long content from making the slide grow */
.clyde-slide-content{
  max-height: calc(var(--clyde-slider-height) - 100px); /* adjust if needed */
  overflow-y: auto;
}

/* Hide scrollbar (but still scrollable) */
.clyde-slide-content{
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE/Edge legacy */
}
.clyde-slide-content::-webkit-scrollbar{
  width: 0;
  height: 0;
}

.clyde-slide,
.clyde-slide-overlay {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-fade .swiper-slide {
  will-change: opacity;
}



.clyde-slider-wrapper {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
    font-family: sans-serif;
}

.clyde-main-swiper {
    width: 100%;
    /* min-height: 80vh; */
}

.clyde-slide {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.clyde-slide-overlay {
    background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 35%, rgba(0,0,0,0.1) 100%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /* min-height: 80vh; */
    padding-left: 8%;
}

.clyde-slide-content {
    max-width: 50%;
    color: #fff;
    padding: 0px 10px 60px;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
    opacity: 0;
    transform: translateX(50px);
    overflow-y: hidden !important;
}

.swiper-slide-active .clyde-slide-content {
    opacity: 1;
    transform: translateX(0);
}

.swiper-slide-prev .clyde-slide-content {
    opacity: 0;
    transform: translateX(-50px);
}

.clyde-nav-circles {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.nav-circle {
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    transition: all 0.3s ease;
    user-select: none;
}

.nav-circle:hover {
    background: #fff;
    color: #000;
}

.clyde-slide-year {
    font-size: 50px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 10px;
    color: #fff;
}

.clyde-slide-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 15px;
    display: inline-block;
}

.clyde-slide-text {
    font-size: 15px;
    line-height: 1.6;
    color: #ddd;
}

/* .clyde-slide-text img {
    clear: initial;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: inline-block;
    max-width: 40%;
    float: left;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
} */

.clyde-slide-text ul {
    margin-left: 10px !important;
    columns: 2;
}

.clyde-slide-text ul li {
    margin-bottom: 0;
}

.clyde-bottom-nav {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 0;
}

.clyde-bottom-nav .clyde-thumbs-swiper {
    overflow: visible;
}

.clyde-thumbs-swiper {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.clyde-thumbs-swiper .swiper-slide {
    cursor: pointer;
    text-align: center;
    background: transparent;
    opacity: 0.4;
    transition: opacity 0.3s, transform 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.clyde-thumbs-swiper .swiper-slide-thumb-active {
    opacity: 1;
    transform: scale(1.05);
}

.clyde-timeline-line {
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 0;
}

.clyde-thumbs-swiper .point-dot,
.point-dot {
    display: block;
    width: 24px;
    height: 24px;
    background: #dcdcdc;
    border-radius: 50%;
    margin: 0 auto 15px auto;
    border: 4px solid #333;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
}

.clyde-thumbs-swiper .swiper-slide-thumb-active .point-dot,
.clyde-timeline-point.active .point-dot {
    background: #CE0F2D;
    border-color: #333;
    transform: scale(1.1);
}

.clyde-thumbs-swiper .point-label,
.point-label {
    display: block;
    font-size: 18px;
    font-weight: 600;
    font-family: futura-pt, sans-serif !important;
    color: rgba(255,255,255,0.5);
    transition: color 0.3s;
}

.clyde-thumbs-swiper .swiper-slide-thumb-active .point-label,
.clyde-timeline-point.active .point-label {
    color: #fff;
}

.clyde-timeline-points {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.clyde-timeline-point {
    text-align: center;
    cursor: pointer;
    min-width: 80px;
}

@media (max-width: 768px) {
    .clyde-slide-overlay {
        padding-left: 20px;
        padding-right: 20px;
        background: rgba(0,0,0,0.8);
    }
    
    .clyde-slide-year {
        font-size: 30px;
    }
    
    .clyde-slide-content {
        max-width: 100%;
    }

    .clyde-slide-text p {
        margin-bottom: 10px;
    }

    .clyde-slide-text p.lead {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .clyde-slide-text ul li {
        font-size: 13px;
        line-height: 14px;
        margin-top: 5px;
        margin-left: 0;
    }

    .clyde-bottom-nav {
        bottom: 20px;
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    
    .clyde-timeline-points {
        width: max-content;
        gap: 40px;
        padding: 0 20px;
    }
}