/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/*
This is the only source of CSS feeding into the new TEST template.
It must be super detailed to make up for what's not being dragged in from WordPress anymore!

*/

* {
  box-sizing: border-box;
  margin: 0px;
}

html,
body {
  /* scroll-behavior: smooth; */
  font-family: 'Gotham Rounded A', 'Gotham Rounded B', sans-serif;
  margin: 0;
  color: #333 !important;
  font-size: 16px !important;
  line-height: 1.75rem !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

:root :where(.is-layout-flow)>* {
  margin-block-start: 0px;
  margin-block-end: 0;
}

/* All h1s and the first h2 on any page... */
h1 {
  margin: 14px 0px !important;
  padding: 0px !important;
}

h2,
h3,
h4,
h5 {
  margin: 18px 0px !important;
  padding: 0px !important;
}

/* All paragraphs... */
p {
  margin: 0px 0px 12px 0px !important;
}

/* Astra over-riding... */
.ast-container {
  max-width: 100% !important;
  flex-direction: column;
  padding: 0px !important;
}

@media (min-width: 1200px) {
  .ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

/* Global rules */
.display-none {
  display: none !important;
}

.desktop-only {
  display: flex !important;
}

.mobile-only,
.mobile-only-flex {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .mobile-only-flex {
    display: flex !important;
  }

  .tp0-m {
    padding-top: 0px !important;
  }
}

details a {
  text-decoration: underline;
}

ul,
.entry-content ul,
.entry-content ol {
  list-style: none;
  margin: 0 0 1.5em 1.5em;
}

li {
  margin-bottom: 15px;
}

/* Separator */
.wp-block-separator {
  border: none;
  border-left: none;
  border-right: none;
  background-image: linear-gradient(90deg, #939598 50%, rgba(255, 255, 255, .999) 100%);
  height: 1px !important;
  position: relative;
  top: 15px;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0px auto !important;
}

/* Container sizes */
.single-news-item {}

.single-news-item-query-loop {
  width: 1140px;
  margin: 0 auto;
}

.custom-column-width,
.custom-column-width-override {
  width: 1140px;
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  .single-news-item {
    padding: 0 25px;
  }

  .single-news-item-query-loop {
    width: 90%;
  }

  .single-news-item-query-loop .wp-block-post-featured-image img {
    height: auto;
  }

  .custom-column-width,
  .custom-column-width-override {
    width: 100%;
  }
}


/* Colored copy */
.strong {
  font-weight: bold;
}

.white {
  color: white !important;
}

.white a {
  color: white !important;
  text-decoration: underline;
}

.strong-ardagh-blue {
  color: #0b99d8;
  font-weight: bold !important;
}

.strong-accessible-blue {
  color: #007db3;
  font-weight: bold !important;
}

/* .has-small-font-size{font-size: 0.8rem; line-height: 1.25rem;} */
.has-text-align-center {
  width: 100%;
}

.margin-0-auto {
  margin: 0 auto !important;
}

/* .has-text-align-right {text-align: right;} */

/* .width-75-pc{width: 75%;}
.width-100-pc{width: 100%;}
.width-1100{width: 1100px;}  */

/* .aligncenter{text-align: center;} */

/* .wp-block-column{flex: 1; display: flex; flex-direction: column;}
.wp-block-columns{display: flex; flex-direction: row; justify-content: space-between;} */


/* Shortcode: Custom block 2 */
.custom-block-2 {
  min-height: 300px;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 100%;
  background-position: center;
  transition: background-size 0.5s ease-in-out;
}

.custom-block-2-content {
  padding: 50px 25px;
  width: 900px;
}

.custom-block-2-content p.strong-white {
  color: white;
  font-weight: bold;
}

.custom-block-2-content p.black {
  color: black;
}

/* .dark-bg, .dark-bg a {
  color: white;
} */

#top {
  top: 90px;
  position: relative;
}

@media only screen and (max-width: 800px) {
  #top {
    margin-top: 0px;
    padding: 0px;
  }
}

/* .responsive-700{width: 700px;}
@media only screen and (max-width: 800px) {
  .responsive-700{width: 100vw;}
} */

/* .justify-center{justify-content: center;} */





.dark-bg a {
  color: white !important;
}

.celines-container {
  background-color: #fffffff3;
  /* width: 900px; */
  width: 1000px;
  margin: 0 auto;
  padding: 2.5vw;
}

.celines-container a {
  text-decoration: underline;
}

.custom-block-7 {
  padding: 70px;
  max-width: 100% !important;
  /* This line overrides .entry-content[data-ast-blocks-layout] > * */
}

@media only screen and (max-width: 700px) {
  .celines-container {
    width: 90vw;
  }

  .custom-block-7 {
    padding: 10px;
  }
}





/* ul stying */
.celine,
.celine-white {
  /* list-style-position: outside; */
  list-style: none;
  padding-left: 20px;
  /* margin: 0em 0 1.5em 1em; */
  margin: 1em 0 1.5em 1em;
}

.celine li,
.celine-white li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  padding-top: 1px;
}

