/*GENERAL CHANGES */

.jarallax-img {
    object-fit: fill !important;
}

/* image on front page */
.jarallax-img[src*="/mainpagebg_dk.png"],
.jarallax-img[src*="/newsection_da.svg"],
.jarallax-img[src*="/cta-blog.png"]{
    object-fit: cover !important; 
}

/* Fix the borders in containers */
body > main > div.-padding.grid.gray-container.jarallax-container.remove-img {
    border-bottom: none;
}

.grid {
    padding: 150px 0 150px 0;
}

@media (max-width: 767px) {
    .grid.jarallax-container.remove-img {
        padding: 50px 20px 0px 20px;
    }
    body > main > div:nth-child(16) {
       padding: 50px 20px 0px 20px; 
    }
    body > main > main > main > div:nth-child(16) {
        padding: 50px 20px 0px 20px;
    }
}
 
 
 
/* Fix the yellow colour for better contrast in the button */
.primary-btn.orange-btn {
    background-color: #ffb600;
    border-color: #ffb600;
    color: #ffffff;
}    

.primary-btn.orange-btn:hover {
    background-color: #E2A200;
    border-color: #E2A200;
    }

/* Replace the yellow colour for green in links for better contrast */
p a,
ol li a {
    color: #09ab58;
}

p a:hover,
ol li a:hover
p a:focus, 
ol li a:focus {
    color: #068041;
}

footer .footer-info-container p a {
    color: #C2E8D5;
}

footer .footer-info-container p a:hover,
footer .footer-info-container p a:focus {
    color: #fff;
}

/* Email link colour */
ul > li > strong > a {
    color: #09ab58;
}

ul > li > strong > a:hover {
    color: #068041;
}

/*Primary button styling*/
.primary-btn:hover {
    background-color: #009248;
    border: 2px solid #009248;
    color: #ffffff;
}

/* HOME PAGE */

/*Sections with app stores buttons */

.main-cta {
    width:100% !important;
}

@media (max-width: 767px) {
    .banner-content {
        text-align:center;
    }
}

.-padding.grid.green-container.jarallax-container.remove-img > div.container > div.download-container {
    text-align:center;
}

.download-container.cta-landing {
    margin-top: 0px;
    text-align: center;
}

.download-container.cta-landing.first {
    text-align:left;
}

@media (max-width: 767px) {
    .-padding.grid.green-container.jarallax-container.remove-img {
        padding: 50px 20px 20px 20px;
    }
}



body > main > div:nth-child(20) {
    text-align: center;
    padding: 50px 0 50px 0;
}

body > main > main > main > div:nth-child(20) {
    text-align: center;
    padding: 50px 0 50px 0;
}



/* Testimonials styling */
  .testimonials {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 25px;
    padding-top: 2vh;
  }
  
  
  @media (max-width: 767px) {
      .testimonials {
        display: flex;
        flex-direction: column;
        padding-top: 2vh;
     }
     .testimonial.last {
         margin-bottom:50px;
     }
  }
  
  .testimonial {
    background: #fff;
    background-image: url(https://cdn.spiir.dk/spiirlandingpage/testimonials/testimonial-quote.svg);
    background-repeat: no-repeat;
    background-size: 16px 11px;
    background-position: 20px 15px;
    box-shadow: 0 0 5px #000;
    box-shadow: 0 22px 54px 2px rgba(0,0,0,0.13);
    border-radius: 16px;
    padding: 40px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .testimonial:nth-child(2n) {
    background-color: #FFC435;
  }
  
  .testimonial p {
        margin: 5px 5px 20px 5px;
  }
  
  .testimonial cite {
    font-style: normal;
  }

/* Styling the header layout in the index */
.big-banner-container.big-park-banner .person-image {
    right: 20%;
}

.big-banner-container.big-park-banner .message-container {
    right: 5%;
}

body > main > div.-padding.gridwithcards.green-container > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div > img {
    max-width: 90%;
}

div.-padding.gridwithcards.green-container > div > div:nth-child(2) > div > div > h3{
    color: white;
    margin-bottom: 1.5em;
    text-align: center;
    margin-top: 2em;
}

body > main > div.-padding.gridwithcards.green-container > div > div.three-column-information-container > div > p {
   color: #C2E8D5;
}

/*SPIIR TREATS*/
/*Styling the image for Spiir Treats section */
div.-padding.grid.gray-container.jarallax-container.remove-img > div.container > div > div.col-md-6.column.order-first.order-md-last {
    display: flex;
    align-items: center;
}

/*CONDITIONS*/
/* Styling the headers */
div.-padding.grid > div > div > div.col-md-8.column > div > div > div > h3 {
    font-size: 18px;
}

div.-padding.grid > div > div> div.col-md-8.column > div > div > div > div > h3 {
    font-size: 18px;
}

/*Styling the paragraphs for better readability*/
div.-padding.grid > div > div > div.col-md-8.column > div > div > div > p {
    font-family: "Campton Light";
}

div.-padding.grid > div > div> div.col-md-8.column > div > div > div > div > p {
    font-family: "Campton Light";
}
div.-padding.grid > div > div> div.col-md-8.column > div > div > div > div > div > p {
    font-family: "Campton Light";
}

/* Styling the bullet point column for better readability */
.col-md-10.column > div > ul > li {
    font-size: 16px;
}

/* Styling bullet points for mobile*/
@media (max-width: 767px) {
    div.-padding.grid > div > div > div.col-md-4.column > div > div.col-md-10.column {
        background: #eee;
        padding-bottom: 1em;
        margin: 0 0 5% 0;
 }
}

/* Styling the lists */
div.-padding.grid > div > div > div.col-md-8.column > div > div > div > div > ul > li {
    font-family: "Campton Light";
}

div.-padding.grid > div > div > div.col-md-8.column > div > div > div > div > div > ul > li {
    font-family: "Campton Light";
}

div.-padding.grid > div > div > div.col-md-8.column > div > div > div > div {
    margin: 0 auto;
}

/* Styling the tables */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    border-width: 1px 0;
    margin: 1rem 0;
    font-family: "Campton Light";
    margin-bottom: 4rem;
}

table tr td  {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 1em;
    margin: 0;
    text-align: left;
    color: #585858;
}

td, th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
    padding: .5em;
    margin: 0;
    text-align: left;
}

table tr th {
     color: #585858;
     border-bottom-color: #cbcbcb;
     font-family: "Campton Book";
     padding: 1em;
}

thead tr th:nth-child(3) {
    width: 20%;
    max-width: 30%;
}

/*HELP*/
/* Styling headers for the Security section */
div.-padding.grid > div > div:nth-child(3) > div > div > div > div > h3 {
    font-size: 18px;
}

/* BLOG */
body > main > div.-padding.grid.green-container.jarallax-container.remove-img > div.container > div.download-container {
    margin-top: 0px;
}

body > main > div.-padding.grid.green-container.jarallax-container.remove-img > div.container > div.row.clearfix > div > div > h2 {
    margin-bottom: 0.5em;
}

/* Terms headings */
h3 {
    scroll-margin-top: 100px;
}