/*
Theme Name: Cobdown
Theme URI: http://www.advo.co.uk/
Template: Divi
Author: Advo
Author URI: http://www.advo.co.uk/
Description: Employee HR, Payroll and Benefits in Kent
Version: 4.27.5.1768924244
Updated: 2026-01-20 15:50:44

*/

/*Mobile Header*/
.slider-menu h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  color: #ffffff;
}

.slider-menu h3{
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  color: #adad5f;
}

/*Blurb*/
.et_pb_blurb .et_pb_main_blurb_image .et-waypoint {
  opacity: 1 !important;
  transform: none !important;
}

.et_pb_main_blurb_image {
  min-width: 40px;
}

/* Base container */
.slick-dots {
  position: relative;
  display: flex !important;
  justify-content: space-between;
  max-width: 100%;
  margin: 30px auto 0;
  padding: 0;
	
  pointer-events: all;
}

/* Hide default dot buttons visually but keep them clickable */
.slick-dots li button {
  opacity: 0;
  width: 100%;
  height: 20px;
  cursor: pointer;	   
  height: 100%;
}

/* Create slider track */
.slick-dots::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: #CCD1D4; /* light grey track */
  transform: translateY(-50%);
  border-radius: 2px;
}

/* Create slider thumb */
/*.slick-dots::after {
  content: "";
  position: absolute;
  top: 50%;  
  left: var(--thumb-left, 0%);
  width: 200px; /* Old Value: 40px;*/
  /*height: 8px;
  background: #24344B; /* dark blue bar */
  /*transform: translateY(-50%);
  border-radius: 4px;
  transition: left 0.3s ease;
	
  pointer-events: none; /* pass clicks to underlying buttons */	
/*}*/

.slick-dots:hover::after{
	background: #A6A74A;
}

/* Position thumb depending on active slide */
.slick-dots li:nth-child(1).slick-active ~ ::after {
  left: 0%;
}

.slick-dots li {
  flex: 1;
  margin: 0;
  height: 20px;
}

/* Slider thumb (real draggable element) */
.slick-dots .slick-thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 8px;
  background: #24344B;
  border-radius: 4px;
  cursor: grab;
  transition: background 0.2s ease;
  z-index: 2;
}

.slick-dots .slick-thumb:active {
  cursor: grabbing;
}

.slick-dots:hover .slick-thumb {
  background: #A6A74A;
}

/* Close Popup Window */
/* Ensure popup is the positioning context */
.popup {
    position: relative !important;
}

/* Close button wrapper – no large overlay */
/*.da-close-wrap {
    position: relative !important;
    top: unset !important;
    right: unset !important;

    width: auto !important;
    height: auto !important;

    pointer-events: none !important;
}*/

/* Circular X button */
.da-close {
    pointer-events: all !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 64px !important;
    height: 64px !important;

    font-size: 50px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    color: #fff !important;
    background: #adad5f !important;

    border: 2px solid #ADAD5F !important;
    border-radius: 50% !important;

    text-decoration: none !important;
    cursor: pointer !important;

    transition: all 0.2s ease !important;
}

/* Tablet */
@media (max-width: 980px) {
    .da-close {
        width: 52px !important;
        height: 52px !important;
        font-size: 38px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .da-close {
        width: 44px !important;
        height: 44px !important;
        font-size: 30px !important;
    }
}

/* Hover effect */
.da-close:hover {
    background: #24344B !important;
	border: 2px solid #24344B !important;
    color: #fff !important;
}

#et-boc .area-outer-wrap .da-close
{
	opacity: unset !important;
}
/*#et-boc .area-outer-wrap .da-close-wrap {
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
}
@media (max-width: 767px) {
    #et-boc .area-outer-wrap .da-close-wrap {
        bottom: 20px !important;
    }
}*/

/* Grid - For Blog */

.et_pb_post .more-link {
  text-transform: capitalize;
}

.et_pb_post {
  border-radius: 16px;
  overflow: hidden;
}

/* Make blog grid posts equal height */
.et_pb_post .more-link {
  margin-top: auto;
}

.et_pb_blog_grid .et_pb_ajax_pagination_container {
  display: flex;
  flex-wrap: wrap;
}

.et_pb_blog_grid .et_pb_post {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.et_pb_blog_grid .et_pb_image_container
{
	margin: -20px -20px 0px -20px !important;
}

.et_pb_blog_grid .post-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.et_pb_blog_grid .post-content p {
  flex-grow: 1;
}

.et_pb_blog_grid .more-link {
  margin-top: auto;
}

.et_pb_blog_grid .et_pb_post img {

  object-fit: cover;
  width: 100%;
}