/* .celine li::marker {font-size: 30px; color: #0099d8;} */
.celine li::before {
  content: "⬤";
  position: absolute;
  left: 0;
  top: 0;
  color: #0b99d8;
  font-size: 10px;
}

.celine-white li::before {
  content: "⬤";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 10px;
}




/*  */



.site-header {
  top: 0;
  position: sticky;
}

.wp-block-button .wp-block-button__link {
  font-weight: normal !important;
}

.banner-slideshow {
  display: block;
}

.banner-slideshow-mobile {
  display: none;
}


@media only screen and (max-width: 600px) {
  .banner-slideshow {
    display: none;
  }

  .banner-slideshow-mobile {
    display: block;
  }
}

.banner-slideshow {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}


.responsive-700 h1 {
  font-size: 55px !important;
  line-height: 60px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
  width: 900px;
}

/* h2 {font-size: 30px!important; line-height: 35px!important;} */
/* h3 {
  font-size: 23px !important;
  line-height: 27px !important;
}

h4 {
  font-size: 20px !important;
  line-height: 25px !important;
} */

/* Links */
a,
a:hover {
  color: inherit;
}

/* Sections */
.flex-row,
.flex-row-m {
  display: flex;
  flex-direction: row;
  gap: 50px;
}

@media only screen and (max-width: 600px) {
  .flex-row-m {
    flex-direction: column;
    gap: 25px;
  }
}

.flex-column {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* Used when columns need to NOT BE FULL-WIDTH/be the default short width */
@media only screen and (max-width: 600px) {
  .base-parallax-text {
    width: 100%;
  }
}

.custom-column-margin {
  padding: 60px 0px !important;
}

.custom-column-margin a:not(.wp-block-button__link) {
  text-decoration: underline;
}

/* Is 1140 on desktop, but 100% on mobile */
.full-width-m {
  width: 1140px;
}

@media only screen and (max-width: 600px) {
  .full-width-m {
    width: 100%;
  }
}

.carousel-btn {
  width: 50%;
  margin: 0 auto;
  font-size: 0.7rem;
  line-height: 1rem;
  background: #007db3;
  padding: 5px 0px;
  transition: all 0.5s;
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
}

.carousel-btn:hover {
  background-color: #96ca4f;
}

/* Side menu for landing pages */
.side-menu-container {
  position: fixed;
  right: 0;
  bottom: 10px;
  height: auto;
  width: 175px;
  transition: transform 0.3s ease-in-out;
  z-index: 20;
}

.side-nav {
  background: #ffffffed;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 12px 0 0 12px;
  width: 100%;
}

.side-nav a {
  text-decoration: none;
  display: block;
  color: #333;
}

.side-nav a:hover {
  color: white;
}

.side-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-nav li {
  padding: 3px 9px;
  margin-bottom: 0px;
  font-size: 0.8rem;
}

.side-nav li:hover {
  background: #007db3;
  color: white;
}

.side-nav li:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
}

