@font-face {
font-family: 'Plantagenet Cherokee';
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.eot);
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.eot?#iefix) format('embedded-opentype'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.woff) format('woff'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Neutra Display';
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.eot);
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.eot?#iefix) format('embedded-opentype'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.woff) format('woff'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
center,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
textarea {
background: transparent;
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
outline: 0;
}
input,
select,
textarea {
background: #fff;
}
.cleaner {
font-size: 1px;
line-height: 1px;
height: 0px;
overflow: hidden;
clear: both;
display: block;
}
table {
border-collapse: collapse;
}
.hidden {
display: none;
}
a {
text-decoration: none;
} .cf:before,
.cf:after {
content: " "; display: table; }
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}  ::-webkit-input-placeholder {
color: #959595;
font-style: italic;
text-transform: uppercase;
}
:-moz-placeholder { color: #959595;
font-style: italic;
text-transform: uppercase;
}
::-moz-placeholder { color: #959595;
font-style: italic;
text-transform: uppercase;
}
:-ms-input-placeholder {
color: #959595;
font-style: italic;
text-transform: uppercase;
}  .contentWrap {
width: 100%;
max-width: 1024px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contentWrapInner {
padding: 3.1063% 4.1063%;
}
body {
font-family: 'Plantagenet Cherokee', Arial, Helvetica, sans-serif;
font-size: 20px;
color: #13322b;
letter-spacing: 0.5px;
font-style: normal;
font-stretch: normal;
}
body #pageWrap {
position: relative;
}
body #pageWrap.home #page {
max-width: 1024px;
margin: 0 auto;
}
body #pageWrap.home #page #headerWrap {
padding-left: 15px;
padding-right: 15px;
background: none;
}
body #pageWrap.home #page #headerWrap #header {
border-bottom: 1px solid #fff;
}
body #pageWrap.home #page #totalContentWrap #totalContent {
padding-top: 0;
padding-bottom: 0;
}
body #pageWrap.home #page #footerWrap #footer {
border-top: none;
}
body #pageWrap.home #page #menuWrap #menu ul li a {
color: #fff;
}
body #pageWrap.home #page .overlay {
display: block !important;
}
body #pageWrap.page-template-page-specialites #totalContent {
padding-left: 7.4468%;
padding-right: 7.4468%;
}
body #pageWrap.page-template-page-contact #totalContent {
padding-left: 4.2553%;
padding-right: 4.2553%;
}
body .menu {
display: none;
}
body .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
body .menu ul li {
margin: 0;
padding: 0;
}
body #pageWrap #page .overlay {
display: none;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
body #pageWrap #page #totalContentTopWrap {
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body #pageWrap #page #totalContentTopWrap #totalContentTop {
position: relative;
z-index: 5;
}
body #pageWrap #page #headerWrap {
max-width: 1024px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
body #pageWrap #page #headerWrap #header {
position: relative;
padding-top: 130px;
padding-bottom: 2px;
border-bottom: 1px solid #13322b;
}
body #pageWrap #page #footer {
padding-bottom: 2.0425%;
padding-top: 2.0425%;
}
body #pageWrap #page #footer.alt {
padding: 2.8%;
}
body #pageWrap #page #footer p {
padding-top: 0.2em;
padding-bottom: 0.2em;
line-height: 1.3333em;
letter-spacing: 0.5px;
}
body #pageWrap #page #footer a {
color: inherit;
}
body #pageWrap #page #footer .copy {
text-align: center;
font-size: 0.75em;
}
body #pageWrap #page #footer .copy p {
margin: 0;
padding: 0;
letter-spacing: 0.4px;
} .logo {
width: 166px;
height: 100px;
position: absolute;
display: block;
margin: auto;
top: 26px;
left: 0;
right: 0;
}
#menuWrap #menu ul li {
display: block;
float: left;
width: 150px;
margin-left: 25px;
margin-right: 25px;
}
#menuWrap #menu ul li a {
font-family: 'Neutra Display', Arial, Helvetica, sans-serif;
display: block;
font-size: 1em;
color: #13322b;
text-decoration: none;
text-transform: uppercase;
transition: color 0.1s linear;
}
#menuWrap #menu ul li a:hover {
color: #f04c1e;
}
#menuWrap #menu ul li:nth-child(1) {
text-align: left;
}
#menuWrap #menu ul li:nth-child(2) {
text-align: left;
}
#menuWrap #menu ul li:nth-child(3) {
margin-left: 240px;
text-align: right;
}
#menuWrap #menu ul li:nth-child(4) {
text-align: right;
width: 100px;
margin-right: 0;
}
.banner {
margin: 3.1063% 15.9574% 3.1063% 15.9574%;
padding: 2.6808% 7.44% 2.6808% 7.44%;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.7);
text-align: center;
line-height: 1.14em;
}
.banner h1 {
font-size: 1.125em;
}
.banner p {
font-size: 0.905em;
line-height: 1.1428em;
}
.banner p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.colWrap.three .colContent {
display: table;
width: 100%;
}
.colWrap.three .colContent .col {
width: 33.3333%;
display: table-cell;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0.75em;
letter-spacing: normal;
}
.colWrap.three .colContent .col p {
line-height: 1.3333em;
margin: 0 !important;
padding: 0 !important;
}
.colWrap.three .colContent .col h4 {
font-size: 1.3333em;
padding-bottom: 6px;
letter-spacing: 0.5px;
}
.colWrap.three .colContent .col.left {
padding-left: 0;
}
.colWrap.three .colContent .col.right {
text-align: right;
}
.colWrap.three .colContent .col.center {
vertical-align: bottom;
text-align: center;
padding-left: 2.1277%;
padding-right: 2.1277%;
}
.colWrap.three .colContent .col.center h4 {
font-size: 1em;
padding-bottom: 0;
margin-bottom: 0.8em;
text-align: center;
position: relative;
display: inline-block;
letter-spacing: 0.5px;
}
.colWrap.three .colContent .col.center h4::after {
position: absolute;
content: "";
height: 1px;
width: 100%;
bottom: 0px;
background: #13322b;
left: 0;
}
.colWrap.three .colContent .col.center table {
width: 100%;
max-width: 230px;
margin: 0 auto;
}
.colWrap.three .colContent .col.center table tr td {
padding: 0 5%;
width: 50%;
text-align: right;
white-space: nowrap;
}
.colWrap.three .colContent .col.center table tr td + td {
text-align: left;
}
#content h1 {
padding-bottom: 1.9148%;
font-size: 1.125em;
}
#content p {
color: #13322b;
font-size: 0.905em;
line-height: 1.1428em;
margin: 1.1428em 0;
}
#content p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#content .col-7-3 .col {
width: 28.2051%;
padding: 0;
float: right;
}
#content .col-7-3 .col img {
display: block;
max-width: 100%;
height: auto;
float: right;
}
#content .col-7-3 .col + .col {
float: left;
width: 71.7949%;
padding-right: 12.8205%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .col-1-2-1 {
display: table;
}
#content .col-1-2-1 .col1 {
display: table-cell;
vertical-align: top;
width: 25%;
}
#content .col-1-2-1 .col1.mobile {
display: none;
}
#content .col-1-2-1 .col1 a {
display: block;
margin-top: 40px;
}
#content .col-1-2-1 .col1 a span {
display: block;
}
#content .col-1-2-1 .col1 a span.img {
overflow: hidden;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}
#content .col-1-2-1 .col1 a span.img img {
max-height: 368px;
width: 100%;
display: block;
transition: all 0.3s linear;
}
#content .col-1-2-1 .col1 a span.text {
font-size: 0.705em;
color: #13322b;
text-align: center;
display: block;
padding-top: 10px;
}
#content .col-1-2-1 .col1 a:hover span.img img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#content .col-1-2-1 .col1 a:hover span.text {
transition: all 0.1s linear;
color: #f04c1e;
}
#content .col-1-2-1 .col2 {
display: table-cell;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding-left: 5%;
padding-right: 5%;
}
#content .col-1-2-1 .col2 h1 {
text-align: center;
margin-top: 0.2em;
margin-bottom: 0.725em;
letter-spacing: 1px;
}
#content .col-1-2-1 .col2 .content {
border: solid 1px rgba(0, 56, 29, 0.3);
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7.1875% 5%;
min-height: 368px;
}
#content .col-1-2-1 .col2 .content br {
display: block;
margin-top: 1em;
}
#content .col-1-2-1 .col2 .content h6 {
font-size: 0.75em;
text-align: center;
}
#content .col-1-2-1 .col2 .content p {
margin: 0.2em 0 0.3em 0;
padding: 0;
text-align: center;
font-size: 0.725em;
line-height: 1.4em;
}
#content .col-1-2-1 .col2 .content p span {
font-size: 0.8em;
line-height: 1.5em;
}
#content .col-1-2-1 .col2 .content p:last-child {
margin-bottom: 0;
}
#content .col-2-1-2 {
margin: 6% 0 6% 0;
display: table;
width: 100%;
}
#content .col-2-1-2 .col2,
#content .col-2-1-2 .col1 {
display: table-cell;
vertical-align: bottom;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .col-2-1-2 .col2.mobile,
#content .col-2-1-2 .col1.mobile {
display: none;
}
#content .col-2-1-2 .col2 p,
#content .col-2-1-2 .col1 p {
font-size: 0.75em;
line-height: 1.3333em;
margin: 0 0 0.1em 0 !important;
padding: 0 !important;
}
#content .col-2-1-2 .col2 h4,
#content .col-2-1-2 .col1 h4 {
font-size: 1em;
padding-bottom: 8px;
}
#content .col-2-1-2 .col2 h5,
#content .col-2-1-2 .col1 h5 {
font-size: 0.75em;
padding-bottom: 0;
margin-bottom: 1em;
text-align: center;
position: relative;
display: inline-block;
letter-spacing: normal;
}
#content .col-2-1-2 .col2 h5::after,
#content .col-2-1-2 .col1 h5::after {
position: absolute;
content: "";
height: 1px;
width: 100%;
bottom: 0px;
background: #13322b;
left: 0;
}
#content .col-2-1-2 .col2 .map,
#content .col-2-1-2 .col1 .map {
margin-top: 11.6667%;
margin-left: auto;
margin-right: auto;
}
#content .col-2-1-2 .col2 table,
#content .col-2-1-2 .col1 table {
width: 100%;
font-size: 0.75em;
}
#content .col-2-1-2 .col2 table tr td,
#content .col-2-1-2 .col1 table tr td {
padding: 0 5%;
width: 50%;
text-align: right;
}
#content .col-2-1-2 .col2 table tr td + td,
#content .col-2-1-2 .col1 table tr td + td {
text-align: left;
}
#content .col-2-1-2 .col2 {
width: 34.8837%;
}
#content .col-2-1-2 .col1 {
padding: 0 2%;
text-align: center;
}
#content .col-2-1-2 .col1 table {
max-width: 180px;
margin: 0 auto;
}
#content .col-2-1-2 .col1 table tr td {
text-align: left;
line-height: 1.3333em;
}
#content .col-2-1-2 .col1 table tr td + td {
text-align: right;
}
#content ul.imgList {
margin: 0;
padding: 0;
margin-left: -4.7619%;
margin-top: 4.7619%;
margin-bottom: 1%;
}
#content ul.imgList li {
margin: 0;
padding: 0;
width: 28.5714%;
list-style: none;
float: left;
display: block;
margin-left: 4.7619%;
margin-bottom: 3.1%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content ul.imgList li a {
display: table;
width: 100%;
color: #13322b;
transition: all 0.1s linear;
}
#content ul.imgList li a:hover {
color: #f04c1e;
}
#content ul.imgList li a span {
display: table-cell;
vertical-align: middle;
width: 76px;
height: 68px;
text-transform: uppercase;
}
#content ul.imgList li a span img {
display: block;
margin: 0 auto;
}
#content ul.imgList li a span + span {
width: auto;
}
.popupWrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 999999;
overflow-y: auto;
}
.popupWrap .popup {
position: relative;
}
.popupWrap .popup .JS_popupCloser {
position: absolute;
top: 0;
right: 0;
width: 40px !important;
height: 40px;
padding: 5px;
}
.popupWrap .popup .JS_popupCloser .close-svg {
fill: #b3c3bb;
}
.popupWrap .popup .JS_popupCloser:hover .close-svg {
fill: #6e7e76;
}
.popupWrap.right .left {
float: left;
width: 73.6112%;
padding-right: 6.9444%;
}
.popupWrap.right .right {
width: 26.3888%;
float: right;
}
.popupWrap.right .right img {
display: block;
max-width: 100%;
}
.popupWrap.right .right h2 {
display: none;
}
.popupWrap.right h2 {
position: relative;
font-size: 1.125em;
padding-bottom: 2px;
display: inline-block;
margin-bottom: 3.3333%;
}
.popupWrap.right h2::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #13322b;
}
.popupWrap.left .popupInner {
display: table;
width: 100%;
}
.popupWrap.left .popupInner .left,
.popupWrap.left .popupInner .right {
display: table-cell;
vertical-align: top;
}
.popupWrap.left .popupInner .left {
width: 36.8056%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 3.4722%;
border-right: solid 1px rgba(0, 56, 29, 0.1);
}
.popupWrap.left .popupInner .left img {
display: block;
max-width: 100%;
}
.popupWrap.left .popupInner .right {
width: 63.1944%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3.4722%;
}
.popupWrap.left .popupInner h2 {
font-size: 1em;
position: relative;
display: table;
width: 100%;
margin-bottom: 9px;
}
.popupWrap.left .popupInner h2 span.img {
display: table-cell;
vertical-align: middle;
width: 76px;
height: 68px;
}
.popupWrap.left .popupInner h2 span.img img {
display: block;
margin: 0 auto;
}
.popupWrap.left .popupInner h2 span.text {
display: table-cell;
vertical-align: middle;
}
.popupWrap.left .popupInner h2 span.text strong {
position: relative;
text-transform: uppercase;
display: inline-block;
padding-bottom: 2px;
font-weight: normal;
line-height: 1em;
}
.popupWrap.left .popupInner h2 span.text strong::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #13322b;
}
.popupWrap .content {
display: table;
width: 100%;
height: 100%;
}
.popupWrap .content .contentInner {
display: table-cell;
vertical-align: middle;
}
.popupWrap .content .contentInner .popup {
display: block;
margin: 0 auto;
max-width: 860px;
background-color: #ffffff;
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
border: solid 1px rgba(0, 56, 29, 0.3);
padding: 58px 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popupWrap .content .contentInner .popup .left,
.popupWrap .content .contentInner .popup .right {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popupWrap .content .contentInner .popup h2 {
margin-top: 6px;
}
.popupWrap .content .contentInner .popup p {
font-family: 'Neutra Display', Arial, Helvetica, sans-serif;
font-size: 0.905em;
line-height: 1.1428em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
}
strong {
font-weight: bold;
}
.google-maps {
overflow: hidden;
} @media (max-width: 1024px) {
body #pageWrap #page #headerWrap {
padding-left: 4% !important;
padding-right: 4% !important;
}
body #pageWrap #page #headerWrap #header {
padding-top: 12px;
padding-bottom: 12px;
}
.logo {
position: static;
margin: 0 auto;
margin-bottom: 12px;
}
.banner {
margin-left: 0;
margin-right: 0;
}
#menuWrap #menu ul {
text-align: center;
}
#menuWrap #menu ul li {
float: none;
width: 160px !important;
display: inline-block;
margin-left: 20px !important;
margin-right: 20px !important;
}
#menuWrap #menu ul li a {
text-align: center !important;
}
.contentWrap {
padding-left: 4%;
padding-right: 4%;
}
.contentWrapInner {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 960px) {
.hidden {
display: block !important;
}
.popupWrap {
position: fixed;
}
#content ul {
margin-left: -2%;
}
#content ul.imgList li {
width: 48%;
margin-left: 2%;
}
#content .col-7-3 .col h1 {
display: none;
}
#content .col-7-3 .col img {
width: 100%;
height: auto;
max-width: none;
}
.page-template-page-shops #content .col-1-2-1 .col2 h1 {
padding-left: 7%;
padding-right: 7%;
}
#content .col-1-2-1 .col1 a {
margin-top: 69px;
}
#content .col-1-2-1 .col2 .content {
min-height: auto;
}
.colWrap.three {
display: block !important;
}
.colWrap.three .col {
padding-left: 0 !important;
padding-right: 0 !important;
}
.col {
display: block !important;
margin-bottom: 20px;
width: 100% !important;
}
.col:last-child {
margin-bottom: 0;
}
body #pageWrap #page #footer {
padding-top: 4.0425%;
}
body #pageWrap #page #footer * {
text-align: center !important;
}
.popupWrap .content .contentInner .popup {
margin: 12px;
}
}
@media (max-width: 960px) and (min-width: 768px) {
#content ul.imgList {
margin-left: 0;
}
#content ul.imgList li {
width: 50%;
margin-left: 0;
}
#content ul.imgList li a span {
display: inline-block;
float: left;
}
#content ul.imgList li a span + span {
display: block;
float: none;
text-align: center;
}
#content ul.imgList li a {
max-width: 270px;
display: inline-block;
}
#content ul.imgList li.tablet-item-left {
text-align: right;
}
#content ul.imgList li.tablet-item-right {
text-align: left;
}
}
@media (max-width: 767px) {
body #pageWrap #page #headerWrap #header .logo {
margin-bottom: 0;
}
.colWrap.three .colContent .col.center table,
#content .col-2-1-2 .col1 table {
max-width: 440px;
}
#menuWrap {
display: none;
}
#content ul.imgList {
margin-left: 0;
}
#content ul.imgList li {
margin-left: 0;
width: 100%;
text-align: center;
}
#content ul.imgList li a {
display: inline-block;
width: auto;
min-width: 250px;
}
#content .col-7-3 .col {
padding-right: 0;
width: 100%;
float: right;
margin-bottom: 0;
}
#content .col-7-3 .col + .col {
float: left;
padding-right: 0;
}
#content .col-1-2-1,
#content .col-2-1-2 {
display: block;
}
#content .col-1-2-1 .col1,
#content .col-2-1-2 .col1,
#content .col-1-2-1 .col2,
#content .col-2-1-2 .col2 {
padding: 0;
display: block;
width: 100%;
margin: 0 0 24px 0;
}
#content .col-1-2-1 .col1.tablet,
#content .col-2-1-2 .col1.tablet,
#content .col-1-2-1 .col2.tablet,
#content .col-2-1-2 .col2.tablet,
#content .col-1-2-1 .col1.desktop,
#content .col-2-1-2 .col1.desktop,
#content .col-1-2-1 .col2.desktop,
#content .col-2-1-2 .col2.desktop {
display: none;
}
#content .col-1-2-1 .col1.mobile,
#content .col-2-1-2 .col1.mobile,
#content .col-1-2-1 .col2.mobile,
#content .col-2-1-2 .col2.mobile {
display: block;
}
#content .col-1-2-1 .col1.mobile .JS_popupOpener,
#content .col-2-1-2 .col1.mobile .JS_popupOpener,
#content .col-1-2-1 .col2.mobile .JS_popupOpener,
#content .col-2-1-2 .col2.mobile .JS_popupOpener {
cursor: pointer;
}
#content .col-1-2-1 .col1.mobile p,
#content .col-2-1-2 .col1.mobile p,
#content .col-1-2-1 .col2.mobile p,
#content .col-2-1-2 .col2.mobile p {
margin-top: 5px;
}
#content .col-1-2-1 .col1.mobile a,
#content .col-2-1-2 .col1.mobile a,
#content .col-1-2-1 .col2.mobile a,
#content .col-2-1-2 .col2.mobile a {
margin-top: 0;
display: inline;
}
#content .col-1-2-1 .col1 a span.img,
#content .col-2-1-2 .col1 a span.img,
#content .col-1-2-1 .col2 a span.img,
#content .col-2-1-2 .col2 a span.img {
width: 100%;
height: auto;
}
#content .col-1-2-1 .col1 a span.img img,
#content .col-2-1-2 .col1 a span.img img,
#content .col-1-2-1 .col2 a span.img img,
#content .col-2-1-2 .col2 a span.img img {
max-width: none;
width: 100%;
height: auto;
}
#content .col-2-1-2 .col1,
#content .col-2-1-2 .col2 {
text-align: center;
}
#content .col-2-1-2 .col1 .map,
#content .col-2-1-2 .col2 .map {
margin-top: 24px;
}
#content .col-2-1-2 .col1 table {
max-width: 200px;
}
.popupWrap.right .left {
display: block;
margin-bottom: 24px;
padding: 0;
float: none;
width: 100%;
}
.popupWrap.right .left h2 {
display: none;
}
.popupWrap.right .right {
display: block;
padding: 0;
float: none;
width: 100%;
}
.popupWrap.right .right h2 {
display: inline-block;
}
.popupWrap.right .right img {
width: 100%;
height: auto;
max-width: none;
}
.popupWrap.left .popupInner {
display: block;
}
.popupWrap.left .popupInner .left {
margin-bottom: 12px;
padding: 0;
border: none;
display: block;
width: 100%;
}
.popupWrap.left .popupInner .left h2 ~ img {
width: 100%;
max-width: none;
}
.popupWrap.left .popupInner .right {
display: block;
width: 100%;
} .site-pusher,
.site-container {
height: 100%;
}
.site-container {
overflow: hidden;
}
.site-pusher {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.site-content {
position: absolute;
top: 66px;
right: 0;
left: 0;
bottom: 0;
padding-top: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.header {
position: static;
}
.header__icon {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 50px;
height: 66px;
cursor: pointer;
}
.header__icon:after {
content: '';
position: absolute;
display: block;
width: 1rem;
height: 0;
top: 16px;
left: 15px;
box-shadow: 0 10px 0 1px #13322b, 0 16px 0 1px #13322b, 0 22px 0 1px #13322b;
}
.menu {
padding-top: 24px;
display: block !important;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #000; width: 250px;
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.menu a {
display: block;
height: 40px;
text-transform: uppercase;
text-align: center;
line-height: 40px;
color: #fff;
font-family: 'Neutra Display', Arial, Helvetica, sans-serif;
transition: color 0.1s linear;
}
.menu a:hover {
color: #f04c1e;
}
body.with--sidebar {
overflow: hidden;
}
.with--sidebar .site-pusher {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.with--sidebar .site-cache {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2000;
}
#pageWrap.home .header__icon:after {
content: '';
position: absolute;
display: block;
width: 1rem;
height: 0;
top: 16px;
left: 15px;
box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
}
.page-template-page-shops #totalContent {
padding-bottom: 0;
}
.page-template-page-shops #footerWrap #footer {
padding-top: 0 !important;
}
.page-template-page-shops #footerWrap .col.left,
.page-template-page-shops #footerWrap .col.right {
display: none !important;
}
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.textwidget a {
color: inherit;
}
.page-template-page-shops #content .col-1-2-1 .col2 .content {
padding: 3.5%;
}
.page-template-page-shops #content .col-1-2-1 .col2 h1 {
margin-bottom: 0;
}
.page-template-page-shops .contentWrapInner {
padding-top: 1%;
padding-bottom: 0;
}
.bg-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
}@font-face {
font-family: 'Plantagenet Cherokee';
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.eot);
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.eot?#iefix) format('embedded-opentype'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.woff) format('woff'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/PlantagenetCherokee.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Neutra Display';
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.eot);
src: url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.eot?#iefix) format('embedded-opentype'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.woff) format('woff'), url(//pharmacie-eauxvives.ch/wp-content/themes/eauxvives/fonts/NeutraDisp-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
center,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
textarea {
background: transparent;
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
outline: 0;
}
input,
select,
textarea {
background: #fff;
}
.cleaner {
font-size: 1px;
line-height: 1px;
height: 0px;
overflow: hidden;
clear: both;
display: block;
}
table {
border-collapse: collapse;
}
.hidden {
display: none;
}
a {
text-decoration: none;
} .cf:before,
.cf:after {
content: " "; display: table; }
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}  ::-webkit-input-placeholder {
color: #959595;
font-style: italic;
text-transform: uppercase;
}
:-moz-placeholder { color: #959595;
font-style: italic;
text-transform: uppercase;
}
::-moz-placeholder { color: #959595;
font-style: italic;
text-transform: uppercase;
}
:-ms-input-placeholder {
color: #959595;
font-style: italic;
text-transform: uppercase;
}  .contentWrap {
width: 100%;
max-width: 1024px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contentWrapInner {
padding: 3.1063% 4.1063%;
}
body {
font-family: 'Plantagenet Cherokee', Arial, Helvetica, sans-serif;
font-size: 20px;
color: #13322b;
letter-spacing: 0.5px;
font-style: normal;
font-stretch: normal;
}
body #pageWrap {
position: relative;
}
body #pageWrap.home #page {
max-width: 1024px;
margin: 0 auto;
}
body #pageWrap.home #page #headerWrap {
padding-left: 15px;
padding-right: 15px;
background: none;
}
body #pageWrap.home #page #headerWrap #header {
border-bottom: 1px solid #fff;
}
body #pageWrap.home #page #totalContentWrap #totalContent {
padding-top: 0;
padding-bottom: 0;
}
body #pageWrap.home #page #footerWrap #footer {
border-top: none;
}
body #pageWrap.home #page #menuWrap #menu ul li a {
color: #fff;
}
body #pageWrap.home #page .overlay {
display: block !important;
}
body #pageWrap.page-template-page-specialites #totalContent {
padding-left: 7.4468%;
padding-right: 7.4468%;
}
body #pageWrap.page-template-page-contact #totalContent {
padding-left: 4.2553%;
padding-right: 4.2553%;
}
body .menu {
display: none;
}
body .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
body .menu ul li {
margin: 0;
padding: 0;
}
body #pageWrap #page .overlay {
display: none;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
body #pageWrap #page #totalContentTopWrap {
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body #pageWrap #page #totalContentTopWrap #totalContentTop {
position: relative;
z-index: 5;
}
body #pageWrap #page #headerWrap {
max-width: 1024px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
body #pageWrap #page #headerWrap #header {
position: relative;
padding-top: 130px;
padding-bottom: 2px;
border-bottom: 1px solid #13322b;
}
body #pageWrap #page #footer {
padding-bottom: 2.0425%;
padding-top: 2.0425%;
}
body #pageWrap #page #footer.alt {
padding: 2.8%;
}
body #pageWrap #page #footer p {
padding-top: 0.2em;
padding-bottom: 0.2em;
line-height: 1.3333em;
letter-spacing: 0.5px;
}
body #pageWrap #page #footer a {
color: inherit;
}
body #pageWrap #page #footer .copy {
text-align: center;
font-size: 0.75em;
}
body #pageWrap #page #footer .copy p {
margin: 0;
padding: 0;
letter-spacing: 0.4px;
} .logo {
width: 166px;
height: 100px;
position: absolute;
display: block;
margin: auto;
top: 26px;
left: 0;
right: 0;
}
#menuWrap #menu ul li {
display: block;
float: left;
width: 150px;
margin-left: 25px;
margin-right: 25px;
}
#menuWrap #menu ul li a {
font-family: 'Neutra Display', Arial, Helvetica, sans-serif;
display: block;
font-size: 1em;
color: #13322b;
text-decoration: none;
text-transform: uppercase;
transition: color 0.1s linear;
}
#menuWrap #menu ul li a:hover {
color: #f04c1e;
}
#menuWrap #menu ul li:nth-child(1) {
text-align: left;
}
#menuWrap #menu ul li:nth-child(2) {
text-align: left;
}
#menuWrap #menu ul li:nth-child(3) {
margin-left: 240px;
text-align: right;
}
#menuWrap #menu ul li:nth-child(4) {
text-align: right;
width: 100px;
margin-right: 0;
}
.banner {
margin: 3.1063% 15.9574% 3.1063% 15.9574%;
padding: 2.6808% 7.44% 2.6808% 7.44%;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.7);
text-align: center;
line-height: 1.14em;
}
.banner h1 {
font-size: 1.125em;
}
.banner p {
font-size: 0.905em;
line-height: 1.1428em;
}
.banner p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.colWrap.three .colContent {
display: table;
width: 100%;
}
.colWrap.three .colContent .col {
width: 33.3333%;
display: table-cell;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0.75em;
letter-spacing: normal;
}
.colWrap.three .colContent .col p {
line-height: 1.3333em;
margin: 0 !important;
padding: 0 !important;
}
.colWrap.three .colContent .col h4 {
font-size: 1.3333em;
padding-bottom: 6px;
letter-spacing: 0.5px;
}
.colWrap.three .colContent .col.left {
padding-left: 0;
}
.colWrap.three .colContent .col.right {
text-align: right;
}
.colWrap.three .colContent .col.center {
vertical-align: bottom;
text-align: center;
padding-left: 2.1277%;
padding-right: 2.1277%;
}
.colWrap.three .colContent .col.center h4 {
font-size: 1em;
padding-bottom: 0;
margin-bottom: 0.8em;
text-align: center;
position: relative;
display: inline-block;
letter-spacing: 0.5px;
}
.colWrap.three .colContent .col.center h4::after {
position: absolute;
content: "";
height: 1px;
width: 100%;
bottom: 0px;
background: #13322b;
left: 0;
}
.colWrap.three .colContent .col.center table {
width: 100%;
max-width: 230px;
margin: 0 auto;
}
.colWrap.three .colContent .col.center table tr td {
padding: 0 5%;
width: 50%;
text-align: right;
white-space: nowrap;
}
.colWrap.three .colContent .col.center table tr td + td {
text-align: left;
}
#content h1 {
padding-bottom: 1.9148%;
font-size: 1.125em;
}
#content p {
color: #13322b;
font-size: 0.905em;
line-height: 1.1428em;
margin: 1.1428em 0;
}
#content p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#content .col-7-3 .col {
width: 28.2051%;
padding: 0;
float: right;
}
#content .col-7-3 .col img {
display: block;
max-width: 100%;
height: auto;
float: right;
}
#content .col-7-3 .col + .col {
float: left;
width: 71.7949%;
padding-right: 12.8205%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .col-1-2-1 {
display: table;
}
#content .col-1-2-1 .col1 {
display: table-cell;
vertical-align: top;
width: 25%;
}
#content .col-1-2-1 .col1.mobile {
display: none;
}
#content .col-1-2-1 .col1 a {
display: block;
margin-top: 40px;
}
#content .col-1-2-1 .col1 a span {
display: block;
}
#content .col-1-2-1 .col1 a span.img {
overflow: hidden;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}
#content .col-1-2-1 .col1 a span.img img {
max-height: 368px;
width: 100%;
display: block;
transition: all 0.3s linear;
}
#content .col-1-2-1 .col1 a span.text {
font-size: 0.705em;
color: #13322b;
text-align: center;
display: block;
padding-top: 10px;
}
#content .col-1-2-1 .col1 a:hover span.img img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#content .col-1-2-1 .col1 a:hover span.text {
transition: all 0.1s linear;
color: #f04c1e;
}
#content .col-1-2-1 .col2 {
display: table-cell;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding-left: 5%;
padding-right: 5%;
}
#content .col-1-2-1 .col2 h1 {
text-align: center;
margin-top: 0.2em;
margin-bottom: 0.725em;
letter-spacing: 1px;
}
#content .col-1-2-1 .col2 .content {
border: solid 1px rgba(0, 56, 29, 0.3);
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7.1875% 5%;
min-height: 368px;
}
#content .col-1-2-1 .col2 .content br {
display: block;
margin-top: 1em;
}
#content .col-1-2-1 .col2 .content h6 {
font-size: 0.75em;
text-align: center;
}
#content .col-1-2-1 .col2 .content p {
margin: 0.2em 0 0.3em 0;
padding: 0;
text-align: center;
font-size: 0.725em;
line-height: 1.4em;
}
#content .col-1-2-1 .col2 .content p span {
font-size: 0.8em;
line-height: 1.5em;
}
#content .col-1-2-1 .col2 .content p:last-child {
margin-bottom: 0;
}
#content .col-2-1-2 {
margin: 6% 0 6% 0;
display: table;
width: 100%;
}
#content .col-2-1-2 .col2,
#content .col-2-1-2 .col1 {
display: table-cell;
vertical-align: bottom;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .col-2-1-2 .col2.mobile,
#content .col-2-1-2 .col1.mobile {
display: none;
}
#content .col-2-1-2 .col2 p,
#content .col-2-1-2 .col1 p {
font-size: 0.75em;
line-height: 1.3333em;
margin: 0 0 0.1em 0 !important;
padding: 0 !important;
}
#content .col-2-1-2 .col2 h4,
#content .col-2-1-2 .col1 h4 {
font-size: 1em;
padding-bottom: 8px;
}
#content .col-2-1-2 .col2 h5,
#content .col-2-1-2 .col1 h5 {
font-size: 0.75em;
padding-bottom: 0;
margin-bottom: 1em;
text-align: center;
position: relative;
display: inline-block;
letter-spacing: normal;
}
#content .col-2-1-2 .col2 h5::after,
#content .col-2-1-2 .col1 h5::after {
position: absolute;
content: "";
height: 1px;
width: 100%;
bottom: 0px;
background: #13322b;
left: 0;
}
#content .col-2-1-2 .col2 .map,
#content .col-2-1-2 .col1 .map {
margin-top: 11.6667%;
margin-left: auto;
margin-right: auto;
}
#content .col-2-1-2 .col2 table,
#content .col-2-1-2 .col1 table {
width: 100%;
font-size: 0.75em;
}
#content .col-2-1-2 .col2 table tr td,
#content .col-2-1-2 .col1 table tr td {
padding: 0 5%;
width: 50%;
text-align: right;
}
#content .col-2-1-2 .col2 table tr td + td,
#content .col-2-1-2 .col1 table tr td + td {
text-align: left;
}
#content .col-2-1-2 .col2 {
width: 34.8837%;
}
#content .col-2-1-2 .col1 {
padding: 0 2%;
text-align: center;
}
#content .col-2-1-2 .col1 table {
max-width: 180px;
margin: 0 auto;
}
#content .col-2-1-2 .col1 table tr td {
text-align: left;
line-height: 1.3333em;
}
#content .col-2-1-2 .col1 table tr td + td {
text-align: right;
}
#content ul.imgList {
margin: 0;
padding: 0;
margin-left: -4.7619%;
margin-top: 4.7619%;
margin-bottom: 1%;
}
#content ul.imgList li {
margin: 0;
padding: 0;
width: 28.5714%;
list-style: none;
float: left;
display: block;
margin-left: 4.7619%;
margin-bottom: 3.1%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content ul.imgList li a {
display: table;
width: 100%;
color: #13322b;
transition: all 0.1s linear;
}
#content ul.imgList li a:hover {
color: #f04c1e;
}
#content ul.imgList li a span {
display: table-cell;
vertical-align: middle;
width: 76px;
height: 68px;
text-transform: uppercase;
}
#content ul.imgList li a span img {
display: block;
margin: 0 auto;
}
#content ul.imgList li a span + span {
width: auto;
}
.popupWrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 999999;
overflow-y: auto;
}
.popupWrap .popup {
position: relative;
}
.popupWrap .popup .JS_popupCloser {
position: absolute;
top: 0;
right: 0;
width: 40px !important;
height: 40px;
padding: 5px;
}
.popupWrap .popup .JS_popupCloser .close-svg {
fill: #b3c3bb;
}
.popupWrap .popup .JS_popupCloser:hover .close-svg {
fill: #6e7e76;
}
.popupWrap.right .left {
float: left;
width: 73.6112%;
padding-right: 6.9444%;
}
.popupWrap.right .right {
width: 26.3888%;
float: right;
}
.popupWrap.right .right img {
display: block;
max-width: 100%;
}
.popupWrap.right .right h2 {
display: none;
}
.popupWrap.right h2 {
position: relative;
font-size: 1.125em;
padding-bottom: 2px;
display: inline-block;
margin-bottom: 3.3333%;
}
.popupWrap.right h2::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #13322b;
}
.popupWrap.left .popupInner {
display: table;
width: 100%;
}
.popupWrap.left .popupInner .left,
.popupWrap.left .popupInner .right {
display: table-cell;
vertical-align: top;
}
.popupWrap.left .popupInner .left {
width: 36.8056%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 3.4722%;
border-right: solid 1px rgba(0, 56, 29, 0.1);
}
.popupWrap.left .popupInner .left img {
display: block;
max-width: 100%;
}
.popupWrap.left .popupInner .right {
width: 63.1944%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3.4722%;
}
.popupWrap.left .popupInner h2 {
font-size: 1em;
position: relative;
display: table;
width: 100%;
margin-bottom: 9px;
}
.popupWrap.left .popupInner h2 span.img {
display: table-cell;
vertical-align: middle;
width: 76px;
height: 68px;
}
.popupWrap.left .popupInner h2 span.img img {
display: block;
margin: 0 auto;
}
.popupWrap.left .popupInner h2 span.text {
display: table-cell;
vertical-align: middle;
}
.popupWrap.left .popupInner h2 span.text strong {
position: relative;
text-transform: uppercase;
display: inline-block;
padding-bottom: 2px;
font-weight: normal;
line-height: 1em;
}
.popupWrap.left .popupInner h2 span.text strong::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #13322b;
}
.popupWrap .content {
display: table;
width: 100%;
height: 100%;
}
.popupWrap .content .contentInner {
display: table-cell;
vertical-align: middle;
}
.popupWrap .content .contentInner .popup {
display: block;
margin: 0 auto;
max-width: 860px;
background-color: #ffffff;
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
border: solid 1px rgba(0, 56, 29, 0.3);
padding: 58px 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popupWrap .content .contentInner .popup .left,
.popupWrap .content .contentInner .popup .right {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popupWrap .content .contentInner .popup h2 {
margin-top: 6px;
}
.popupWrap .content .contentInner .popup p {
font-family: 'Neutra Display', Arial, Helvetica, sans-serif;
font-size: 0.905em;
line-height: 1.1428em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
}
strong {
font-weight: bold;
}
.google-maps {
overflow: hidden;
} @media (max-width: 1024px) {
body #pageWrap #page #headerWrap {
padding-left: 4% !important;
padding-right: 4% !important;
}
body #pageWrap #page #headerWrap #header {
padding-top: 12px;
padding-bottom: 12px;
}
.logo {
position: static;
margin: 0 auto;
margin-bottom: 12px;
}
.banner {
margin-left: 0;
margin-right: 0;
}
#menuWrap #menu ul {
text-align: center;
}
#menuWrap #menu ul li {
float: none;
width: 160px !important;
display: inline-block;
margin-left: 20px !important;
margin-right: 20px !important;
}
#menuWrap #menu ul li a {
text-align: center !important;
}
.contentWrap {
padding-left: 4%;
padding-right: 4%;
}
.contentWrapInner {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 960px) {
.hidden {
display: block !important;
}
.popupWrap {
position: fixed;
}
#content ul {
margin-left: -2%;
}
#content ul.imgList li {
width: 48%;
margin-left: 2%;
}
#content .col-7-3 .col h1 {
display: none;
}
#content .col-7-3 .col img {
width: 100%;
height: auto;
max-width: none;
}
.page-template-page-shops #content .col-1-2-1 .col2 h1 {
padding-left: 7%;
padding-right: 7%;
}
#content .col-1-2-1 .col1 a {
margin-top: 69px;
}
#content .col-1-2-1 .col2 .content {
min-height: auto;
}
.colWrap.three {
display: block !important;
}
.colWrap.three .col {
padding-left: 0 !important;
padding-right: 0 !important;
}
.col {
display: block !important;
margin-bottom: 20px;
width: 100% !important;
}
.col:last-child {
margin-bottom: 0;
}
body #pageWrap #page #footer {
padding-top: 4.0425%;
}
body #pageWrap #page #footer * {
text-align: center !important;
}
.popupWrap .content .contentInner .popup {
margin: 12px;
}
}
@media (max-width: 960px) and (min-width: 768px) {
#content ul.imgList {
margin-left: 0;
}
#content ul.imgList li {
width: 50%;
margin-left: 0;
}
#content ul.imgList li a span {
display: inline-block;
float: left;
}
#content ul.imgList li a span + span {
display: block;
float: none;
text-align: center;
}
#content ul.imgList li a {
max-width: 270px;
display: inline-block;
}
#content ul.imgList li.tablet-item-left {
text-align: right;
}
#content ul.imgList li.tablet-item-right {
text-align: left;
}
}
@media (max-width: 767px) {
body #pageWrap #page #headerWrap #header .logo {
margin-bottom: 0;
}
.colWrap.three .colContent .col.center table,
#content .col-2-1-2 .col1 table {
max-width: 440px;
}
#menuWrap {
display: none;
}
#content ul.imgList {
margin-left: 0;
}
#content ul.imgList li {
margin-left: 0;
width: 100%;
text-align: center;
}
#content ul.imgList li a {
display: inline-block;
width: auto;
min-width: 250px;
}
#content .col-7-3 .col {
padding-right: 0;
width: 100%;
float: right;
margin-bottom: 0;
}
#content .col-7-3 .col + .col {
float: left;
padding-right: 0;
}
#content .col-1-2-1,
#content .col-2-1-2 {
display: block;
}
#content .col-1-2-1 .col1,
#content .col-2-1-2 .col1,
#content .col-1-2-1 .col2,
#content .col-2-1-2 .col2 {
padding: 0;
display: block;
width: 100%;
margin: 0 0 24px 0;
}
#content .col-1-2-1 .col1.tablet,
#content .col-2-1-2 .col1.tablet,
#content .col-1-2-1 .col2.tablet,
#content .col-2-1-2 .col2.tablet,
#content .col-1-2-1 .col1.desktop,
#content .col-2-1-2 .col1.desktop,
#content .col-1-2-1 .col2.desktop,
#content .col-2-1-2 .col2.desktop {
display: none;
}
#content .col-1-2-1 .col1.mobile,
#content .col-2-1-2 .col1.mobile,
#content .col-1-2-1 .col2.mobile,
#content .col-2-1-2 .col2.mobile {
display: block;
}
#content .col-1-2-1 .col1.mobile .JS_popupOpener,
#content .col-2-1-2 .col1.mobile .JS_popupOpener,
#content .col-1-2-1 .col2.mobile .JS_popupOpener,
#content .col-2-1-2 .col2.mobile .JS_popupOpener {
cursor: pointer;
}
#content .col-1-2-1 .col1.mobile p,
#content .col-2-1-2 .col1.mobile p,
#content .col-1-2-1 .col2.mobile p,
#content .col-2-1-2 .col2.mobile p {
margin-top: 5px;
}
#content .col-1-2-1 .col1.mobile a,
#content .col-2-1-2 .col1.mobile a,
#content .col-1-2-1 .col2.mobile a,
#content .col-2-1-2 .col2.mobile a {
margin-top: 0;
display: inline;
}
#content .col-1-2-1 .col1 a span.img,
#content .col-2-1-2 .col1 a span.img,
#content .col-1-2-1 .col2 a span.img,
#content .col-2-1-2 .col2 a span.img {
width: 100%;
height: auto;
}
#content .col-1-2-1 .col1 a span.img img,
#content .col-2-1-2 .col1 a span.img img,
#content .col-1-2-1 .col2 a span.img img,
#content .col-2-1-2 .col2 a span.img img {
max-width: none;
width: 100%;
height: auto;
}
#content .col-2-1-2 .col1,
#content .col-2-1-2 .col2 {
text-align: center;
}
#content .col-2-1-2 .col1 .map,
#content .col-2-1-2 .col2 .map {
margin-top: 24px;
}
#content .col-2-1-2 .col1 table {
max-width: 200px;
}
.popupWrap.right .left {
display: block;
margin-bottom: 24px;
padding: 0;
float: none;
width: 100%;
}
.popupWrap.right .left h2 {
display: none;
}
.popupWrap.right .right {
display: block;
padding: 0;
float: none;
width: 100%;
}
.popupWrap.right .right h2 {
display: inline-block;
}
.popupWrap.right .right img {
width: 100%;
height: auto;
max-width: none;
}
.popupWrap.left .popupInner {
display: block;
}
.popupWrap.left .popupInner .left {
margin-bottom: 12px;
padding: 0;
border: none;
display: block;
width: 100%;
}
.popupWrap.left .popupInner .left h2 ~ img {
width: 100%;
max-width: none;
}
.popupWrap.left .popupInner .right {
display: block;
width: 100%;
} .site-pusher,
.site-container {
height: 100%;
}
.site-container {
overflow: hidden;
}
.site-pusher {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.site-content {
position: absolute;
top: 66px;
right: 0;
left: 0;
bottom: 0;
padding-top: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.header {
position: static;
}
.header__icon {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 50px;
height: 66px;
cursor: pointer;
}
.header__icon:after {
content: '';
position: absolute;
display: block;
width: 1rem;
height: 0;
top: 16px;
left: 15px;
box-shadow: 0 10px 0 1px #13322b, 0 16px 0 1px #13322b, 0 22px 0 1px #13322b;
}
.menu {
padding-top: 24px;
display: block !important;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #000; width: 250px;
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.menu a {
display: block;
height: 40px;
text-transform: uppercase;
text-align: center;
line-height: 40px;
color: #fff;
font-family: 'Neutra Display', Arial, Helvetica, sans-serif;
transition: color 0.1s linear;
}
.menu a:hover {
color: #f04c1e;
}
body.with--sidebar {
overflow: hidden;
}
.with--sidebar .site-pusher {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.with--sidebar .site-cache {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2000;
}
#pageWrap.home .header__icon:after {
content: '';
position: absolute;
display: block;
width: 1rem;
height: 0;
top: 16px;
left: 15px;
box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
}
.page-template-page-shops #totalContent {
padding-bottom: 0;
}
.page-template-page-shops #footerWrap #footer {
padding-top: 0 !important;
}
.page-template-page-shops #footerWrap .col.left,
.page-template-page-shops #footerWrap .col.right {
display: none !important;
}
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.textwidget a {
color: inherit;
}
.page-template-page-shops #content .col-1-2-1 .col2 .content {
padding: 3.5%;
}
.page-template-page-shops #content .col-1-2-1 .col2 h1 {
margin-bottom: 0;
}
.page-template-page-shops .contentWrapInner {
padding-top: 1%;
padding-bottom: 0;
}
.bg-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
}