@charset "utf-8";

@font-face {
font-family: wpsl-fontello;
src: url(//xedaptot.com/wp-content/plugins/wp-store-locator/font/fontello.eot?28897909);
src: url(//xedaptot.com/wp-content/plugins/wp-store-locator/font/fontello.eot?28897909#iefix) format('embedded-opentype'),url(//xedaptot.com/wp-content/plugins/wp-store-locator/font/fontello.woff?28897909) format('woff'),url(//xedaptot.com/wp-content/plugins/wp-store-locator/font/fontello.ttf?28897909) format('truetype'),url(//xedaptot.com/wp-content/plugins/wp-store-locator/font/fontello.svg?28897909#fontello) format('svg');
font-weight: 400;
font-style: normal}

#wpsl-gmap {
width: 66%;
height: 399px;
margin-bottom: 0;
position: absolute;
top:117px;
right: 0;
}
.wpsl-store-below #wpsl-gmap {
float: none;
width: 100%}
.wpsl-gmap-canvas {
width: 100%;
height: 300px;
margin-bottom: 20px}
#wpsl-reset-map:hover {
cursor: pointer}
#wpsl-gmap div: not[class^=gv-iv],#wpsl-gmap img,.wpsl-gmap-canvas div: not[class^=gv-iv],.wpsl-gmap-canvas img {
box-shadow: none!important;
max-width: none!important;
background: 0 0}
#wpsl-gmap img,.wpsl-gmap-canvas img {
display: inline;
opacity: 1!important;
max-height: none!important}
#wpsl-gmap * {
box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
-moz-box-sizing: content-box!important}
#wpsl-gmap div.gm-iv-marker,.wpsl-gmap-canvas div.gm-iv-marker {
backgroud-image: inherit}
#wpsl-wrap {
position: relative;
width: 100%; clear: both;
margin-bottom: 20px;
border-bottom: 2px solid #E6E6E6;
}
#wpsl-search-wrap {
float: left;
width: 100%}
#wpsl-search-wrap form {
margin: 0;
padding: 0;
border: none;
outline: 0}
#wpsl-gmap #wpsl-map-controls {
position: absolute;
height: 40px;
right: 10px;
bottom: 24px;
border-radius: 2px;
z-index: 3;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
box-shadow: rgba(0,0,0,.3) 0 1px 4px -1px}
#wpsl-gmap #wpsl-map-controls.wpsl-street-view-exists {
right: 60px}
#wpsl-map-controls .wpsl-direction-preloader {
margin: 5px 5px 0 5px}
#wpsl-map-controls div {
float: left;
background: #fff;
border-radius: 2px}
#wpsl-map-controls div:hover {
cursor: pointer}
#wpsl-wrap [class*=" wpsl-icon-"],#wpsl-wrap [class^=wpsl-icon-] {
position: relative;
float: left;
padding: 12px 13px;
display: inline-block;
font-family: wpsl-fontello;
font-style: normal;
font-weight: 400;
font-size: 1.3em;
color: #737373;
speak: none;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale}
#wpsl-map-controls span {
font-family: inherit;
font-size: inherit}
#wpsl-wrap .wpsl-icon-reset {
border-radius: 2px 0 0 2px;
z-index: 2;
padding-right: 4px}
#wpsl-wrap .wpsl-ie .wpsl-icon-reset {
margin-right: -1px}
#wpsl-wrap .wpsl-icon-direction {
z-index: 1}
#wpsl-map-controls.wpsl-reset-exists .wpsl-icon-direction {
border-radius: 0 2px 2px 0}
#wpsl-wrap .wpsl-active-icon,#wpsl-wrap [class*=" wpsl-icon-"]:hover,#wpsl-wrap [class^=wpsl-icon-]:hover {
color: #000}
#wpsl-wrap [class*=" wpsl-icon-"]:focus,#wpsl-wrap [class^=wpsl-icon-]:active {
outline: 0}
#wpsl-wrap .wpsl-in-progress,#wpsl-wrap .wpsl-in-progress:hover {
color: #c6c6c6}
#wpsl-gmap #wpsl-reset-map {
position: absolute;
display: none;
right: 37px;
top: 37px;
padding: 6px 14px;
background: #fff!important;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 2px;
z-index: 3}
#wpsl-reset-map:hover {
cursor: pointer}
.gm-style-cc {
word-wrap: normal}
#wpsl-search-wrap .wpsl-input,#wpsl-search-wrap .wpsl-select-wrap {
display: table}
#wpsl-search-btn,#wpsl-search-wrap #wpsl-radius,#wpsl-search-wrap #wpsl-results,#wpsl-search-wrap .wpsl-input input,#wpsl-search-wrap .wpsl-input label {
display: table-cell}
#wpsl-search-wrap label {
margin-bottom: 0}
#wpsl-search-input {
width: 179px;
height: auto;
padding: 7px 12px;
font-size: 100%;
margin: 0}
#wpsl-search-btn,#wpsl-search-wrap input {
border: 1px solid #d2d2d2;
border-radius: 3px}
#wpsl-search-btn {
padding: 7px 10px;
line-height: 1.428571429;
font-weight: 400;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f4f4f4,#e6e6e6);
background-image: -ms-linear-gradient(top,#f4f4f4,#e6e6e6);
background-image: -webkit-linear-gradient(top,#f4f4f4,#e6e6e6);
background-image: -o-linear-gradient(top,#f4f4f4,#e6e6e6);
background-image: linear-gradient(top,#f4f4f4,#e6e6e6);
box-shadow: 0 1px 2px rgba(64,64,64,.1);
text-transform: none!important}
#wpsl-search-input.wpsl-error {
border: 1px solid #bd0028!important}
.wpsl-search {
margin-bottom: 12px;
padding: 12px 12px 0 12px; }
.wpsl-search.wpsl-checkboxes-enabled {
padding: 12px}
.wpsl-back {
display: inline-block}
#wpsl-result-list { }
.wpsl-store-below #wpsl-result-list {
width: 100%;
margin: 12px 0 0 0}
#wpsl-direction-details {
height: 350px;
overflow-y: auto}
body #wpsl-stores {
height: auto;
}
#wpsl-direction-details,.wpsl-hide {
display: none}
#wpsl-result-list p {
padding-left: 10px}
.wpsl-store-below #wpsl-result-list p {
padding-left: 0}
#wpsl-result-list a {
outline: 0}
.wpsl-direction-before {
margin: 14px 0 21px 0;
padding-left: 10px}
.wpsl-store-below .wpsl-direction-before {
padding-left: 0}
.wpsl-direction-before div {
margin-top: 10px}
#wpsl-wrap #wpsl-result-list li { border-bottom: 1px dotted #ccc;
margin-left: 0;
overflow: hidden;
list-style: none outside none!important;
text-indent: 0}
#wpsl-wrap #wpsl-result-list li li {
padding: 0;
border-bottom: 0;
margin-left: 14px;
overflow: visible}
#wpsl-wrap #wpsl-result-list ul li {
list-style: none!important}
#wpsl-wrap #wpsl-result-list ol li {
list-style: decimal!important}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
padding: 10px 10px 10px 0}
#wpsl-result-list li p {
padding-left: 0;
margin: 0 0 12px 0}
.wpsl-store-details.wpsl-store-listing {
position: relative;
padding-right: 20px}
.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before,
.wpsl-store-details.wpsl-store-listing:before { }
.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before {
border-bottom: 5px solid #000;
border-top: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent}
#wpsl-stores .wpsl-store-thumb {    
border-radius: 3px;
padding: 0;
border: none}
.wpsl-direction-index {
float: left;
width: 8%;
margin: 0 5% 0 0}
.wpsl-direction-txt {
float: left;
width: 62%}
.wpsl-direction-distance {
float: left;
width: 20%;
margin: 0 0 0 5%}
.wpsl-direction-txt span {
display: block;
margin-top: 10px}
.wpsl-country,.wpsl-street {
display: block;
border-bottom: none!important}
.wpsl-directions {
display: table;
border-bottom: none!important}
#wpsl-wrap #wpsl-result-list li.wpsl-preloader {
position: relative;
border-bottom: none;
padding: 10px 10px 10px 35px}
.wpsl-preloader img {
position: absolute;
left: 10px;
top: 50%;
margin-top: -8px;
box-shadow: none!important;
border: none!important}
.wpsl-preloader span {
float: left;
margin: -5px 0 0 11px}
#wpsl-search-btn,#wpsl-search-wrap div {
margin-right: 10px;
float: left}
#wpsl-search-wrap .wpsl-select-wrap {
position: relative;
z-index: 2;
margin-right: 0}
#wpsl-search-wrap .wpsl-input-field {
position: relative}
#wpsl-radius,#wpsl-results {
float: left;
margin-right: 15px}
#wpsl-category {
position: relative;
z-index: 1;
clear: both}
#wpsl-search-wrap .wpsl-dropdown div {
position: absolute;
float: none;
margin: -1px 0 0 0;
top: 100%;
left: -1px;
right: -1px;
border: 1px solid #ccc;
background: #fff;
border-top: 1px solid #eee;
border-radius: 0 0 3px 3px;
opacity: 0;
overflow: hidden;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out}
#wpsl-search-wrap .wpsl-dropdown.wpsl-active div {
opacity: 1}
#wpsl-search-wrap .wpsl-input label {
margin-right: 0}
#wpsl-radius,#wpsl-results {
display: inline}
#wpsl-radius {
margin-right: 10px}
#wpsl-search-btn:hover {
cursor: pointer}
#wpsl-search select,#wpsl-search-wrap select {
display: none}
#wpsl-search-wrap div label {
float: left;
margin-right: 10px;
line-height: 32px}
#wpsl-results label {
width: auto}
#wpsl-result-list ul {
list-style: none;
margin: 0;
padding: 0;
display:block;
}
#wpsl-result-list.active ul {
list-style: none;
margin: 0;
padding: 0;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
#wpsl-result-list ul li {
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
}
#wpsl-result-list ul li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
}
#wpsl-result-list.active ul li {
width: 32%;
padding-bottom: 20px;
}
.wpsl-direction-details {
display: none}
#wpsl-gmap .wpsl-info-window,.wpsl-gmap-canvas .wpsl-info-window {
max-width: 225px}
.wpsl-info-window span,.wpsl-more-info-listings span {
display: block}
.wpsl-info-window .wpsl-no-margin {
margin: 0}
.wpsl-more-info-listings {
display: none}
.wpsl-info-window span span {
display: inline!important}
#wpsl-wrap .wpsl-info-window p {
margin: 0 0 10px 0}
.wpsl-store-hours {
margin-top: 10px}
.wpsl-store-hours strong {
display: block}
#wpsl-gmap .wpsl-info-actions {
display: block;
margin: 10px 0!important}
.wpsl-info-actions a {
float: left;
margin-right: 7px}
.wpsl-info-actions .wpsl-zoom-here {
margin-right: 0}
.wpsl-dropdown {
position: relative;
width: 90px;
border: 1px solid #ccc;
cursor: pointer;
background: #fff;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-right: 0!important;
z-index: 2}
#wpsl-results .wpsl-dropdown {
width: 70px}
.wpsl-dropdown ul {
position: absolute;
left: 0;
width: 100%;
height: 100%;
padding: 0!important;
margin: 0!important;
list-style: none;
overflow: hidden}
.wpsl-dropdown:hover {
box-shadow: 0 0 5px rgba(0,0,0,.15)}
.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li {
position: relative;
display: block;
line-height: normal;
color: #000;
overflow: hidden}
#wpsl-radius .wpsl-dropdown .wpsl-selected-item,#wpsl-radius .wpsl-dropdown li,#wpsl-results .wpsl-dropdown .wpsl-selected-item,#wpsl-results .wpsl-dropdown li {
white-space: nowrap}
.wpsl-selected-item:after {
position: absolute;
content: "";
right: 12px;
top: 50%;
margin-top: -4px;
border: 6px solid transparent;
border-top: 8px solid #000}
.wpsl-active .wpsl-selected-item:after {
margin-top: -10px;
border: 6px solid transparent;
border-bottom: 8px solid #000}
.wpsl-dropdown li:hover {
background: #f8f9f8;
position: relative;
z-index: 3;
color: #000}
.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li,.wpsl-selected-item {
list-style: none;
padding: 6px 12px!important;
margin: 0!important}
.wpsl-selected-dropdown {
font-weight: 700}
.wpsl-clearfix:after,.wpsl-clearfix:before {
content: " ";
display: table}
.wpsl-clearfix:after {
clear: both}
#wpsl-wrap .wpsl-selected-item {
position: static;
padding-right: 35px!important}
#wpsl-category,.wpsl-input,.wpsl-select-wrap {
position: relative;
margin-bottom: 10px}
#wpsl-search-wrap .wpsl-scroll-required div {
overflow-y: scroll}
.wpsl-scroll-required ul {
overflow: visible}
.wpsl-provided-by {
float: right;
padding: 5px 0;
text-align: right;
font-size: 12px;
width: 100%}
#wpsl-wrap .wpsl-results-only label {
width: auto}
.wpsl-contact-details,.wpsl-location-address,.wpsl-locations-details {
margin-bottom: 15px}
.wpsl-contact-details {
clear: both}
table.wpsl-opening-hours td {
vertical-align: top;
padding: 0 15px 0 0;
text-align: left}
table.wpsl-opening-hours time {
display: block}
table.wpsl-opening-hours {
width: auto!important;
font-size: 100%!important}
table.wpsl-opening-hours,table.wpsl-opening-hours td {
border: none!important}
.wpsl-gmap-canvas .wpsl-infobox {
min-width: 155px;
max-width: 350px!important;
padding: 10px;
border-radius: 4px;
font-size: 13px;
font-weight: 300;
border: 1px solid #ccc;
background: #fff!important}
.wpsl-gmap-canvas .wpsl-infobox:after,.wpsl-gmap-canvas .wpsl-infobox:before {
position: absolute;
content: "";
left: 40px;
bottom: -11px}
.wpsl-gmap-canvas .wpsl-infobox:after {
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 11px solid #fff}
.wpsl-gmap-canvas .wpsl-infobox:before {
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #ccc;
bottom: -13px;
left: 38px}
#wpsl-checkbox-filter,.wpsl-custom-checkboxes {
display: block;
float: left;
margin: 5px 0 15px;
padding: 0;
width: 100%}
#wpsl-checkbox-filter li,.wpsl-custom-checkboxes li {
float: left;
list-style: none;
margin: 0 1% 0 0}
#wpsl-checkbox-filter.wpsl-checkbox-1-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-1-columns li {
width: 99%}
#wpsl-checkbox-filter.wpsl-checkbox-2-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-2-columns li {
width: 49%}
#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-3-columns li {
width: 32%}
#wpsl-checkbox-filter.wpsl-checkbox-4-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-4-columns li {
width: 24%}
#wpsl-checkbox-filter input,.wpsl-custom-checkboxes input {
margin-right: 5px}
#wpsl-result-list .wpsl-contact-details span {
display: block!important}
#wpsl-search-wrap .select2 {
display: none!important}
.rtl #wpsl-result-list {
float: left}
.rtl #wpsl-checkbox-filter input,.rtl .wpsl-custom-checkboxes input {
margin-right: 0;
margin-left: 5px}
.rtl .wpsl-info-actions a {
float: right;
margin: 0 0 0 7px}
.rtl #wpsl-gmap .wpsl-info-window {
padding-right: 22px}
.rtl #wpsl-wrap #wpsl-result-list li.wpsl-preloader {
padding: 10px 35px 10px 0}
.rtl .wpsl-preloader img {
left: 0;
right: 10px}
.wpsl-twentynineteen .wpsl-input {
width: 100%}
.wpsl-twentynineteen #wpsl-search-input {
line-height: 1.3em}
.wpsl-twentynineteen #wpsl-search-wrap label {
margin-top: 6px}
.wpsl-twentynineteen .wpsl-dropdown {
width: 116px}
#wpsl-results .wpsl-dropdown {
width: 81px}
@media (max-width: 825px) {
#wpsl-search-input {
width: 348px}
.wpsl-results-only #wpsl-search-wrap .wpsl-dropdown {
width: 70px}
#wpsl-search-wrap .wpsl-input {
width: 100%;
margin-bottom: 10px}
#wpsl-category label,#wpsl-radius label,.wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,.wpsl-input label,.wpsl-no-filters #wpsl-search-wrap .wpsl-input,.wpsl-results-only #wpsl-search-wrap .wpsl-input {
width: auto}
}
@media (max-width: 720px) {
#wpsl-search-wrap .wpsl-dropdown {
width: 114px}
}
@media (max-width: 675px) {
#wpsl-search-wrap #wpsl-search-btn {
float: left;
margin: 0 5px 0 0}
.wpsl-dropdown,.wpsl-results-only #wpsl-search-wrap .wpsl-input {
width: 100%}
.wpsl-search {
padding: 2%}
.wpsl-input {
margin-right: 0}
#wpsl-gmap,#wpsl-result-list {
width: 49.75%}
#wpsl-gmap,#wpsl-result-list {
float: none;
width: 100%}
.wpsl-direction-before {
padding-left: 0}
#wpsl-gmap {
margin-bottom: 15px}
#wpsl-result-list,.wpsl-cat-results-filter .wpsl-select-wrap,.wpsl-filter .wpsl-select-wrap {
margin-bottom: 10px}
#wpsl-result-list p,#wpsl-wrap #wpsl-result-list li {
padding-left: 0}
#wpsl-wrap #wpsl-result-list li.wpsl-preloader {
padding-left: 25px}
.wpsl-preloader img {
left: 0}
#wpsl-stores.wpsl-not-loaded {
height: 25px}
#wpsl-reset-map {
top: 25px}
#wpsl-gmap {
margin-top: 10px}
#wpsl-category,#wpsl-search-btn,.wpsl-input,.wpsl-no-filters #wpsl-search-wrap .wpsl-input,.wpsl-select-wrap {
margin-bottom: 0}
#wpsl-stores.wpsl-no-autoload {
height: auto!important}
#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,#wpsl-checkbox-filter.wpsl-checkbox-4-columns li {
width: 49%}
}
@media (max-width: 570px) {
#wpsl-search-wrap #wpsl-search-btn {
margin-bottom: 5px}
.wpsl-search {
padding: 4%}
#wpsl-search-input {
width: 98%!important}
.wpsl-cat-results-filter #wpsl-search-input,.wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,.wpsl-no-results #wpsl-search-input,.wpsl-results-only #wpsl-search-input {
width: 100%!important}
.wpsl-search-btn-wrap {
margin-top: 15px}
.wpsl-checkboxes-enabled .wpsl-search-btn-wrap {
margin-top: 0}
#wpsl-search-btn,#wpsl-search-wrap div {
margin-right: 0}
#wpsl-search-wrap div label { width: 100%}
#wpsl-results {
width: auto}
.wpsl-select-wrap {
width: 100%}
#wpsl-radius,#wpsl-results {
width: 50%}
#wpsl-radius {
margin-right: 4%}
#wpsl-search-wrap .wpsl-dropdown {
width: 100%!important}
.wpsl-search-btn-wrap {
clear: both}
.wpsl-no-filters #wpsl-search-input,.wpsl-no-filters #wpsl-search-wrap .wpsl-input {
width: 100%!important}
}
@media (max-width: 420px) {
#wpsl-checkbox-filter li {
margin: 0}
#wpsl-checkbox-filter.wpsl-checkbox-1-columns li,#wpsl-checkbox-filter.wpsl-checkbox-2-columns li,#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,#wpsl-checkbox-filter.wpsl-checkbox-4-columns li {
width: 100%}
}
#wpsl-search select, #wpsl-search-wrap select {
display: block;
}
#wpsl-search-wrap .wpsl-search-btn-wrap
{
display: none;
}
#wpsl-search-btn, #wpsl-search-wrap div {
margin-right: 9px;
float: left;
position: relative;
z-index: 6;
}
.wpsl-search
{
padding:0;
}
#wpsl-wrap-right
{
float: left;
width: 100%;
margin-right: .5%;
}
@media(max-width: 950px)
{
#wpsl-wrap-right
{
width: 100%;
}
}
#wpsl-category .wpsl-dropdown {
border-radius: 25px;
border: 1px solid #036d03;
} .wpsl-container {
display: flex;
}
.wpsl-container .map-title {
float:left;
text-transform: uppercase;
color: #036D03;
font-weight: bold;
margin-bottom: 20px;
cursor: pointer;
opacity: 0.3;
transition: 0.2s;
position: relative;
}
.map-title:before {
content: " ";
position: absolute;
top: -19px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
background-color: #036d03 !important;
transition: all 0.2s; height: 2px;
}
#tab-cus-1 {
margin-right: 20px !important;
}
.wpsl-container .map-title:hover {
color: #036D03 !important; 
opacity: 1;
}
.wpsl-container .map-title.active {
color: #036D03 !important; 
opacity: 1;
}
.wpsl-container .map-title:hover:before {
opacity: 1;
width: 100%;
}
.wpsl-container .map-title.active:before {
opacity: 1;
width: 100%;
} #wpsl-stores .overlay-cus {
position: relative;
display: block;
margin-bottom: 20px;
}
#wpsl-stores .overlay-cus:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 1;
opacity: 0;
transition: 0.2s;
}
#wpsl-stores .overlay-cus:hover:before{
opacity: 1;
}
#wpsl-stores .overlay-cus:after{
content: 'Nhấn vào để xem bản đồ chi tiết';
position: absolute;
z-index: 2;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 28px;
top: 50%;
transform: translateY(-60%);
transition: 0.2s;
opacity: 0;
left: 0;
width: 100%;
}
#wpsl-stores .overlay-cus:hover:after{
opacity: 1;
transform: translateY(-50%);
}
#wpsl-result-list {
overflow-y: scroll;
height: 450px;
width: 33.33%;
}
#wpsl-result-list.active {
width: 100%;
}
.overlay-cus-ggmap {
position: absolute;
left: 40%;
top: -450px;
width: 50% !important;
border: 1px solid;
height: auto !important;
}
.overlay-cus-ggmap img {
width: 100%;
}
#wpsl-stores .details-store-css { cursor: pointer;
}
#wpsl-stores .details-store-css:hover {
opacity: 0.65;
} .__active #wpsl-stores .details-store-css:hover {
opacity: 1;      
}
.gg-map {
display: none !important;
}
.__active .gg-map {
display: block !important;
}
@media (max-width: 999px)  {
#wpsl-result-list {
position: relative;
z-index: 5;
margin-bottom: 40px;
margin-top: 40px;
height: auto;
max-height: 450px;
}
.overlay-cus-ggmap {
top: auto;
left: auto;
width: 100% !important;
position: relative;
margin-bottom: 20px;
display: inline-block;
}
#wpsl-result-list {
width: 100%;
}
#wpsl-result-list.active ul li {
width: 100%;
}
}
.ggmap-image-showroom .overlay-cus-ggmap:hover:before {
opacity: 1;
}
.ggmap-image-showroom .overlay-cus-ggmap:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 1;
opacity: 0;
transition: 0.2s;
}
.ggmap-image-showroom .overlay-cus-ggmap::after {
content: "Nhấn vào để xem bản đồ chi tiết";
position: absolute;
z-index: 9999;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 28px;
top: 50%;
transform: translateY(-60%);
opacity: 0;
left: 0px;
width: 100%;
transition: all 0.2s ease 0s;
}
.ggmap-image-showroom .overlay-cus-ggmap:hover:after{
opacity: 1;
transform: translateY(-50%);
}
.btn-chi-duong {
padding-left: 0;
background-color: #036D03;
color: #fff;
padding-right: 0;
border-radius: 25px;
margin-bottom: 0;
margin-top: 10px
}
.btn-chi-duong a {
color: #fff;
text-transform: initial;
padding-left: 10px;
padding-right: 10px;
}
.btn-chi-duong a:hover {
color: #fff;
text-transform: initial;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 767px) {
.btn-chi-duong a {
font-size: 14px;
}
.btn-chi-duong {
margin-top: 0;
}
}.tax-product_brand .brand-description {
overflow: hidden;
zoom: 1;
}
.tax-product_brand .brand-description img.brand-thumbnail {
width: 25%;
float: right;
}
.tax-product_brand .brand-description .text {
width: 72%;
float: left;
} .widget_brand_description img {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;
max-width: none;
height: auto;
margin: 0 0 1em;
} .widget .brand-thumbnails, .brand-thumbnails {
overflow: hidden;
zoom: 1;
margin: 0;
clear: both;
list-style: none;
}
.widget .brand-thumbnails li, .brand-thumbnails li {
float: left;
padding: 0;
margin: 0 2% 2% 0;
}
.widget .brand-thumbnails li.last, .brand-thumbnails li.last {
margin-right: 0;
}
.widget .brand-thumbnails li img, .brand-thumbnails li img {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;
max-width: none;
height: auto;
margin: 0;
} .brand-thumbnails-description li {
text-align: center;
}
.brand-thumbnails-description li .term-thumbnail img {
display: inline;
}
.brand-thumbnails-description li .term-description {
margin-top: 1em;
text-align: left;
} #brands_a_z h3:target {
text-decoration: underline;
}
ul.brands_index {
list-style: none outside;
overflow: hidden;
zoom: 1;
}
ul.brands_index li {
float: left;
margin: 0 2px 2px 0;
}
ul.brands_index li a, ul.brands_index li span {
border: 1px solid #ccc;
padding: 6px;
line-height: 1em;
float: left;
text-decoration: none;
}
ul.brands_index li span {
border-color: #eee;
color: #ddd;
}
ul.brands_index li a:hover {
border-width: 2px;
padding: 5px;
text-decoration: none;
}
ul.brands_index li a.active {
border-width: 2px;
padding: 5px;
}
div#brands_a_z a.top {
border: 1px solid #ccc;
padding: 4px;
line-height: 1em;
float: right;
text-decoration: none;
font-size: 0.8em;
}.list_item_cua_hang {
max-height: 100px;
overflow: auto;
}
.show_ten_cua_hang {
color: #000;
font-size: 14px;
margin-bottom: 11px;
padding: 10px 4px;
}
.item_dia_chi {
border: 1px #eee solid;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #3c3d41;
font-size: 13px;
padding-bottom: 3px;
padding-left: 8px;
padding-top: 3px;
}
.cua_hang_pc {
margin-bottom: 20px;
margin-top: -11px;
}
@media only screen and (max-width: 768px) {
.cua_hang_di_dong {
display: block !important;
}
.cua_hang_pc {
display: none;
}
}
@media only screen and (min-width: 768px) {
.cua_hang_pc {
display: block;
}
.cua_hang_di_dong {
display: none;
}
.cua_hang_pc {
margin-bottom: 20px;
margin-top: -11px;
}
}
.list_item_cua_hang_di_dong {
max-height: none;
}.magazin-heading.is-link,
.magazin-heading.is-underline,
.magazin-heading.is-outline {
color: #232322;
margin: 0 0 20px;
position: relative;
}
.magazin-heading.is-outline {
border: 1px solid currentColor;
padding: 10px;
}
.magazin-heading.is-outline:hover {
background-color: transparent;
border: 1px solid currentColor;
color: #232322;
}
.magazin-heading.is-underline {
padding: 0 0 6px;
}
.magazin-heading.is-underline::after {
background-color: currentColor;
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.blogpost--list .blogpost__item {
display: flex;
flex-direction: column;
gap: 20px;
}
.blogpost--grid.blogpost--overlay,
.blogpost--list.blogpost--overlay {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
position: relative;
}
.blogpost--list.blogpost--overlay {
gap: 0;
}
.blogpost--list.blogpost--overlay .blogpost__item.is-main-item {
margin-bottom: 20px;
}
.blogpost--list.blogpost--overlay .blogpost__item.is-main-item .blogpost__img {
width: 100%;
}
.blogpost--block .blogpost__img {
margin-bottom: 10px;
}
.blogpost--overlay .blogpost__item.is-main-item {
flex-basis: 100%;
margin-bottom: 0;
max-width: 100%;
position: relative;
}
.blogpost--overlay .blogpost__item.is-main-item .blogpost__text {
bottom: 0;
left: 0;
margin: 20px 0;
opacity: 0;
padding: 0 20px;
position: absolute;
width: 100%;
z-index: 2;
}
.blogpost--overlay .blogpost__item.is-main-item .blogpost__title {
font-size: 24px;
line-height: 1.2;
}
.blogpost--grid .blogpost__item.is-sub-item {
flex-basis: calc(100% / 4 - 20px);
max-width: calc(100% / 4 - 20px);
}
.blogpost__item:not(:last-of-type) {
margin-bottom: 20px;
}
.blogpost__title {
font-size: 16px;
}
.blogpost__meta span {
display: block;
}
.blogpost__item p,
.blogpost__meta a {
color: #6d6d6d;
font-size: 14px;
}
.blogpost__meta span {
color: #6d6d6d;
font-size: 12px;
}
.blogpost__meta .blogpost__date {
font-size: 16px;
}
.blogpost__item.is-main-item.is-image-top {
position: relative;
}
.blogpost--overlay .blogpost__item.is-main-item::after {
background: #232322;
background: linear-gradient(0deg, #fbcc03 0%, rgba(251, 204, 3, 0) 64%);
bottom: 0;
content: '';
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blogpost__item.is-main-item.is-image-top p,
.blogpost__item.is-main-item.is-image-top .blogpost__meta a,
.blogpost__item.is-main-item.is-image-top .blogpost__meta span {
color: #616161;
}
.blogpost__img img {
object-fit: cover;
width: 100%;
}
.blogpost__readmore {
display: inline-block;
font-weight: 700;
padding: 5px 20px;
text-transform: uppercase;
}
.blogpost__readmore.secondary:not(.button) {
background-color: #232322;
color: #fff;
}
.blogpost__readmore.primary {
background-color: #fbcc03;
color: #232323;
}
.magazin-blogpost__footer {
margin-top: 30px;
}
@media screen and (min-width: 768px) {
.blogpost--list .blogpost__item {
display: flex;
flex-direction: row;
}
.blogpost--list .blogpost__text {
width: 80%;
}
.blogpost--list .blogpost__img {
width: 40%;
}
}
@media screen and (min-width: 1024px) {
.blogpost--grid.blogpost--overlay
.blogpost__item.is-main-item
.blogpost__img
a,
.blogpost--list.blogpost--overlay
.blogpost__item.is-main-item
.blogpost__img
a {
display: block;
padding-top: 56.25%;
position: relative;
}
.blogpost--grid.blogpost--overlay
.blogpost__item.is-main-item
.blogpost__img
img,
.blogpost--list.blogpost--overlay
.blogpost__item.is-main-item
.blogpost__img
img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.blogpost--overlay .blogpost__item.is-main-item .blogpost__text {
width: 80%;
}
}