/* Little toggle Button */
.side-menu-container>.menu-toggle {
  position: absolute;
  right: 175px;
  top: 13px;
  background: #007db3;
  border: 1px solid #c3c3c3;
  color: white;
  padding: 3px 6px;
  cursor: pointer;
  border-radius: 3px 0 0 3px;
  font-size: 14px;
}

/* Hide the menu */
.closed {
  transform: translateX(100%);
}

/* End of side-menu */

#protecting-section-icons img {
  height: 70px;
  margin: 0 auto;
  transition: all 0.5s;
}

#protecting-section-icons img:hover {
  transform: scale(1.1);
}

/* WordPress separator */
.wp-block-separator,
hr {
  border: none;
  background-image: linear-gradient(90deg, #939598 50%, rgba(255, 255, 255, .999) 100%);
  height: 1px !important;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 40px auto !important;
}

/* Any paragraph that immediately follows the WordPress separator  */
hr+p {
  margin-top: 30px;
}

/* Custom spacing classes
.spacer-15 {height: 15px;}
.spacer-30 {height: 30px;}
.spacer-60 {height: 60px;}
.spacer-100 {height: 100px;}
.slight-indent {padding-left: 10px;}*/

/*  Navigation bar classes */
nav {
  z-index: 9999;
}

nav a {
  text-decoration: none;
}

nav#full-width {
  width: 100vw;
  position: fixed;
  top: 0px;
  background-color: white;
  color: #333;
  border-bottom: 1px solid lightgrey;
}

nav>div>div>ul {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 70%;
  align-items: center;
  margin: 0px;
}

nav>div>div>ul>li {
  list-style: none;
  margin-bottom: 0px;
}

nav>.container {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1140px;
  height: 59px;
}

/* Column containing the logo... */
nav>.container div:nth-child(1) {
  flex: 0.5;
  display: flex;
  align-items: center;
}

/* Column containing the nav links... */
nav>.container div:nth-child(2) {
  flex: 1.5;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.navDropdown {
  display: none;
  width: 80%;
  background-color: white;
  margin: 0 auto;
  position: absolute;
  top: 61px;
  left: 50%;
  transform: translateX(-50%);
}

.navDropdown.visible {
  display: block;
  transition: ease-in-out 0.5s;
}

.nav-main-link,
a.nav-main-link {
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  padding: 14px 16px;
}

.nav-main-link:hover {
  color: #007db3;
}

.nav-main-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #007db3;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.nav-main-link:hover::after {
  transform: scaleX(1);
}

#firstDropdown,
#secondDropdown,
#thirdDropdown {
  font-size: 0.8rem;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.19);
}

#firstDropdown>div>a,
#secondDropdown>div>a,
#thirdDropdown>div>div>a {
  color: #333;
}

#firstDropdown>div>a:hover,
#secondDropdown>div>a:hover,
#thirdDropdown>div>div>a:hover {
  color: #007db3;
}

/* End of navbar code*/

.blue-button {
  width: 100%;
  border: 0px;
  padding: 20px;
  background-color: #007db3;
  color: white;
  font-size: 1rem;
}

/* Carousel in the navigation header... */
.active .header-slide {
  display: flex !important;
  visibility: hidden;
  transition: left .6s ease-out;
  background: white;
}

.active .header-slide.current {
  visibility: visible;
  left: 0;
}

.active .header-slide.next {
  left: 100%;
}

.active .header-slide.prev {
  left: -100%;
}

.active .header-slide.next.in-transition,
.active .header-slide.prev.in-transition {
  visibility: visible;
}

.header-carousel,
.header-slide {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  text-align: center;
}

.header-carousel {
  position: relative;
}

.header-carousel ul {
  margin: 0;
  padding: 0;
}

