.resourcecenter { /*----------  Style Overrides  ----------*/ /*removing left and right padding*/ /*----------  Layout  ----------*/ /*----------  Typography  ----------*/ /*----------  Buttons  ----------*/ /*----------  graphical elements  ----------*/ }

@media (max-width: 1680px) { .resourcecenter.container { padding: 0; } }
.resourcecenter .img-fluid { margin: 0 auto; }

.resourcecenter .nav-section h1, .resourcecenter .nav-section h2, .resourcecenter .nav-section p { text-align: center; }

.resourcecenter .vert-pods { margin: 70px 0; }

.resourcecenter .vert-pods h3, .resourcecenter .vert-pods p { text-align: center; }

.resourcecenter .btn-pod p { text-align: left; }

.resourcecenter .btn-pod .btn-pod-icon { text-decoration: none; max-width: 160px; border-radius: 8px; background-color: #73D44A; margin: 0 auto; }

.resourcecenter .btn-pod .btn-pod-txt { max-width: 160px; margin: 0 auto; }

.resourcecenter .btn-pod .btn-pod-txt p { color: black; font-family: "metric-bold", Arial, sans-serif; font-size: 1.8rem; text-decoration: none; text-align: center; margin: 10px 0 0; padding: 0; }

.resourcecenter .btn-pod .btn-pod-txt span { color: black; text-decoration: underline; text-align: center; display: block; font-size: 0.875rem; }

.resourcecenter .btn-pod .btn-pod-icon-group { text-decoration: none; }

.resourcecenter .btn-pod .btn-pod-icon-group:hover .btn-pod-icon { background-color: #a69c94; }

.resourcecenter .rc-recap-section { padding: 100px 0; }

.resourcecenter .rc-recap-section h1, .resourcecenter .rc-recap-section h2, .resourcecenter .rc-recap-section h3, .resourcecenter .rc-recap-section p { text-align: left; color: white; }

.resourcecenter .rc-recap-section h3 { margin-bottom: 0; }

.resourcecenter .rc-recap-section p { padding-top: 5px; }

.resourcecenter #cheat-sheet { padding: 100px 0; }

.resourcecenter #cheat-sheet h1, .resourcecenter #cheat-sheet h2, .resourcecenter #cheat-sheet h3, .resourcecenter #cheat-sheet p { text-align: left; }

.resourcecenter #cheat-sheet h3 { margin-bottom: 0; }

.resourcecenter #cheat-sheet p { padding-top: 5px; }

.resourcecenter #shop { background-color: #73D44A; }

.resourcecenter #shop h1 { text-align: center; }

.resourcecenter #shop .btn-pod h3 { font-family: "metric-regular", Arial, sans-serif; font-size: 3.6rem; color: white; }

.resourcecenter #shop .btn-pod .btn-text-primary-rc { background-position: 99% -20px; }

.resourcecenter h1, .resourcecenter h2 { font-family: "metric-bold", Arial, sans-serif; font-size: 3.6rem; line-height: 3.6rem; margin: 10px 0 15px; }

.resourcecenter h1.lead { font-size: 3.6rem; line-height: 3.6rem; }

.resourcecenter h3 { font-family: "metric-regular", Arial, sans-serif; font-size: 3.6rem; font-weight: normal; line-height: 3.6rem; margin: 10px 0 15px; }

.resourcecenter #benefits h3 { text-align: center; font-family: "metric-bold", Arial, sans-serif; font-size: 3.6rem; line-height: 3.6rem; margin: 10px 0 15px; }

.resourcecenter h4 { color: #8b857d; font-family: "metric-regular", Arial, sans-serif; font-size: 2.7rem; font-weight: 400; line-height: 3.6rem; }

.resourcecenter h5 { color: #000; font-family: "metric-bold", Arial, sans-serif; font-size: 2.4rem; line-height: 2.4rem; margin-bottom: 0; padding-bottom: 0; }

.resourcecenter p { font-size: 1rem; line-height: 2rem; padding-top: 15px; padding-bottom: 5px; color: #656565; }

.resourcecenter p.lead { font-family: Arial, sans-serif; font-size: 1.4rem; padding: 25px 0 30px; line-height: 2.2rem; margin: 0; }

.resourcecenter p.disclaimer { font-size: 1.2rem; text-align: left !important; }

.resourcecenter .btn-text-primary-rc { color: black; text-decoration: underline; background-image: url(https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-button-circle-arrow-20x20.png); background-repeat: no-repeat; background-position: 99% 0px; padding-right: 28px; display: inline-block; line-height: 20px; }

.resourcecenter .btn-text-primary-rc:hover { background-position: 99% -20px; }

.resourcecenter .link-text { color: #73D44A; }

.resourcecenter .link-text:hover { color: #A69C94; }

.resourcecenter .section-arrow:before, .resourcecenter .section-arrow-grey:before, .resourcecenter .section-arrow-black:before, .resourcecenter .section-arrow-navy:before { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #ffffff; font-size: 0; line-height: 0; z-index: 1; content: ' '; display: block; margin: 0 auto 80px; }

.resourcecenter .section-arrow-grey:before { border-top: 50px solid #d8d9d8; }

.resourcecenter .section-arrow-black:before { border-top: 50px solid #000; }

.resourcecenter .section-arrow-navy:before { border-top: 50px solid #0b090c; }

/*----------  RESPONSIVE TABLE  ----------*/
.rc-table { padding-top: 40px; /*
Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/ }

.rc-table .mobileheader { display: none; background-color: #A69C94; width: 40%; position: absolute; left: 0; top: 0; bottom: 0; border-right: 4px solid white; padding: 10px; color: white; }

.rc-table table { font-family: "metric-bold", Arial, sans-serif; font-size: 2.4rem; line-height: 2.4rem; border-spacing: 10px; border-collapse: separate; width: 100%; }

.rc-table th { background-color: #A69C94; font-family: "metric-bold", Arial, sans-serif; font-size: 2.4rem; }

.rc-table th:last-child { text-align: left; }

.rc-table td { background-color: #eceae4; padding: 10px; vertical-align: middle; }

.rc-table td:first-child { background-color: #000; color: #FFF; }

.rc-table small { font-family: Arial, sans-serif; font-size: 1.4rem; line-height: 1.8rem; display: inline-block; }

@media only screen and (max-width: 767px), (min-device-width: 768px) and (max-device-width: 1024px) { .rc-table { /* Force table to not be like tables anymore */ /* Hide table headers (but not display: none;, for accessibility) */ }
  .rc-table table { font-size: 1.6rem; line-height: 1.6rem; }
  .rc-table table, .rc-table thead, .rc-table tbody, .rc-table th, .rc-table td, .rc-table tr { display: block; }
  .rc-table thead tr { position: absolute; top: -9999px; left: -9999px; }
  .rc-table tr { margin: 0 0 1rem 0; }
  .rc-table tr:nth-child(odd) { background: #ccc; }
  .rc-table td { /* Behave  like a "row" */ position: relative; padding-left: 42%; border: 2px white solid; }
  .rc-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 0; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
  .rc-table small { font-size: 1rem; }
  .rc-table .mobileheader { display: block; } }
/*----------  MEDIA QUERIES  ----------*/
@media (max-width: 768px) { .resourcecenter #shop .btn-pod h3, .resourcecenter #shop .btn-pod p { text-align: left; }
  .resourcecenter #shop .btn-pod h3 { font-size: 2rem; margin-top: 40px; margin-bottom: 0; } }
@media (max-width: 1023px) { .resourcecenter h1, .resourcecenter h2, .resourcecenter p { text-align: center; }
  .resourcecenter .btn-pod { padding: 0px 0px 50px; }
  .resourcecenter .btn-pod h3, .resourcecenter .btn-pod p { text-align: center; }
  .resourcecenter .btn-pod .btn-pod-icon { margin-top: 40px; }
  .resourcecenter #shop .btn-pod h3, .resourcecenter #shop .btn-pod p { text-align: left; }
  .resourcecenter #shop .btn-pod h3 { margin-top: 40px; } }
@media (min-width: 768px) { .resourcecenter .vert-pods { display: flex; align-items: center; justify-content: center; }
  .resourcecenter .vert-pods h3, .resourcecenter .vert-pods p { text-align: left; } }
/*----------  Style Overrides  ----------*/
/* Banner has no copy, hiding text element */
#main-carousel { padding-bottom: 0; }

#main-carousel .main-banr-content { display: none; }

/*----------  What Is  ----------*/
#what-is-qualcomm { background-image: url("https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-bg-samsung-charged-768x535.jpg"); background-size: contain; background-repeat: no-repeat; background-color: #d8d9d8; padding-top: 10%; padding-bottom: 80px; }

.qc-icon img { margin: 0 auto; }

/*----------  Benefits  ----------*/
.btn-pod { padding: 100px 0; }

/*----------  Safety  ----------*/
#safety { overflow: hidden; background-position: center top; background-image: url("https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-bg-graph-paper-light-gray-211x211.png"); }

/*----------  Why Belkin  ----------*/
#why-belkin { background-size: cover; background-repeat: no-repeat; }

/*----------  MEDIA QUERIES  ----------*/
@media (max-width: 767px) { .qc-icon img { max-width: 80px; }
  #why-belkin { background-image: url("https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-bg-engineering-lab-480x1205.jpg"); } }
@media (min-width: 768px) and (max-width: 1023px) { #why-belkin { background-image: url("https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-bg-engineering-lab-768x1030.jpg"); } }
@media (min-width: 768px) { .rc-table tr th, .rc-table tr td { width: 12.5%; }
  .rc-table tr th:first-child, .rc-table tr td:first-child, .rc-table tr th:nth-child(5), .rc-table tr td:nth-child(5) { width: 25%; } }
@media (min-width: 1024px) { #what-is-qualcomm { background-image: url("https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-bg-samsung-charged-1680x1004.jpg"); background-size: 100% auto; padding-top: 100px; padding-bottom: 100px; }
  #benefits { padding-bottom: 100px; }
  #why-belkin { background-image: url("https://s3.belkin.com/resources/img/resource-center/quick-charge/belkin-bg-engineering-lab-1680x1030.jpg"); }
  .qc-icon img { margin: 0 0 0 auto; } }

/*# sourceMappingURL=rc-quick-charge.css.map */