/*
Theme Name: Domino's Local Stores 2.0 - Single Store Page
Description: Landing page for Single DP Store 2.0
Author: HS2 Solutions
Version: 2.0
Template: localstores

*/
.row { padding: 20px 10px; }

#content #main-content { padding-top: 20px; }
@media all and (min-width: 768px) { #content #main-content { padding-right: 20px; padding-top: 0; } }
@media all and (min-width: 980px) { #content #main-content { padding-right: 0; } }
@media all and (min-width: 768px) { #content #main-content.with-right-sidebar .row { padding-left: 0; padding-right: 0; } }
@media all and (min-width: 980px) { #content #main-content.with-right-sidebar { width: 47.5%; } }

#right-sidebar { width: 100%; clear: both; }
@media all and (min-width: 980px) { #right-sidebar { clear: none; width: 22.5%; margin-left: 2.5%; float: left; } }

@media all and (max-width: 767px) { .row .column.half.feat-img { width: 33%; float: left; } }
@media all and (min-width: 768px) { .row .column.half.feat-img { width: 50%; float: right; } }
.row .column.half.feat-img img { width: 100%; height: auto; }
.row .address h2 { padding: 10px 0; }
.row .address p { line-height: 1.5rem; }
@media all and (max-width: 767px) { .row .address { width: 66%; float: left; padding-left: 20px; } }

#map-sidebar { margin-bottom: 20px; }
@media all and (min-width: 768px) { #map-sidebar { width: 50%; float: right; margin-left: 20px; } }

#map-sidebar:before, #map-sidebar:after, #map-header:before, #map-header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#map-sidebar #map-buttons button, #map-header #map-buttons button { width: 49%; float: left; margin: 10px .5% 0; }

#page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content p { margin-right: 10px; margin-left: 10px; }
@media all and (min-width: 768px) { #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content p { margin-left: 0; margin-right: 0; } }
#page-content h2 { color: black; padding-bottom: 20px; }
#page-content h3, #page-content h4 { padding: 10px 0; color: #646464; }
#page-content p { color: #7d7d7d; padding-bottom: 10px; font-size: .8rem; line-height: 1.2rem; }
@media all and (min-width: 768px) { #page-content p { font-size: 1rem; line-height: 1.5rem; } }
#page-content ul, #page-content ol { color: #7d7d7d; font-size: .8rem; line-height: 1.2rem; margin: 0 0 10px 40px; }
@media all and (min-width: 768px) { #page-content ul, #page-content ol { margin: 0 0 0 20px; font-size: 1rem; line-height: 1.5rem; } }
#page-content ul li, #page-content ol li { padding: 0 0 10px; }

@media all and (min-width: 768px) { #left-sidebar .sidebar-content ul li.divider { border-top: 1px solid silver; } }

#right-sidebar { padding: 10px 10px 0; }
@media all and (min-width: 768px) { #right-sidebar h2.title { color: white; background: #1759a4; border-radius: 5px 5px 0 0; text-align: center; padding: 5px 5px 0; } }
#right-sidebar #sidebar-coupons:before, #right-sidebar #sidebar-coupons:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#right-sidebar .coupon { width: 49%; margin: 0 .5% 20px; float: left; }
@media all and (min-width: 980px) { #right-sidebar .coupon { width: auto; margin: 10px 0; } }
#right-sidebar .coupon a { color: #646464; }
#right-sidebar .coupon a:hover { color: #5aa3e8; }
#right-sidebar .coupon .coupon-image { width: 100%; height: auto; font-size: 1.5rem; color: #c93838; text-align: center; }
#right-sidebar .coupon .coupon-description { line-height: 1.25rem; }
#right-sidebar .coupon .coupon-price { margin-top: 5px; font-size: 1.25rem; font-weight: bold; color: black; }
@media all and (min-width: 768px) { #right-sidebar .coupon .coupon-price { color: #1759a4; font-size: 1.75rem; } }

#coupons:before, #coupons:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#coupons ul.coupons-list { list-style: none; margin: 0; }
#coupons ul.coupons-list li.coupon { border-bottom: 1px solid #979797; padding-bottom: 10px; margin-bottom: 10px; }
#coupons ul.coupons-list li.coupon:before, #coupons ul.coupons-list li.coupon:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
@media all and (min-width: 980px) { #coupons ul.coupons-list li.coupon { width: 50%; float: left; border-bottom: none; border-top: 1px solid #979797; padding-top: 10px; padding-bottom: 0; margin-top: 10px; margin-bottom: 0; }
  #coupons ul.coupons-list li.coupon.coupon-1, #coupons ul.coupons-list li.coupon.coupon-2 { border-top: none; }
  #coupons ul.coupons-list li.coupon.odd { clear: both; } }
#coupons ul.coupons-list li.coupon .coupon-image { width: 25%; height: auto; float: left; vertical-align: middle; }
#coupons ul.coupons-list li.coupon .coupon-information { float: left; width: 72.5%; margin-left: 2.5%; }
#coupons ul.coupons-list li.coupon .coupon-information:before, #coupons ul.coupons-list li.coupon .coupon-information:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#coupons ul.coupons-list li.coupon .coupon-information .description { color: black; line-height: 1.25rem; }
@media all and (min-width: 480px) { #coupons ul.coupons-list li.coupon .coupon-information .description { width: 53%; float: left; } }
@media all and (min-width: 768px) { #coupons ul.coupons-list li.coupon .coupon-information .description { width: 70%; } }
@media all and (min-width: 980px) { #coupons ul.coupons-list li.coupon .coupon-information .description { width: 55%; } }
#coupons ul.coupons-list li.coupon .coupon-information .coupon-price { font-weight: bold; line-height: 1.5rem; color: #646464; }
#coupons ul.coupons-list li.coupon .coupon-information .link-action { line-height: 1.5rem; margin-top: 20px; }
@media all and (min-width: 480px) { #coupons ul.coupons-list li.coupon .coupon-information .link-action { float: right; width: 47%; display: block; } }
@media all and (min-width: 768px) { #coupons ul.coupons-list li.coupon .coupon-information .link-action { width: 30%; } }
@media all and (min-width: 980px) { #coupons ul.coupons-list li.coupon .coupon-information .link-action { width: 44%; } }

#map-header { margin-bottom: 40px; }

.store { border-bottom: 1px solid #979797; margin-bottom: 20px; }
.store:before, .store:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.store .store-map { margin-bottom: 20px; }
.store .store-map:before, .store .store-map:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
@media all and (min-width: 768px) { .store .store-map { width: 65%; float: right; } }
.store .store-map .store-map-buttons button { width: 49%; float: left; margin: 10px .5% 0; }
@media all and (min-width: 768px) { .store .store-details { width: 33%; float: left; } }

@media all and (min-width: 768px) { #footer .row { padding: 0; } }

span.meta { display: none; }