.header-slide {
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.header-slide-image {
  width: 85%;
  height: auto;
  margin: 0 auto;
}

.header-slide-text-container {
  width: 85%;
  text-align: center;
  margin: 0 auto;
}

.header-slide-title {
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 0.9rem;
  margin: 7px 0px !important;
}

.header-slide-description {
  font-size: 0.75rem;
  line-height: 0.85rem;
  margin-bottom: 10px;
  font-weight: 400 !important;
}

.header-slide-btn {
  padding: 7px 35px !important;
  font-size: 0.7rem;
  line-height: 1rem;
  background: #007db3;
  padding: 5px 0px;
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
}

.header-slide-btn:hover{
  background:#96ca4f;
}

.header-carousel.active {
  height: 100%;
  border: none;
  position: relative;
}

.active .header-slide {
  border: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}

.header-slide.current {
  display: flex;
  z-index: 500;
}

.btn-prev-header-carousel,
.btn-next-header-carousel {
  position: absolute;
  z-index: 700;
  top: 60%;
  margin-top: -2.5em;
  border: 0;
  color: #444;
  background: rgba(68, 68, 68, 0.2);
  cursor: pointer;
  line-height: 1;
  padding: 8px 3px;
  transition: padding .4s ease-out;
}

.btn-prev-header-carousel {
  left: 0;
  border-radius: 0 .25em .25em 0;
}

.btn-next-header-carousel {
  right: 0;
  border-radius: .25em 0 0 .25em;
}

.header-carousel.with-slidenav {
  padding-bottom: 2.5em;
  background-color: #fff;
}

.header-carousel.with-slidenav .header-slide {
  border-bottom: none;
}

.slidenav {
  position: absolute;
  bottom: .25em;
  left: 0;
  right: 0;
  text-align: center;
}

.slidenav li {
  display: inline-block;
  margin: 0 .5em;
}

.slidenav button {
  border: 2px solid #036;
  background-color: #036;
  line-height: .5;
  height: 2em;
  min-width: 2em;
  font-weight: bold;
  color: #fff;
}

.slidenav button.current {
  border-radius: .5em;
  background-color: #fff;
  color: #333;
}

.slidenav button:hover,
.slidenav button:focus {
  border: 2px dotted #fff;
}

.slidenav button.current:hover,
.slidenav button.current:focus {
  border: 2px dotted #036;
}

.carousel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-image: url('https://ardaghimagelibrary.s3.eu-west-1.amazonaws.com/2024+Build+Images/horizon.png');
  background-size: cover;
  z-index: 1000;
}

/* End of carousel stuff */

#breadcrumb-menu {
  width: 100%;
  position: fixed;
  z-index: 5;
  top: 60px;
  background-color: #007db3;
  font-size: small;
  letter-spacing: 1px;
  color: white;
  height: 60px;
  align-items: center;
}

.breadcrumb-link {
  color: white;
  text-decoration: none !important;
}

.breadcrumb-link:hover {
  color: #333;
}

.breadcrumb-bold {
  font-weight: bold;
}

#mobile-navigation {
  width: 100vw;
  background: white;
  height: 61px;
  top: -47px;
  position: relative;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
}

/* Work on burger code! */

/* Footer */
#footer span,
#footer div {
  color: white;
}

#footer a {
  color: white !important;
}

#footer ul li {
  color: white;
  margin-bottom: 0px;
  padding-left: 10px;
}

#footer .footer-links-column ul li:first-child {
  font-weight: bold;
  border-left: none;
  padding-left: 0;
}

#footer ul>li>a {
  text-decoration: none;
  color: white;
}

#footer ul>li>a:hover {
  color: #212121 !important;
}

.footer-container {
  width: 1140px;
}

@media only screen and (max-width: 800px) {
  .footer-container {
    width: 100vw;
  }

  .footer-links-column {
    margin-left: 5%;
  }
}

.footer-social-media-icons-row {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  justify-content: space-between;
  padding: 12px 0px;
}

