@charset "utf-8";
/*
Clarks FAQ rewrite
All sites

AW18 wk 31
*/

/* Page defaults */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900');
/*
font-family: lato-light, "lato", Arial, sans-serif;
*/

/* overide site header */
/* Stop sticky header on this page */
body .fixed-pos {
/*  position: relative;*/
}
/* Stop header sticky */
.navigation-container {
  position: relative;
}

body {
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

.clearContent {
  clear: both;
}


/* Main content */
#accordianFaq * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#accordianFaq {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  text-align: left;
}
.page-title-container .page-title .yCmsComponent h1 {
  color: #666666;
  text-transform: uppercase;
  font-size: 28px;
  letter-spacing: 2px;
  font-family: Lato-Light, Lato, sans-serif;
  font-weight: 300;
}

#accordianFaq h2 {
  font-family: Lato, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  padding: 2.5em 0 0.8em 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.accordion-faq ul ul {
  margin-bottom: 2em;
}

.accordion-faq ul.accordion-controls,
.accordion-faq .accordion-controls > li {
  padding-left: 0;
  margin-left: 0;
}
  .accordion-faq .accordion-controls > li {
    list-style-type: none;
    border-bottom: 1px dashed #cccccc;
    margin: 1em 0 0;
  }

.accordion-faq .accordion-controls button {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  width: inherit;
  font-size: 1.5rem;
  font-family: Lato-Light, Lato, sans-serif;
  padding: 0.5em 2em 1em 0;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: border-color 0.2s ease-in;
  color: #666;
  background-image: url(https://s7g10.scene7.com/is/image/Pangaea2Build/IC%5Fcarousel%2Ddown.png);
  background-position: right 5px center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
}
  #accordianFaq h2,
  .accordion-faq .accordion-controls button {
    padding-left: 1em;
  }

/*
@media all and (max-width: 1500px) {
  #accordianFaq h2,
  .accordion-faq .accordion-controls button {
    padding-left: 1em;
  }
}
*/
  .accordion-faq .accordion-controls button:focus,
  .accordion-faq .accordion-controls button:hover {
    border-bottom: 1px solid #0579D0;
    cursor: pointer;
    color: #0579D0;
    outline: 1px solid #81B1E7 !important; /* overiding outline from main */
  }
  .accordion-faq .accordion-controls button[aria-expanded="true"] {
    background-image: url('https://s7g10.scene7.com/is/image/Pangaea2Build/IC%5Fcarousel%2Dup.png');
  }

.accordion-faq .accordion-controls .faqItemContent {
  width: inherit;
  display: none;
/*  background-color: #f8f8f8;*/
  padding: 2em;
/*  border: 1px solid #0579D0;*/
  margin-bottom: 2em;
}
  @media all and (max-width: 500px) {
    .accordion-faq .accordion-controls .faqItemContent {
      padding: 0.2em;
    }
  }

#accordianFaq .faqItemContent ol {
  margin: 1em 1em 2em;
}

#accordianFaq .faqItemContent p,
#accordianFaq .faqItemContent li,
.faq-container .faq-section ul li {
  font-family: lato-light, sans-serif, arial;
  line-height: 1.5em;
  color: #666;
  letter-spacing: 1px;
  font-size: 1.4rem;
}
  #accordianFaq .faqItemContent a {
    color: #0579D0;
    text-decoration: underline;
    font-size: 1em;
  }
    #accordianFaq .faqItemContent a:hover,
    #accordianFaq .faqItemContent a:focus {
      color: #000;
    }

/* Use below another time */
.wmUXArrow {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
/*  transform: rotate(90deg); to rotate on mouse over */
}
.wmUXArrow .arrowTopLine,
.wmUXArrow .arrowBottomLine {
  position: relative;
  float: left;
  background-color: #666;
  display: inline-block;

}
.wmUXArrow .arrowTopLine {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 45%;
  margin-left: 0;
  width: 15%;
}
.wmUXArrow .arrowBottomLine {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: -5%;
  margin-left: -14%;
  width: 15%;
}

/* Images in faq */
.cardsimg {
  margin: 1em;
  width: 100%;
  max-width: 275px;
}
/*
  .language-en .cardsimg {
    max-width: 275px;
  }
*/
  .language-fr .cardsimg {
    max-width: 622px;
  }
  .language-de .cardsimg {
    max-width: 628px;
  }
  .language-nl .cardsimg {
    max-width: 481px;
  }
  .language-es .cardsimg {
    max-width: 595px;
  }

/* tables */
.faq-table {
  margin: 2em 1em;
}
  @media all and (max-width: 360px) {
    .faq-table {
      margin: 2em 0;
    }
      .faq-container .faq-section ul li table {
        font-size: 1.2rem;
      }
  }

.faq-table th,
.faq-table td {
  border: 1px solid #999;  
  padding: 0.5em;
}
.new-del-countries div {
	display: inline-block;
	vertical-align: top;
	padding: 0 1rem;
}

/* left nav */
.faq-container .left-nav {
   font-family: Lato-light, Lato;
   font-size: 14px;  
   margin: 25px 0 5px;   
}
  .faq-container p {
    padding: 0 3px;
  }

/* Heavy font for order statuses */
  .status-strong {
    font-family:lato-regular, Arial, sans-serif;
  }