/* =========================================================
   SRL SUBSCRIPTION POLICY
========================================================= */


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

.policy-hero{
  padding-bottom:50px;
}

.policy-hero-image{
  width:100%;
  max-width:950px;
  margin:30px auto 0 auto;
}

.policy-hero-image img{
  display:block;

  width:100%;
  height:auto;

  border-radius:10px;
}


/* ---------------------------------------------------------
   POLICY SECTION
--------------------------------------------------------- */

.policy-section{
  padding:55px 20px 70px 20px;

  background:#111;
}

.policy-container{
  max-width:900px;
  margin:0 auto;
}

.policy-card{
  padding:38px 42px;

  background:#1c1c1c;

  border:1px solid #333;
  border-radius:10px;

  color:#ddd;

  line-height:1.65;
}


/* ---------------------------------------------------------
   INTRO
--------------------------------------------------------- */

.policy-effective-date{
  margin-bottom:25px;

  text-align:center;

  color:#bbb;
  font-size:15px;
}

.policy-intro{
  margin-bottom:35px;
  padding:18px 20px;

  background:#181818;

  border-left:4px solid #ED9F02;
  border-radius:5px;

  color:#ddd;
}


/* ---------------------------------------------------------
   POLICY BLOCKS
--------------------------------------------------------- */

.policy-block{
  margin-top:38px;
}

.policy-block:first-of-type{
  margin-top:0;
}

.policy-block h2{
  margin:0 0 15px 0;

  font-family:'Raleway', sans-serif;
  font-size:21px;
  font-weight:600;

  color:#f1f1f1;
}

.policy-block p{
  margin:0 0 16px 0;
}

.policy-block ul{
  margin:15px 0 0 22px;
  padding:0;
}

.policy-block li{
  margin-bottom:16px;
  padding-left:4px;
}

.policy-block strong{
  color:#fff;
}


/* ---------------------------------------------------------
   NOTES
--------------------------------------------------------- */

.policy-note{
  display:block;

  margin-top:8px;

  color:#aaa;
  font-size:14px;
  font-style:italic;
}


/* ---------------------------------------------------------
   CONTACT BUTTON
--------------------------------------------------------- */

.policy-contact{
  margin-top:30px;

  text-align:center;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width:900px){

  .policy-section{
    padding:40px 18px 55px 18px;
  }

  .policy-card{
    padding:30px;
  }

}


/* ---------------------------------------------------------
   PHONE
--------------------------------------------------------- */

@media (max-width:576px){

  .policy-hero{
    padding-bottom:35px;
  }

  .policy-hero-image{
    margin-top:22px;
  }

  .policy-section{
    padding:30px 12px 45px 12px;
  }

  .policy-card{
    padding:24px 18px;

    border-radius:7px;
  }

  .policy-block{
    margin-top:32px;
  }

  .policy-block h2{
    font-size:18px;
    line-height:1.35;
  }

  .policy-block ul{
    margin-left:18px;
  }

}