.footer-section-with-AMP-logo {
  flex: 1;
  display: flex;
  align-items: end;
  justify-content: end;
  flex-direction: column;
  gap: 10px;
}

@media only screen and (max-width: 800px) {
  .footer-section-with-AMP-logo {
    margin-right: 5%;
  }

  .footer-social-media-icons-row {
    padding: 12px 20px 6px 20px;
  }
}

/* End of footer code */

#mobile-dropdown-menu {
  display: none;
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  background: white;
  transition: top 0.3s ease-in-out;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  background: #fffffff7;
  width: 100vw;
  border-top: 1px solid #dfdfdf;
}

#mobile-dropdown-menu.active {
  display: flex !important;
  /* Show when 'active' class is added */
  flex-direction: row;
  top: 49px !important;
  /* Set to important because it has to over-ride the code in the class above...*/
  padding: 25px;
  z-index: 99;
}

.ul-mobile-dropdown-contents {
  list-style: none;
  margin: 0px 0px 20px 0px;
  line-height: 2.25rem;
}

.ul-mobile-dropdown-contents li:first-child {
  color: #007db3;
}

.ul-mobile-dropdown-contents li {
  margin-bottom: 0px;
}

.ul-mobile-dropdown-contents li:not(:first-child) {
  margin-left: 2px;
  padding-left: 7px;
  border-left: 1px solid #007db350;
}

.EE-ardagh-for-eduction-logo {
  width: 380px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 800px) {
  .EE-ardagh-for-eduction-logo {
    width: 100%;
  }
}

.bg-contain-desktop-cover-mobile {
  background-size: cover;
  padding: 50px 20vw;
  max-width: 100% !important;
  /* This line overrides .entry-content[data-ast-blocks-layout] > * */

}

@media only screen and (max-width: 800px) {
  .bg-contain-desktop-cover-mobile {
    padding: 10px;
  }
}

/* More Wordpress native code... */
.wp-block-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 800px) {
  .wp-block-buttons {
    flex-direction: column;
  }
}

.wp-block-button {
  flex: 1;
  margin-right: 10px;
  transition: all 0.5s;
  text-align: center;
  font-weight: 400;
}

.wp-block-button:hover {
  background-color: #96ca4f;
}

.wp-block-button a {
  text-decoration: none;
}

.blue-btn {
  background: #007db3;
  color: white;
}

.blue-btn:hover {
  background: #97c850;
}



/* custom_block_5 */
.block-5-container {
  display: flex;
  flex-direction: row;
  max-width: 100% !important;
  /* This line overrides .entry-content[data-ast-blocks-layout] > * */
}

.block-5-left {
  padding: 50px 50px 50px 200px;
}

.block-5-right {
  padding: 50px 200px 50px 50px;
}

@media only screen and (max-width: 600px) {
  .block-5-container {
    display: flex;
    flex-direction: column;
  }

  .block-5-container div {
    min-height: 200px;
  }

  .block-5-left,
  .block-5-right {
    padding: 20px;
    min-width: 100vw;
  }
}

.wp-block-column {
  display: flex;
  flex-direction: column;
}

.wp-block-columns {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.main-section {
  margin-top: 75px;
  min-height: 75vh;
}

@media only screen and (max-width: 600px) {
  .wp-block-column {
    width: 100%;
    /* New */
  }

  .main-section {
    margin-top: 50px;
  }
}

.fade-on-hover:hover {
  opacity: 0.9;
}

.align-items-center {
  align-items: center;
}

#search-svg:hover {
  fill: #007db3;
}

/* Banner at the top of pages with horizon cut-out. Created via "top_horizon_banner" shortcode */
.top_horizon_banner {
  position: relative;
  width: 100%;
  height: 395px;
}

@media only screen and (max-width: 600px) {
  .top_horizon_banner {
    background-position: center !important;
  }
}

