/******************************

@screen-xs-min - @screen-xs-max
480px - 767px

@screen-sm-min - @screen-sm-max
768px - 1023px

@screen-md-min - @screen-md-max
1024px - 1679px

@screen-lg-min
1680px

******************************/
/******************************
*
*  BASE ELEMENTS
*
******************************/
@font-face { font-family: 'metric-light'; src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Light.eot"); src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Light.eot?#iefix") format("embedded-opentype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Light.woff") format("woff"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Light.ttf") format("truetype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Light.svg#webfont") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'metric-regular'; src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Regular.eot"); src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Regular.eot?#iefix") format("embedded-opentype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Regular.woff") format("woff"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Regular.ttf") format("truetype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Regular.svg#webfont") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'metric-semibold'; src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Semibold.eot"); src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Semibold.woff") format("woff"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Semibold.ttf") format("truetype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Semibold.svg#webfont") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'metric-bold'; src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Bold.eot"); src: url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Bold.eot?#iefix") format("embedded-opentype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Bold.woff") format("woff"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Bold.ttf") format("truetype"), url("https://s3.belkin.com/resources/fonts/MetricWeb/MetricWeb-Bold.svg#webfont") format("svg"); font-weight: normal; font-style: normal; }
.rc h1 { font-family: "metric-semibold", Arial, sans-serif; font-size: 3.375rem; line-height: 3.375rem; margin-bottom: 26px; }
.rc h2 { font-size: 3.375rem; }
.rc h3 { font-size: 2.25rem; }
.rc p:not(.disclaimer) { font-size: 1rem; margin-bottom: 30px; }
.rc table { border-spacing: 10px; border-collapse: separate; }
.rc table tbody td, .rc table thead td { background-color: #eceae4; }
.rc table tbody th, .rc table thead th { color: white; background-color: #a69c94; text-transform: none; }
.rc table tbody td, .rc table thead td, .rc table tbody th, .rc table thead th { font-family: 'metric-bold', Arial, sans-serif; font-size: 1.875rem; text-align: center; padding: 25px; vertical-align: middle; line-height: 2.125rem; }
.rc ol { list-style: none; padding: 0; }
.rc ol li { align-items: baseline; display: flex; }
.rc ol li:before { content: attr(start) ""; color: black; background-color: #73d44a; border-radius: 100px; padding: 20px 0; width: 60px; height: 60px; text-align: center; font-size: 2.1875rem; font-family: "metric-semibold", Arial, sans-serif; line-height: 1.1875rem; margin-right: 18px; }

.blk-green { color: #74d44a; }

.white-opacity-bg { background-color: rgba(255, 255, 255, 0.6); padding: 20px; }

.vert-center-text-block { position: absolute; top: 50%; transform: translateY(-50%); }

/******************************
*
*  WHY SECTION
*
******************************/
.why-section { background-image: url("https://s3.belkin.com/resources/img/resource-center/wall-charger-buying-guide/belkin-why-buy-wall-usbc-chargers-1680x1117.jpg"); padding: 140px 0; background-position: bottom right; min-height: 1000px; }
.why-section p:not(.disclaimer) { font-size: 1.25rem; }

/******************************
*
*  WHAT SECTION
*
******************************/
.what-section { background-image: url("https://s3.belkin.com/resources/img/resource-center/wall-charger-buying-guide/belkin-what-is-a-usbc-charger-1680x549.jpg"); position: relative; min-height: 549px; background-position: 46%; }

.arrow-what { background: url("https://s3.belkin.com/resources/img/resource-center/wall-charger-buying-guide/arrow-why.png") no-repeat bottom center; min-height: 53px; display: block; position: absolute; top: 0; left: 0; right: 0; }

/******************************
*
*  BENEFITS SECTION
*
*****************************/
.benefits-section { background-color: #f8f9f4; padding: 140px 0; }
.benefits-section h2 { font-size: 3.375rem; }
.benefits-section h3 { margin-bottom: 40px; }
.benefits-section p:not(.disclaimer) { margin-bottom: 30px; }
.benefits-section img { margin: 0 auto; }

.benefits-item { padding-top: 140px; }

.ol-content { flex: 1 1 0%; }

.content-left { padding-right: 50px; }

.content-right { padding-left: 50px; }

/******************************
*
*  WHAT TO LOOK FOR SECTION
*
******************************/
.vert-middle { transform: translateY(-50%); top: 50%; }

.look-for-section { background-image: url("https://s3.belkin.com/resources/img/resource-center/wall-charger-buying-guide/belkin-what-to-look-for-1920x1303.jpg"); min-height: 1300px; background-position: 33%; position: relative; }
.look-for-section > .row { position: absolute; top: 0; bottom: 0; }
.look-for-section h2, .look-for-section p, .look-for-section li { color: white; }
.look-for-section p:not(.disclaimer), .look-for-section li { font-size: 1.25rem; }
.look-for-section ul { list-style: none; padding: 0; }
.look-for-section ul li { align-items: baseline; display: flex; margin-bottom: 30px; }
.look-for-section ul li:before { content: "\F04B"; color: #73d44a; text-align: center; font-family: 'fontawesome'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 18px; }

.why-belkin-section { padding-bottom: 100px; }

/******************************
*
*  MEDIA QUERIES
*
******************************/
@media (max-width: 1023px) { .content-left, .content-right { padding-right: 0; padding-left: 0; }
  .benefits-section { padding: 100px 0; }
  .benefits-section img { margin-top: 50px; }
  .benefits-item { padding-top: 80px; }
  .what-section { background-position: 34%; } }
@media (max-width: 480px) { .what-section { background-position: 24%; } }

/*# sourceMappingURL=wallchargerChargerBuyingGuide.css.map */