/*Layouts css goes here*/

.pagination ul {
    display: inline-block;
    padding: 0;
}

.pagination ul li {
    list-style: none;
    display: inline-block;
}

.pagination ul li a {
    border: 1px solid #747474;
    display: inline-block;
    color: #747474;
    margin-left: 5px;
    padding: 2px 6px;
    border-color: #e0dede;
}

.pagination ul li a:hover {
    border-color: #a0ce4e;
}

.pagination ul li .wpv-archive-pagination-link-current {
    background-color: #a0ce4e;
    border-color: #a0ce4e;
    border: 1px solid #a0ce4e;
    display: inline-block;
    color: #fff;
    padding: 2px 6px;
    margin-left: 5px;
    background: #a0ce4e;
}

.fusion-post-slideshow {
    margin-bottom: 30px;
}

h2.entry-title.fusion-post-title {
    font-family: 'Antic Slab';
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0px;
    font-size: 18px;
    line-height: 27px;
    color: #333333;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: none;
}


.container.grid-container {
    padding-left: 0;
    padding-right: 0;
}



/* Layout for course program */
/* timeline vertical ruler */
.timeline-new-2 {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* timeline vertical ruler */
.timeline-new-2::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container-new-2 {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* circles timeline */
.container-new-2::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  /*border: 4px solid #7c1212;*/
  border: 4px solid var(--accent-color, #7c1212); /* Use variable with fallback */
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.container-new-2::after {
    background: var(--gradient-colors, transparent) !important;
    /* Add your other ::after styles here */
}


/* container left */
.left-new-2 {
  left: 0;
}

/* container right */
.right-new-2 {
  left: 50%;
}

/* arrows left container (pointing right) */
.left-new-2::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* arrows right container (pointing left) */
.right-new-2::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right-new-2::after {
  left: -13px;
}

/* actual content */
.content-new-2 {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* timelime to the left */
  .timeline-new-2::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .container-new-2 {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* arrows are pointing leftwards */
  .container-new-2::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* circles are at the same spot */
  .left-new-2::after, .right-new-2::after {
  left: 18px;
  }
  
  /* right containers behave like the left ones */
  .right-new-2 {
  left: 0%;
  }  
}
/* tab unhover color */
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
  color: rgba(173, 173, 173, 0.85);
}

/* put down the cart notice in single product page */
#wrapper>.message-wrapper {
  padding-top: 6.75em;
}

/* fix for full width without fusion */
.col-sm-12 {
  min-width: 100%;
}