.top_horizon_banner_horizon {
  position: absolute;
  width: 100%;
  height: 20%;
  background: url('https://ardaghimagelibrary.s3.eu-west-1.amazonaws.com/2024+Build+Images/horizon.png');
  background-size: cover;
  top: 0px;
  left: 0px;
  z-index: 4;
}

.top_horizon_banner_quadrilateral {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 129, 201, .5);
  clip-path: polygon(0 0, 35% 0, 54% 100%, 0% 100%);
  z-index: 3;
  background-size: auto;
}

.top_horizon_banner_text {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 3;
  font-size: 52px;
  line-height: 54px;
  color: white;
}

@media only screen and (max-width: 600px) {
  .top_horizon_banner_text {
    display: none;
  }
}

/* Accordion section */
details>div:first-of-type {
  /* .accordion-section { */
  background-color: #f8f8f8;
  padding: 30px 25px 30px 35px;
  margin: 15px 0 20px 0 !important;

}

details ul.wp-block-list {
  margin: 10px 0 1.5em 0em;
  list-style: none;
  padding-left: 20px;
}

details ul.wp-block-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  padding-top: 1px;
}

details ul.wp-block-list li::before {
  content: "⬤";
  position: absolute;
  left: 0;
  top: 0;
  color: #0b99d8;
  font-size: 10px;
}

/* Homepage */
.homepage-our-business-icons {
  text-align: center;
  transition: filter 0.2s ease;
}

.homepage-our-business-icons p {
  margin-top: 10px;
}

.homepage-our-business-icons:hover {
  filter: grayscale(100%);
}

@media only screen and (max-width: 600px) {
  .homepage-our-business-icons figure {
    width: 230px;
    margin: 0 auto;
  }

  .homepage-our-business-icons p {
    margin: 10px 0 35px 0 !important;
    font-weight: bold;
  }
}

summary {
  font-weight: 500;
  margin-bottom: 20px !important;
}


.desktop-top {
  display: block;
}

.mobile-top {
  display: none;
}

@media only screen and (max-width: 600px) {
  .desktop-top {
    display: none;
  }

  .mobile-top {
    display: flex;
    flex-direction: row;
    padding: 5px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}

.ast-icon.icon-search svg {
  margin-top: 6px;
}

#hamburger-container {
  width: 30px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
}

#burger-line-1,
#burger-line-2,
#burger-line-3 {
  width: 30px;
  height: 2px;
  background-color: #939598;
  /* Ardagh grey */
  margin: 6px 0;
  transition: transform 0.3s, opacity 0.3s;
}

#hamburger-container.active #burger-line-1,
#hamburger-container.active #burger-line-2 {
  opacity: 0;
}

.hidden {
  display: none;
}

.show {
  display: flex;
}

.header-long-sections {
  display: flex;
  gap: 20px;
  width: 1140px;
  flex-direction: row;
  margin: 0 auto;
}

.header-navigation-ul {
  list-style: none;
  color: white;
}

.header-navigation-ul li a {
  color: #d1d3d4;
}

.header-navigation-ul li a img {
  margin-right: 10px;
  margin-top: 25px;
}

#social-icons {
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 600px) {
  .header-navigation-ul {
    flex: 1;
  }
}

#menu-area hr {
  float: left;
  height: 160px;
  left: -20px;
  position: relative;
  top: 30px;
  width: 1px;
  background-image: linear-gradient(#fff 50%, rgba(0, 153, 216, .999) 100%) !important;
  margin-top: 0 !important;
}

.full-width-bottom-banner {
  min-width: 100% !important;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 32px !important;
  padding: 38px !important;
}

@media only screen and (max-width: 600px) {
  .full-width-bottom-banner {
    font-size: 24px !important;
    padding: 22px !important;
  }
}

/* Exclusive footer styling */
#footer-toggle-button {
  cursor: pointer;
}

.kick__footer-container {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  width: 1140px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
}

@media only screen and (max-width: 600px) {
  .kick__footer-container {
    width: unset;
    padding: 10px;
  }
}

#footer-toggle-button {
  color: white;
  align-items: center;
  display: flex;
}

