@charset "utf-8";

.rt-content h1 {
  font-family:  "Archer", Helvetica, sans-serif;
  font-size: 1.875rem;
}
.rt-content h2 {
  margin-bottom: 0px;
  margin-top: 10px;
  line-height: 1.5;
}
.rt-content p, li {
  font-size: 1rem;
}
.rt-content a {
  color: #ffffff;
}
.comp-disclaimer {
    border: none;
    margin: 0 auto;
    background: white;
}
  .comp-disclaimer .container {
    padding: 15px 35px;
    max-width: 1044px;
}
.spacer {
height: 60px;
}

/*-----MAKE INTRO IMAGERY 100%-----*/
.content-img.intro img {
  width: 100%;
  max-width: 400px;
  margin: 0;
  object-fit: cover;
  height: 100%;
}

/*---RIGHT ALIGNED IMAGERY---*/
.rt-content .content-img.products img {
  display: block;
  max-width: 260px;
  margin: 0;
}

/*-----CAMPAIGN IMAGE-----*/
.rt-content .content-img.campaign img {
  display: block;
  max-width: 430px;
  width: 100%;
  margin: 0;
}

/*-----WRAPPER RULES-----*/
.cl-qb-wrapper {
  width: 100%;
  background: white;
}
.cl-qb-wrapper.organic {
   padding-top: 15px;
}
.cl-qb-wrapper.intro {    
  padding-top: 20px;
}
.cl-qb-wrapper.feature, .cl-qb-wrapper.campaign {
  background-image: url("-/media/0013a01116ae44cab1766c1c8e26a395.ashx");
  background-size: cover;
}


/*---CONTAINER RULES----*/
.cl-qb-container {
  max-width: 1044px;
  margin: 0 auto;
  padding: 0 30px;
}
.cl-qb-container.organic {
   max-width: 780px;
}
.cl-qb-container.intro h1 {
  color: #cb3e37;
  margin-bottom: 10px;
  margin-top: 0;
}
.cl-qb-container.products {
   padding-bottom: 15px;
}
.cl-qb-container.products h1 {
  text-align: center;
  padding: 30px;
  margin-top: 0;
  color: #000;
}
.cl-qb-container.organic h1 {
  font-family: din-2014,Arial,sans-serif;
  margin-top: 0;
}

.cl-qb-container.organic p:last-child{
margin-bottom: 0;
padding-bottom: 30px;
}

/*---SECTION RULES---*/
.cl-qb-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 40px;
}
.cl-qb-section h3 {
  color: #0079c2;
  font-size: 1rem;
}
.cl-qb-section.intro {
  border-top: solid #cb3e37 5px;
  align-items: stretch;
}
.cl-qb-section.products {
  border-bottom: solid #cb3e37 3px;
  padding: 0;
  align-items: center;
}
.cl-qb-section.feature {
  color: #ffffff;
   padding: 30px 0;
}
.cl-qb-section.campaign {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  width: 100%;
}

/*---CONTENT RULES---*/
.content-img {
  flex: 0 0 auto;
  margin: 0;
}
.content-img.intro {
  flex-shrink: 1;
}
.content-img.products {
  flex: 0 1 auto;
  margin-bottom: 0;
}
.content-img.campaign {
  flex-shrink: 1;
  border-right: solid #cb3e37 6px;
}
.content-text {
  flex: 1 0 60%;
  padding: 0 40px;
}
.content-text.intro {
  padding: 0 0 0 25px;
}
.content-text.feature {
  border: solid #ffffff 2px;
  padding: 0 60px 20px;
}
.content-text.heading {
  padding: 0;
}
.red-bar {
  border-bottom: solid #cb3e37 8px;
  width: 30%;
  margin: 30px 0 0 0;
}
.content-text.heading.campaign h1{
  font-size: 2.125rem;
  line-height: 1.25;
  margin-bottom: 0;
  margin-top: 25px;
}	
.content-text.body-content {
  padding: 0;
}
.content-text.body-content p {
  color: #ffffff;
}
.content-text.products {
  padding: 0 25px 0 0 ;
}
.content-text.organic {  
  padding: 0 0 0 10px;
}
.rt-content .cl-qb-wrapper .cl-qb-section .content-text.campaign h2, .content-text.campaign p {
  color: #ffffff;
}


/*Screensize between 1044px and 768px */
@media screen and (max-width: 1044px) {
  .cl-qb-container h1 {
    font-size: 1.75rem;
  }
  .rt-content h2 {
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: 1.5;
    font-size: 1.375rem;
  }
  .rt-content p, li {
    font-size: .875rem;
  }
  .content-text {
    padding: 0 15px;
  }
  .content-text.intro {
    padding: 0 0 0 15px;
  }
  .content-text.campaign {
    max-width: 400px;
  }
}


/*FOR SCREEN SIZE UNDER 768PX*/
@media screen and (max-width: 768px) {
  .cl-qb-container {
    margin: 0 auto;
    padding: 0 25px;
  }

  .cl-qb-container.feature {
    padding: 0 20px;
  }
   .cl-qb-container.products {
     padding: 0;
	}
  .cl-qb-section {
    flex-direction: column-reverse;
  }
  .cl-qb-section.feature {
    padding: 20px 0;
  }
  .cl-qb-section.campaign {
    flex-direction: column;
  }
  .content-img.intro {
    display: none;
  }
  .content-img.campaign {
    display: none;
  }
  .content-text.intro {
    padding: 0;
  }
  .content-text.campaign {
    max-width: none;
  }
  .content-text.feature {
    padding: 0 40px 20px;
  }
  .content-text.products {
    padding: 0 25px;
}
  .comp-disclaimer .container {
    padding: 15px 20px;
}
  .rt-content .content-img.products img {
    max-width: none;
}
}