/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

 .main-nav ul li.donate a {
	background-color: var(--global-color-8);
	border-radius: 10px;
	padding: 10px 30px;
	color: #fff;
	line-height: 20px;
}


.wave-teal .gb-shape--divider svg {
    fill: #0C3B4A;
}

.wp-block-cp-timeline-content-timeline-block-child .timeline-content:before {
    background: linear-gradient(to bottom, hsla(0, 0%, 90%, 0) 0, var(--ctlb-line-color) 10%, var(--ctlb-line-color) 90%, hsla(0, 0%, 90%, 0) 100%);
    width: 10px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}


.cool-vertical-timeline-body .ctl-row {
    padding: 0;
}

.cool-vertical-timeline-body.both-sided .timeline-content .position-left .story-details:before, .cool-vertical-timeline-body.both-sided .timeline-content .position-right .story-details:before {
	display: none;
}

.cool-vertical-timeline-body.ctlb-wrapper .timeline-content:before, .cool-vertical-timeline-body.ctlb-wrapper.left .story-details:after, .cool-vertical-timeline-body.ctlb-wrapper.right .story-time:after {
    background: none; 
}

.cool-vertical-timeline-body.ctlb-wrapper .timeline-content.icon-false .timeline-block-icon svg {
    fill: #fff;
    border-radius: 50px;
}

.cool-vertical-timeline-body.both-sided .box1 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box2 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box5 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box6 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box9 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box10 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box13 .timeline-content .story-details
{
    border: 4px solid var(--accent) !important;
}

.cool-vertical-timeline-body.both-sided .box3 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box4 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box7 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box8 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box11 .timeline-content .story-details,
.cool-vertical-timeline-body.both-sided .box12 .timeline-content .story-details
{
    border: 4px solid var(--global-color-9) !important;
}


.cool-vertical-timeline-body .timeline-content.icon-false .timeline-block-icon {
    top: 100px;
}

.cool-vertical-timeline-body.ctlb-wrapper .box1 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px var(--global-color-9);
}

.box1 .timeline-content:before {
    background-color: var(--global-color-9) !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box2 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #4B87A5;
}

.box2 .timeline-content:before {
    background-color: #4B87A5 !important;
}


.cool-vertical-timeline-body.ctlb-wrapper .box3 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #6E76E4;
}

.box3 .timeline-content:before {
    background-color: #6E76E4 !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box4 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #2D5A99;
}

.box4 .timeline-content:before {
    background-color: #2D5A99 !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box5 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #824BB9;
}

.box5 .timeline-content:before {
    background-color: #824BB9 !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box6 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #914696;
}

.box6 .timeline-content:before {
    background-color: #914696 !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box7 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #874B4B;
}

.box7 .timeline-content:before {
    background-color: #874B4B !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box8 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #A5642D;
}

.box8 .timeline-content:before {
    background-color: #A5642D !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box9 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #D7642D;
}

.box9 .timeline-content:before {
    background-color: #D7642D !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box10 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #EB910F;
}

.box10 .timeline-content:before {
    background-color: #EB910F !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box11 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #EBC30F;
}

.box11 .timeline-content:before {
    background-color: #EBC30F !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box12 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #91C30F;
}

.box12 .timeline-content:before {
    background-color: #91C30F !important;
}

.cool-vertical-timeline-body.ctlb-wrapper .box13 .timeline-content.icon-false .timeline-block-icon svg {
    border: solid 5px #32AA64;
}

.box13 .timeline-content:before {
    background-color: #32AA64 !important;
}
.cool-vertical-timeline-body {
    --ctlb-line-color: none;
}

.cool-vertical-timeline-body .timeline-content .story-details {
    padding: 8px;
	min-height: 80px
}

.cool-vertical-timeline-body .story-details :where(.timeline-block_title,.ctlb-block-title) {
    margin: 0;
}


@media (max-width: 767px) {

	.wp-block-cp-timeline-content-timeline-block-child .timeline-content:before {
     margin-left: 10px;
}
.cool-vertical-timeline-body.ctlb-wrapper .timeline-content.icon-false .timeline-block-icon svg {
	margin-left:15px
}
}

.unhilight-links-inside a {
	text-decoration: none;
	color: inherit;
}

.homepage_slider,
.arrow_slider {
  position: relative;
  margin: 0 auto;
}

.homepage_slider .slick-prev,
.homepage_slider .slick-next,
.arrow_slider .slick-prev,
.arrow_slider .slick-next {
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

 .slick-prev:before,
 .slick-next:before {
  color: #fff; /* arrow color */
  font-size: 40px;
}

/* Position arrows inside the image, 30px from edges */
.homepage_slider .slick-prev,
.arrow_slider .slick-prev {
  left: 30px;
}

.homepage_slider .slick-next,
.arrow_slider .slick-next {
  right: 30px;
}

@media screen and (max-width: 768px) {
	/* Position arrows inside the image, 30px from edges */
	.homepage_slider .slick-prev,
	.arrow_slider .slick-prev {
	  left: 10px;
	}

	.homepage_slider .slick-next,
	.arrow_slider .slick-next {
	  right: 10px;
	}
}


.slider-text {
    justify-content: center;
}




/* Default (non-centered) slides: blurred, inset vertically */
.gallery_slider .slick-slide,
.aboutus_slider .slick-slide {
	position: relative;
	filter: blur(3px);
}

.gallery_slider .slick-center,
.aboutus_slider .slick-center {
	opacity: 1;
	filter: none;
	transform: scale(1.1);
	z-index: 1;
}

.gallery_slider .slick-slide,
.aboutus_slider .slick-slide {
	transition: transform 0.25s, filter 0.25s;
}

/* Make the center slide visually take ~80% width */
.gallery_slider .slick-list,
.aboutus_slider .slick-list {
  overflow: visible; /* allow side slides to peek out */
  height: auto !important;
}

/* Dots styling */
.gallery_slider .slick-dots,
.aboutus_slider .slick-dots {
  display: flex !important;
  justify-content: center;    /* center the dots under the slider */
  gap: 8px;
  margin-top: 15px;
  list-style: none;
}


.slick-next, .slick-prev {
    z-index: 600;
}

.academy_slider .slick-prev {
    left: 25px;
}

.academy_slider .slick-next {
    right: 50px;
}




.accordion-line .gb-accordion__toggle::after {
    content: '';
    border-bottom: 2px solid currentColor;
    flex-grow: 1;
}