#bottomMenu {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #3498db;
  color: #fff;
  flex-direction: row;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in-out;
}

#bottomMenu.visible {
  max-height: 410px;
  display: block;
}

@media only screen and (max-width: 600px) {
  #bottomMenu.visible {
    max-height: 500px;
  }
}

.footer-desktop {
  display: flex;
  flex-direction: row;
  width: 1140px;
  margin: 0 auto;
  padding: 50px 0px;
}

.footer-mobile {
  display: none;
}

@media only screen and (max-width: 600px) {
  .footer-desktop {
    display: none;
  }

  .footer-mobile {
    display: flex;
  }
}

.footer-desktop ul,
.footer-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-desktop ul li,
.footer-mobile ul li {
  color: white;
}

.footer-desktop ul li a,
.footer-mobile ul li a {
  color: #ccc;
}

.footer-desktop hr {
  float: left;
  height: 160px;
  left: -20px;
  position: relative;
  top: 30px;
  width: 1px;
  background-image: linear-gradient(#fff 50%, rgba(0, 153, 216, .999) 100%);
}

.legal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  width: 1140px;
}

.legal p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.legal a {
  color: #ccc;
}

.legal-links {
  text-align: right;
}

@media only screen and (max-width: 600px) {
  .legal {
    flex-direction: column;
    width: unset;
    text-align: center;
    padding: 0px 5px;
  }

  .legal-links {
    text-align: center;
  }
}

/* Used to style /press-releases */

.resources-row {
  padding-top: 10px;
  padding-bottom: 25px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.resources-row div img {
  height: 100px;
}



.fa {

  width: 8px;
  height: 5px;
  margin-bottom: 2px;
  background-image: url('https://ardaghimagelibrary.s3.eu-west-1.amazonaws.com/2024+Build+Images/caret.png');
  background-size: contain;
}


/* Used in the query loop on single.php */
.wp-post-thumb-custom {
  height: 165px;
}

/* Slideshow */
.banner-slideshow {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-bottom: 10px;
}

.banner-slideshow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-image: url('https://ardaghimagelibrary.s3.eu-west-1.amazonaws.com/2024+Build+Images/horizon.png');
  background-size: cover;
  z-index: 3;
}

@media only screen and (max-width: 600px) {
  .banner-slideshow {
    display: none;
  }

  .banner-slideshow::before {
    height: 25px;
  }
}

.slick-track {
  width: 10260px;
}

.custom-prev-btn {
  cursor: pointer;
  position: absolute;
  top: 45%;
  left: 1%;
  z-index: 2;
}

.custom-next-btn {
  cursor: pointer;
  position: absolute;
  top: 45%;
  right: 1%;
  z-index: 2;
}

#contact-page-dropdown-menu {
  border-color: #ccc;
  width: 50%;
  color: gray;
}

@media only screen and (max-width: 600px) {
  #contact-page-dropdown-menu {
    width: 100%;
  }
}

[id^="slideshow-wrappergallery"],
[id^="slideshow-wrappergallery"] [id^="fullsizegallery"],
[id^="slideshow-wrappergallery"] [id^="imglinkgallery"] {
  width: 100% !important;
}


.wp-block-search__inside-wrapper {
  outline: none !important;
  border: none !important;
}

.wp-block-search__button {
  border-radius: 5px !important;
}

.wp-block-search__button svg {
  min-width: 40px;
}

.ast-search-menu-icon.ast-dropdown-active .search-field,
.ast-dropdown-active.ast-search-menu-icon.slide-search input.search-field {
  border: 1px dotted gray;
}


.highend-contents .wp-block-columns:first-of-type {
  margin-bottom: 30px;
  /* background-color: red; */
}

/* Code of Conduct page /corporate/code-of-conduct/ */
.compliance-link__top {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 15px;
  min-height: 100px;
  color: #fff;
  font-size: 32px;
}

.compliance-link__name {
  display: block;
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
}

