/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --primary-color: #000;
}

a,
button {
  cursor: pointer;
  color: var(--primary-color);
}

/* Remove IOS Styling */
a[href^='tel'] {
  color: inherit;
  text-decoration: none;
}

.elementor-menu-toggle {
  outline: none;
}

/* Better image rendering */
@media (min-width: 768px) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

.slick-track {
  display: flex;
}

.slick-list {
  overflow: hidden;
}

.slick-track .slick-slide {
  height: auto;
}

.slick-slider:where(.planned-roadworks-updates, .planned-roadclosures) .slick-slide :where(div > div, div > div > div) {
  height: 100%;
}

.planned-roadworks-updates,
.planned-roadclosures {
  /* display: flex; */
  align-items: center;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.planned-roadworks-updates > div,
.planned-roadclosures > div,
.planned-roadworks-updates > div > div,
.planned-roadclosures > div > div {
  height: 100%;
}

.roadwork {
  border: 1px solid #c2bdbd;
  padding: 25px 50px;
  /* margin-inline: 10px; */
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.roadwork__title {
  font-weight: 600;
  display: flex;
}

.roadwork__duration {
  margin-top: -10px;
  font-weight: 600;
}

.roadwork__title:before {
  content: '';
  background: url('/wp-content/uploads/2022/11/Vector.svg') no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: -30px;
}

.planned-roadclosures .roadwork__title:before {
  background: url('/wp-content/uploads/2022/11/closed.svg') no-repeat;
}

.roadwork__description {
  /* white-space: pre-wrap; */
  flex: 1;
}

.roadwork__date {
  font-style: italic;
}

.slick-slider:where(.planned-roadworks-updates, .planned-roadclosures) a:where(.slick-prev, .slick-next) {
  font-size: 24px;
}