.compliance-link {
  display: block;
  margin-bottom: 30px;
  padding: 5%;
}

@media only screen and (max-width: 600px) {
  .compliance-link {
    margin-bottom: 10px;
    padding: 2%;
  }
}

.compliance-link:hover .compliance-link__top {
  opacity: .75;
}

/* Coloured text blocks at the bottom of some pages */
.bottom_of_page_block {
  padding: 38px !important;
}

.bottom_of_page_block h2 {
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 38px !important;
  margin: 15px 0px;
  max-width: 100% !important;
  /* This line overrides .entry-content[data-ast-blocks-layout] > * */
}

.bottom_of_page_block h2 a {
  text-decoration: underline;
  color: white !important;
}

/* Query blocks */
.is-layout-grid {
  gap: 10px;
}

body .is-layout-grid>* {
  margin: 0px;
  margin-top: 50px;
}

.wp-block-post-title {
  min-height: 45px;
}

.wp-block-post-title a {
  color: #007db3;
}

h5.wp-block-post-title a {
  text-decoration: none !important;
}

.wp-block-post-excerpt {
  min-height: 100px;
  max-height: 150px;
}

.wp-block-post-excerpt__excerpt {
  font-size: 13px !important;
  line-height: 17px !important;
}

.bottom-row {
  gap: 0px;
  display: flex;
  justify-content: space-between;
}

.wp-block-post-featured-image img {
  height: 160px;
}

.wp-block-post:not(:nth-child(4n)) {
  padding-right: 20px;
  padding-left: 0px;
  border-right: 1px solid #d9d9d9;
}

.wp-block-post:nth-child(4n) {
  margin-right: 20px;
}

@media only screen and (max-width: 600px) {
  .wp-block-post-title {
    min-height: unset;
  }

  .wp-block-post:not(:nth-child(4n)) {
    padding-right: 15px;
    border-right: none;
  }

  .wp-block-post-excerpt {
    min-height: 75px;
    max-height: 75px;
  }

  .wp-block-post-date {
    text-align: right;
  }
}

.wp-block-read-more,
time {
  font-size: 12px;
}

ul.columns-4 {
  margin: 0px;
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
}

@media only screen and (max-width: 600px) {
  ul.columns-4 {
    flex-direction: column;
  }

  .wp-block-post:not(:nth-child(4n)) {
    padding: 0px;
    border-right: 0px solid #d9d9d9;
  }
}

ul.columns-4 li h5 {
  font-size: 1.1rem !important;
}

.columns-4 li {
  flex: 0 0 calc(25% - 20px);
  box-sizing: border-box;
  margin-top: 25px;
}

.wp-block-query-pagination {
  justify-content: center;
}

.wp-block-query-pagination-numbers {
  display: flex;
  gap: 30px;
}

.wp-block-query-pagination-numbers a {
  text-decoration: none !important;
}

.current {
  font-weight: bold;
}

/*  News pages filtered by category */
.filtered-news-search-bar.wp-block-search div.wp-block-search__inside-wrapper input#wp-block-search__input-1.wp-block-search__input {
  height: 46px;
  margin-left: 25px;
}

.custom-query-loop ul li {
  margin-top: 0px;
  margin-bottom: 30px;
}

/* For columns */
.custom-gap-15 {
  gap: 15px !important;
}

.custom-gap-20 {
  gap: 20px !important;
}

.custom-gap-30 {
  gap: 30px !important;
}

.custom-gap-50 {
  gap: 50px !important;
}

/* Buttons */
.blue-btn-green-hover {
  background: #007db3;
  text-align: center;
  padding: 15px;
  color: white;
  transition: all 0.5s;
  cursor: pointer;
  text-decoration: none !important;
}

.blue-btn-green-hover a {
  text-decoration: none !important;
}

.blue-btn-green-hover:hover {
  color: white;
  background-color: #96ca4f !important;
}

.max-width-100 {
  max-width: 100% !important;
}