/*+clearfix {*/
@media only screen and (min-width: 60em) {
#sliding-popup .popup-content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
#sliding-popup .popup-content {
display: block;
*height: 1px;
}
}
/*+}*/
/*
### MEDIA QUERY AND OTHERS STATES
*/
/*--------
NOTE:
--------
Only SMALL, MEDIUM AND LARGE breakpoints are used in the theme
backend in the picture tag.*/
/*
### SMALL AND MEDIUM DISPLAYS ONLY (MAX 959 PIXELS)*/
@media only screen and (max-width: 59.9375em) {
/*
### FOUNDATION OVERRIDES ###
*/
/*## REVEAL*/
/*# iOS positioning fix*/
.reveal.is-ios {
top: 0 !important;
}
/*
### HEADER ###
*/
/*## MAIN MENU*/
.main-menu UL, .main-menu UL LI {
margin: 0;
padding: 0;
display: block;
}
.main-menu UL LI A {
line-height: 1.2;
display: block;
}
.main-menu .accordion-menu {
margin-left: -5px;
margin-right: -5px;
}
.main-menu .is-accordion-submenu {
background-color: #F4F4F4;
}
.main-menu .main-menu_section-link {
font-weight: bold;
padding-left: 1rem;
}
.main-menu .main-menu_needs .is-submenu-item {
padding-left: 0.7rem;
}
.main-menu .main-menu_subsection_title {
padding-left: 1.7rem;
}
.main-menu .main-menu_subsection_title H4 {
font-weight: bold;
}
.main-menu .submenu_level-two LI A {
padding: 0.7rem 1rem 0.7rem 2.7rem;
}
/*
### REGIONS ###
*/
/*
### HEADER REGION*/
.header-region {
margin-top: 1rem;
}
/*## language selector*/
#dropdown-language-selector LI {
margin: 1rem 0 0;
}
}
/*
### SMALL DISPLAYS ONLY (MAX 768 PIXELS)*/
@media only screen and (max-width: 48em) {
/*No min-height on main content for mobile devices*/
MAIN {
min-height: auto;
}
/*
## MAIN MENU TOGGLERS - FILTERS SWITCH*/
/*- set fiters switch visibility on mobile (on desktop the button is always hidden*/
.filters-switch {
/*Default status is hidden*/
display: none !important;
}
.page-with-search-filters .filters-switch {
/*- we display the button only where we needid*/
display: block !important;
}
/*
## NODE COMMON STYLES
*/
/*BACK TO ALL CONTENT LINK*/
DIV[class*="_go-back"] A {
margin: 1.5rem 0;
}
/*ADD padding to page and constrained regions*/
.page, .bottom-constrained, .before-contente-constrained {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
/*
### REGIONS ###
*/
/*
### HEADER REGION*/
/*Dropdown panes*/
/*# search box*/
#dropdown-search-box {
width: 300px !important;
left: 0;
right: auto;
/*+transform: translate(-40%, 0);*/
-webkit-transform: translate(-40%, 0);
-moz-transform: translate(-40%, 0);
-o-transform: translate(-40%, 0);
-ms-transform: translate(-40%, 0);
transform: translate(-40%, 0);
}
/*## MAIN MENU*/
[data-responsive-menu] {
visibility: hidden;
}
[data-responsive-menu][data-dropdown-menu], [data-responsive-menu][data-accordion-menu] {
visibility: visible;
}
.main-menu #submenu_level-one_bg {
display: none !important;
}
/*
### FOOTER ###
*/
.site-footer {
font-size: 0.875rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.site-footer .block-base-frontend-static-footer-newsletter {
border: 1px solid #777C80;
border-width: 1px 0;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
margin-top: 1.5rem;
}
/*
### BLOCKS ###
*/
FORM[id^="views-exposed-form-bionike-subhomes-"] .button {
display: none;
margin: 0;
}
FORM[id^="views-exposed-form-bionike-subhomes-"] .button.active {
display: block;
}
.view-id-bionike_taxonomies_blocks {
padding: 1.5rem 0;
}
.view-id-bionike_taxonomies_blocks .button {
margin: 0;
display: none;
}
.view-id-bionike_taxonomies_blocks .button.active {
display: block;
}
/*
##HEADER SECTION BLOCK*/
.before-content-unconstrained HEADER {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.before-content-unconstrained H2 {
font-size: 1.5rem;
}
/*
SEARCH FILTERS (FACETED SEARCH SIDEBAR SEARCH FILTERS AND CLONED EXPOSED FILTERS)
*/
#available-search-filters {
position: absolute;
top: 50px;
left: 0;
width: 100%;
margin: 0;
padding: 1rem;
background: #FFF;
z-index: 1000;
display: none;
}
.is-search-filters-expanded #available-search-filters {
display: block;
}
.adminimal-menu.is-search-filters-expanded #available-search-filters {
top: 97px;
}
#available-search-filters H3 {
border-bottom: 1px solid #1D252D;
text-transform: uppercase;
font-size: 1rem;
font-weight: bold;
padding-bottom: 1rem;
}
#available-search-filters .button {
border-width: 0;
color: #1D252D;
display: block;
text-align: left;
margin: 0;
}
#available-search-filters .button:before {
content: "\f096";
font-family: fonticon;
margin-right: 1rem;
}
#available-search-filters .button.active:before {
content: "\f046";
}
/*
### DO SKIN TEST / ASK AN EXPERT BLOCK*/
.cta-block, .do-skin-test-block, .ask-an-expert-block {
margin: 0 -5px;
width: auto;
}
.page-user-profile .cta-block.do-skin-test-block {
margin: 0 -8px;
}
/*- hide sidebar blocks on mobile are printed below content*/
.sidebar [class*="block-bionike-core-cta-block-skin-test"], .sidebar [class*="block-bionike-core-cta-block-ask-an-expert"] {
display: none;
}
/*
## NODE COMMON STYLES
*/
.small-no-margin {
margin-left: -13px;
margin-right: -13px;
}
/*Node titles over images on articles and news*/
.block-ds-extras HEADER {
margin: 2rem 0 1rem;
}
.block-ds-extras HEADER H2 {
font-size: 1.5rem;
}
.block-ds-extras HEADER P {
font-size: 0.75rem;
}
.block-ds-extras HR {
background-color: #C5AA75;
}
/*
### TEASERS ###
*/
/*
### ARTICLES*/
/*- assing dark background*/
.node-article-teaser-wr:nth-child(4n+3) .node-article-teaser, .node-article-teaser-wr:nth-child(4n+2) .node-article-teaser, .learn-more + .learn-more .node-article-teaser {
background-color: #8D7281;
color: #FFF;
border-color: transparent;
border-width: 0;
padding-bottom: 122.7325369455744%;
}
.node-article-teaser-wr:nth-child(4n+3) .node-article-teaser_text-wr, .node-article-teaser-wr:nth-child(4n+2) .node-article-teaser_text-wr, .learn-more + .learn-more .node-article-teaser_text-wr {
bottom: 2px;
}
.node-article-teaser-wr:nth-child(4n+3) .node-article-teaser_category, .node-article-teaser-wr:nth-child(4n+2) .node-article-teaser_category, .learn-more + .learn-more .node-article-teaser_category {
margin-top: 2px;
}
/*- article teaser*/
.node-article-teaser {
border: 2px solid #ECDCE5;
font-size: 0.8rem;
}
.node-article-teaser_text-wr {
top: 35%;
}
.node-article-teaser_text-wr .fonticon-cite {
font-size: 2em;
}
/*
### FULL CONTENT ###
*/
/*
### HOMEPAGE*/
.block-ds-extras-homepage-footer-launch-one PICTURE IMG {
max-width: 60%;
}
/*
### ARTICLES / NEWS Images*/
/*- opening image*/
.before-content-constrained .block-ds-extras PICTURE {
margin-left: -5px;
margin-right: -5px;
}
/*
###  VIEWS PAGES ###
*/
/*
## PRODUCT SEARCH*/
.view-bionike-solr-product-search HEADER {
padding-bottom: 1rem;
line-height: 1.1;
}
/*
### FORMS ###
*/
/*
### LOGIN / REGISTRATION MODALS*/
.form-type-password-confirm > .form-item {
width: 100%;
float: left;
clear: none;
padding-left: 5px;
padding-right: 5px;
}
/*
### USER PROFILE EDIT ###
*/
/*MailUP form*/
.field-name-mailup-subscriptions .form-checkboxes .form-type-checkbox {
width: 50%;
float: left;
}
}
/*
### REALLY REALLY SMALL  DISPLAY ONLY (MAX 320 PIXELS)*/
@media only screen and (max-width: 20em) {
.top-bar {
padding-top: 0.6rem;
padding-bottom: 1rem;
height: 50px;
}
.hamburger-btn {
height: 25px;
margin-top: 0.1rem;
margin-bottom: -0.5rem;
}
.filters-switch {
margin-top: 0.4rem;
}
/*
### FIND THE PHARMACY - MAPS ###
*/
/*# MAP*/
.geolocation-views-map {
height: 470px !important;
padding-bottom: 0 !important;
}
}
/*
### REALLY SMALL  DISPLAY ONLY (MAX 360 PIXELS)*/
@media only screen and (max-width: 22.5em) {
/*BASE HTML ELEMENTS*/
HTML {
font-size: 85%;
}
/*
### TEASERS ###
*/
/*
### PRODUCT*/
.node-product-teaser H3, .node-product-wishlist H3 {
line-height: 0.95;
}
/*- article teaser */
.node-article-teaser {
font-size: 0.8rem;
}
.node-article-teaser_text-wr {
font-size: 0.7rem;
}
/*
### USER PROFILE EDIT ###
*/
/*MailUP form*/
.field-name-mailup-subscriptions .form-checkboxes .form-type-checkbox {
width: 100%;
float: left;
}
}
/*
### FROM 361 TO 480 PIXELS*/
@media only screen and (min-width: 22.5625em) and (max-width: 30em) {
/*BASE HTML ELEMENTS*/
HTML {
font-size: 92.5%;
}
}
/*
### 481 PIXELS AND UP*/
@media only screen and (min-width: 30.0625em) {
/*
### HEADER ###
*/
.top-bar {
position: relative;
height: 60px;
overflow: hidden;
}
.hamburger-btn, .filters-switch BUTTON {
margin-top: 0;
}
#available-search-filters {
top: 60px;
}
/*## SITE LOGO*/
.logo {
top: 0.4rem;
}
.logo IMG {
width: 152px;
}
/*
### BLOCKS ###
*/
/*# PARMACY EVENTS CUSTOMIZATION*/
.pharmacy-events-block_text-wr H2 {
margin-bottom: 1rem;
}
.pharmacy-events-block_text-wr P {
display: block;
font-size: 0.875rem;
}
/*
SEARCH FILTERS (FACETED SEARCH SIDEBAR SEARCH FILTERS AND CLONED EXPOSED FILTERS)
*/
#available-search-filters {
top: 60px;
}
.adminimal-menu.is-search-filters-expanded #available-search-filters {
top: 107px;
}
/*
### FIND THE PHARMACY - MAPS ###
*/
/*# FILTERS BLOCK*/
.trova-farmacie-filters-block_input {
width: 70%;
margin-bottom: 0;
}
.trova-farmacie-filters-block_checkbox {
float: none;
margin-top: 0.5rem;
display: block;
clear: both;
width: 100%;
}
.trova-farmacie-filters-block_buttons {
float: none;
position: absolute;
top: 1rem;
right: 0.4rem;
width: 30%;
}
.trova-farmacie-filters-block_buttons .button.submit-data {
margin-left: 1rem;
}
/*### PHARMACY MAP POP AND DETAILs   */
.pharmacy-contacts > SPAN, .pharmacy-contacts > DIV {
display: inline-block;
margin-bottom: 0.4rem;
}
.pharmacy-email {
margin-left: 1rem;
}
}
/*
### FROM 481 TO 640 PIXELS*/
@media only screen and (min-width: 30.0625em) and (max-width: 40em) {
/*
### TEASERS ###
*/
/*
### PRODUCT*/
.node-product-teaser, .node-product-wishlist {
font-size: 1.1rem;
}
}
/*
### 641 PIXELS AND UP*/
@media only screen and (min-width: 40.063em) {
/*
### TEASERS ###
*/
/*
### PRODUCT*/
.node-product-teaser, .node-product-wishlist {
font-size: 1.2rem;
}
/*
### FIND THE PHARMACY - MAPS ###
*/
/*### PHARMACY MAP POP AND DETAILs   */
.pharmacy-map-popup_wr {
width: 518px;
height: 238px;
font-size: 16px;
}
/*
### BLOCKS ###
*/
/*# PARMACY EVENTS CUSTOMIZATION*/
.pharmacy-events-block {
padding-bottom: 30%;
}
.pharmacy-events-block_text-wr {
max-width: 70%;
}
.pharmacy-events-block_text-wr H2 {
font-size: 1.8rem;
}
}
/*
### FROM 640 AND 768 PIXELS*/
@media only screen and (min-width: 40.063em) and (max-width: 48em) {
}
/*
### MEDIUM (769 PIXELS)  DISPLAYS AND UP*/
@media only screen and (min-width: 48.0625em) {
/*BASE HTML ELEMENTS*/
HEADER H2 {
margin: 0 0 3px 0;
font-size: 1.875rem;
}
/*CITES*/
BLOCKQUOTE {
font-size: 1.5rem;
margin-left: 25%;
}
BLOCKQUOTE P {
line-height: 2rem;
margin: 0.5rem 1rem 0 0;
}
BLOCKQUOTE:before {
left: 70px;
bottom: -30px;
border-width: 10px;
}
BLOCKQUOTE:after {
left: 106px;
bottom: -30px;
right: 36px;
background-color: #FFF;
}
/*
### BLOCKS ###
*/
/*
##HEADER SECTION BLOCK*/
.before-content-unconstrained H2 {
font-size: 2.2rem;
}
/*
### SKIN TEST HEADER BLOCK*/
.block-bionike-test-profilazione .bionike-test-pelle_header {
height: 235px;
overflow: visible;
}
.block-bionike-test-profilazione .bionike-test-pelle_header-text {
/*+transform: none;*/
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
/*+transform: translate(0, 0);*/
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: absolute;
top: 30%;
margin-left: 8.3333%;
}
.block-bionike-test-profilazione .bionike-test-pelle_header-text H2 {
font-size: 3rem;
}
.block-bionike-test-profilazione .bionike-test-pelle_header IMG {
bottom: 0;
right: -15px;
height: 117%;
}
/*
SEARCH FILTERS (FACETED SEARCH SIDEBAR SEARCH FILTERS AND CLONED EXPOSED FILTERS)
*/
#available-search-filters {
display: none;
top: 0;
}
/*
### DO SKIN TEST / ASK EXPERT BLOCKS*/
.cta-block, .do-skin-test-block, .ask-an-expert-block {
padding-bottom: 14.8936170212766%;
text-align: center;
}
.do-skin-test-block_text-wr, .ask-an-expert-block_text-wr {
position: absolute;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 8.33333%;
left: 33.333332%;
padding-left: 5px;
}
.do-skin-test-block IMG, .ask-an-expert-block IMG {
position: absolute;
max-height: 242%;
left: 1%;
bottom: -108%;
}
.ask-an-expert-block IMG {
max-height: 171%;
left: 5%;
bottom: -50%;
}
.cta-block H2 {
margin-left: auto;
display: block;
}
.do-skin-test-block H2 {
margin-bottom: auto;
float: left;
max-width: 70%;
text-align: left;
}
.ask-an-expert-block H2 {
max-width: 58%;
margin-bottom: auto;
float: left;
text-align: left;
}
.do-skin-test-block .button, .ask-an-expert-block .button {
margin: 0;
position: absolute;
right: 0;
top: 50%;
white-space: nowrap;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*
### DO SKIN TEST / ASK EXPERT BLOCKS IN SIDEBAR*/
.sidebar .do-skin-test-block, .sidebar .ask-an-expert-block {
padding-bottom: 164%;
}
.sidebar .do-skin-test-block IMG, .sidebar .ask-an-expert-block IMG {
position: absolute;
max-height: 57%;
left: 50%;
/*+transform: translate(-50%, 0);*/
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 41%;
}
.sidebar .ask-an-expert-block IMG {
max-height: 45%;
bottom: 50%;
}
.sidebar .do-skin-test-block_text-wr, .sidebar .ask-an-expert-block_text-wr {
position: absolute;
left: 6%;
right: 6%;
top: 50%;
bottom: 0;
/*+transform: none;*/
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
/*+transform: translate(0, 0);*/
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
padding-left: 0;
padding-top: 1rem;
border-top: 2px solid #FFF;
}
.sidebar .do-skin-test-block_text-wr {
background-color: #FDF3F4;
}
.sidebar .do-skin-test-block H2, .sidebar .ask-an-expert-block H2 {
margin-bottom: auto;
float: none;
text-align: center;
max-width: none;
font-size: 1.5rem;
}
.sidebar .do-skin-test-block .button, .sidebar .ask-an-expert-block .button {
margin: 0;
float: none;
position: absolute;
top: auto;
bottom: 2rem;
right: 0;
left: 0;
padding-left: 0.5rem;
padding-right: 0.5rem;
/*+transform: translate(0, 0);*/
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
white-space: normal;
}
/*- hide bottom  blocks on large display are printed in sidebar*/
.node-type-article .bottom-unconstrained [class*="block-bionike-core-cta-block-skin-test"], .node-type-article .bottom-unconstrained [class*="block-bionike-core-cta-block-ask-an-expert"] {
display: none;
}
/*# PARMACY EVENTS CUSTOMIZATION*/
.pharmacy-events-block IMG {
max-height: 136%;
left: 2%;
}
.pharmacy-events-block_text-wr {
width: 80%;
}
.pharmacy-events-block_text-wr > DIV {
float: left;
width: 70%;
}
.pharmacy-events-block_text-wr .button {
position: absolute;
top: 50%;
right: 0;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.pharmacy-events-block_text-wr H2 {
font-size: 1.75rem;
margin-bottom: 0.5rem;
line-height: 1;
}
.pharmacy-events-block_text-wr P {
font-size: 0.875rem;
line-height: 1.4;
}
/*
### TEASERS ###
*/
/*
### ARTICLES*/
/*- assing dark background*/
.node-article-teaser-wr:nth-child(6n+5) .node-article-teaser, .node-article-teaser-wr:nth-child(12n+3) .node-article-teaser, .node-article-teaser-wr:nth-child(12n+7) .node-article-teaser, .learn-more + .learn-more .node-article-teaser {
background-color: #8D7281;
color: #FFF;
border-color: transparent;
border-width: 0;
padding-bottom: 122.7325369455744%;
}
.node-article-teaser-wr:nth-child(6n+5) .node-article-teaser_text-wr, .node-article-teaser-wr:nth-child(12n+3) .node-article-teaser_text-wr, .node-article-teaser-wr:nth-child(12n+7) .node-article-teaser_text-wr, .learn-more + .learn-more .node-article-teaser_text-wr {
bottom: 3px;
}
.node-article-teaser-wr:nth-child(6n+5) .node-article-teaser_category, .node-article-teaser-wr:nth-child(12n+3) .node-article-teaser_category, .node-article-teaser-wr:nth-child(12n+7) .node-article-teaser_category, .learn-more + .learn-more .node-article-teaser_category {
margin-top: 3px;
}
/*
### VIEW MODE SEARCH RESULT ###
*/
.view-mode-search_result {
line-height: 1.4;
}
/*
### FULL CONTENT ###
*/
/*
### HOMEPAGE*/
/*
## SLIDER*/
.node-homepage_slider, .node-homepage_slider .slick-list, .node-homepage_slider .slick-track, .node-homepage_slider-item, .node-homepage_slider-item_link-wr {
padding-bottom: 39.61538461538462%;
max-height: 515px;
overflow: hidden;
}
.node-homepage_slider-item PICTURE, .node-homepage_slider-item IMG {
width: auto;
height: auto;
}
.node-homepage_slider-item_bg-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.node-homepage_slider-item_bg-img IMG {
position: absolute;
top: 50%;
left: 50%;
/*+transform: translate(-50%, -50%);*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
max-width: none;
max-height: none;
}
.node-homepage_slider-item_sup-img {
position: absolute;
left: 50%;
/*+transform: translate(-50%, 0);*/
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 0%;
z-index: 2;
width: 20%;
max-width: 256px;
}
.node-homepage_slider-item_sup-img PICTURE, .node-homepage_slider-item_sup-img IMG {
width: 100%;
height: auto;
}
.node-homepage_slider-item_text {
line-height: 2em;
font-size: 1.625em;
padding: 0;
}
.node-homepage_slider-item_text H2 {
font-size: 4rem;
line-height: 3.75rem;
}
.node-homepage_slider-item_text P {
font-size: 1.625rem;
line-height: 2rem;
}
.node-homepage_slider-item_text HR {
width: 4rem;
}
/*
## STATIC BOXES*/
.node-homepage_static-boxes {
font-size: 75%;
}
.node-homepage_static-boxes_link-wr {
overflow: hidden;
height: 0;
width: 100%;
padding-bottom: 84.06940063091483%;
}
.node-homepage_static-boxes_text {
bottom: 10%;
font-size: 2.1875em;
}
.node-homepage_static-boxes_box PICTURE {
position: absolute;
top: 0;
bottom: 0;
max-width: 100%;
}
.node-homepage_static-boxes_box IMG {
width: 100.4%;
height: auto;
max-width: none;
position: absolute;
top: 50%;
left: 50%;
/*+transform: translate(-50%, -50%);*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*
## BIONIKE WORLD*/
/*# section header*/
.node-homepage HEADER {
padding-top: 4.5rem;
}
.node-homepage HEADER H2 {
font-size: 3rem;
}
.node-homepage HEADER HR {
width: 20%;
}
/*# bionike world item*/
.node-homepage_world {
padding-top: 3rem;
padding-bottom: 3rem;
}
/*- BioNike world image*/
.node-homepage_world_image {
position: relative;
float: left;
z-index: 1;
width: 58.33333333333333%;
}
/*- BioNike world image*/
.node-homepage_world_image PICTURE {
width: 100%;
height: 0;
padding-bottom: 56.84210526315789%;
}
/*- The target is a video*/
.video-target .node-homepage_world_image:after {
font-size: 6rem;
}
/*- BioNike world text content*/
.node-homepage_world_text-wr {
width: 51.6666%;
position: absolute;
top: 50%;
right: 0;
padding: 0.8rem 2% 0.8rem 1.6666%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
}
.opaque .node-homepage_world_text-wr {
background: rgba(255, 255, 255, 0.6);
}
.node-homepage_world_label {
margin: 0;
font-size: 0.875rem;
}
.node-homepage_world_text-wr H3 {
font-size: 2.5rem;
}
/*- Text only launch*/
.blockquote-style.node-homepage_world {
margin-top: 80px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
width: 75%;
margin-left: 8.33333% !important;
}
.blockquote-style.node-homepage_world:before, .blockquote-style.node-homepage_world:after {
font-size: 155px;
}
.blockquote-style .node-homepage_world_label {
margin-top: 0;
margin-bottom: 2rem;
}
.blockquote-style .node-homepage_world_text-wr {
position: static;
padding-left: 2rem;
padding-right: 2rem;
width: auto;
/*+transform: none;*/
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
/*+transform: translate(0, 0);*/
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.blockquote-style .node-homepage_world_text-wr H3 {
font-size: 1.75rem;
}
/*- Alternating style*/
.node-homepage_world:nth-of-type(2n) .node-homepage_world_image {
float: right;
}
.node-homepage_world:nth-of-type(2n) .node-homepage_world_text-wr {
right: auto;
left: 0;
text-align: right;
padding-left: 2%;
padding-right: 1.6666%;
}
.blockquote-style.node-homepage_world:nth-of-type(2n) {
margin-left: 16.66666% !important;
}
.blockquote-style.node-homepage_world:nth-of-type(2n) .node-homepage_world_text-wr {
padding-left: 2rem;
padding-right: 2rem;
position: static;
text-align: center;
}
/*
## FIRST FOOTER LAUNCH*/
.node-homepage_footer-launch1-text {
position: absolute;
top: 50%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.node-homepage_footer-launch1-text P:last-of-type {
text-align: left;
}
.node-homepage_footer-launch1-text H2 {
font-size: 3.125rem;
}
.node-homepage_footer-launch1-text H2 BR {
display: inline;
}
/*
## SECOND FOOTER LAUNCH*/
.block-ds-extras-homepage-footer-launch-two {
height: 0;
padding: 0 0 46.15384615384615% 0;
position: relative;
}
.block-ds-extras-homepage-footer-launch-two > .row {
position: absolute;
width: 100%;
top: 50%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.block-ds-extras-homepage-footer-launch-two .medium-6 {
padding: 2rem;
}
.block-ds-extras-homepage-footer-launch-two BR {
display: inline;
}
.block-ds-extras-homepage-footer-launch-two H2 {
font-size: 3.125rem;
}
.block-ds-extras-homepage-footer-launch-two P:last-of-type {
text-align: left;
}
/*
### PAGE (WHO WE ARE TEMPLATE)*/
.field-collection-item-field-coll-page-element {
margin-bottom: 5rem;
}
.field-collection-item-field-coll-page-element:first-child {
margin-top: 5rem;
}
.node-page .node-page_slider {
margin-left: 0;
margin-right: 0;
}
.node-page_text-wr {
padding: 0;
margin: 0 0 0 16.66666666%;
position: relative;
}
.node-page_text-wr P {
font-size: 1rem;
}
.node-page_text-wr .button {
font-weight: bold;
border-width: 2px;
padding-left: 3rem;
padding-right: 3rem;
margin-top: 1.5rem;
}
.field-collection-item-field-coll-page-element:nth-of-type(2n +1) {
}
.field-collection-item-field-coll-page-element:nth-of-type(2n +1) > DIV {
float: right;
}
.field-collection-item-field-coll-page-element:nth-of-type(2n +1) .node-page_text-wr {
margin: 0 16.66666666% 0 0;
}
/*
### PRODUCT PAGE*/
.node-product-full PICTURE {
margin-top: 0;
}
.node-product_short-desc {
margin: 0 1.5rem 3rem;
}
/*# node product tools*/
.node-product_tools .row {
border-width: 0;
}
.node-product_tools .row + .row {
border-top: 1px solid #1D252D;
border-bottom: 1px solid #1D252D;
height: 90px;
margin-top: 1.2rem;
padding-top: 0;
padding-bottom: 0;
}
/*
### NEWS PAGE*/
/*- Vertical image*/
.page_node-with-vertical-image ASIDE {
margin-top: -21px;
}
.page_node-with-vertical-image ASIDE PICTURE {
margin-bottom: 3rem;
}
.page_node-with-vertical-image .node-news {
margin-top: 2.5rem;
}
/*
### CUSTOM PAGES ###
*/
/*
### PRODUCT SEARCH*/
/*- current search block visible in mobile site before the content*/
.before-content-constrained .block-current-search {
display: none;
}
/*
### BIONIKE LINES PAGE*/
.bionike-product-lines_line-text {
position: absolute;
left: 0;
right: 0;
top: 50%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.bionike-product-lines_line-text H2 {
font-size: 3rem;
}
/*# PRODUCT "SUBLINES"*/
.bionike-product-lines_line-text-wr {
margin-bottom: 0;
}
/*
### USER PROFILE ###
*/
.user-profile .columns.medium-3 IMG {
margin-top: 0;
width: 100%;
}
.user-profile_buttons-wr .button {
width: 100%;
}
.my-bionike .test-profilazione-block-results .accordion .content-textual-results {
padding-left: 0;
padding-right: 0;
}
.my-bionike .test-profilazione-block-results .accordion LI A.accordion-title {
padding-left: 0;
padding-right: 0;
}
/*
### ASK THE EXPERTS ###
*/
.block-bionike-experts_header {
margin-top: 3rem;
}
.node-expert_request-form_image {
width: 93%;
}
.node-expert_request-form SELECT {
width: 66.6666%;
margin-bottom: 1.5rem;
}
.node-expert_request-form .vertical-tabs, .node-expert_request-form LABEL, .node-expert_request-form .vertical-tabs-panes {
display: none;
}
/*
## USER PROFILE MESSAGES*/
/*- accordion content*/
.user-profile-messages .accordion-content .columns {
padding-top: 1.5rem;
padding-bottom: 0rem;
}
.accordion-item_with-new-comment .user-profile-messages_short-text:before, .accordion-item_with-new-comment .user-profile-messages_long-text:before {
position: absolute;
top: 0;
left: -2rem;
}
/*
###  SKIN TEST NON FORM PAGES ###
*/
/*## TEST RESULTS PAGE - DISCLAIMER*/
.test-profilazione-results [class*="text-"] {
padding: 2rem 4rem;
}
.test-profilazione-results H3 {
font-size: 1.75rem;
}
/*
### FORMS ###
*/
/*
### USER PROFILE EDIT ###
*/
/*# USER PROFILE FORM */
#user-profile-form INPUT[type="text"], #user-profile-form INPUT[type="password"], #user-profile-form SELECT {
width: 90%;
}
#user-profile-form LABEL {
width: 90%;
}
/*# PASSOWORD - USER PROFILE FORM / USER REGISTRATION FORM*/
#user-profile-form .password-strength, #user-profile-form DIV.password-confirm {
position: absolute;
top: -50px;
left: 4%;
width: 42% !important;
font-size: 12px;
}
#user-register-form .password-strength, #user-register-form DIV.password-confirm {
position: static;
width: 100%;
font-size: 12px;
height: 30px;
margin-top: 0;
}
#user-profile-form DIV.password-confirm {
left: 56%;
width: 43%;
text-align: left;
}
/*Gender*/
#user-profile-form .field-name-field-user-gender LABEL {
width: 70%;
}
#user-profile-form .field-name-field-user-gender .form-radios {
width: 70%;
display: inline-block;
text-align: left;
}
/*Select2 (Country)*/
.field-name-field-user-country .select2 {
width: 90% !important;
}
/*Center alignments*/
#user-profile-form .field-name-field-user-surname {
text-align: center;
}
#user-profile-form .field-name-field-user-gender {
text-align: center;
}
#user-profile-form .password-parent {
text-align: center;
}
#user-profile-form .field-name-field-user-provincia {
text-align: center;
}
/*Right alignement*/
#user-profile-form .confirm-parent {
text-align: right;
}
#user-profile-form .field-name-field-user-skin-type {
text-align: right;
}
#user-profile-form .field-name-field-user-city {
text-align: right;
}
/*MailUP form*/
.field-name-mailup-subscriptions .form-checkboxes .form-type-checkbox {
width: 33.333%;
float: left;
}
/*
### SKIN TEST ###
*/
#form-test-utente-form .form-type-radios > LABEL {
font-size: 1.75rem;
max-width: 60%;
}
#form-test-utente-form .description H4 {
font-size: 2rem;
}
/*
### FIND THE PHARMACY - MAPS ###
*/
/*#BREADCRUMB*/
.page-trova-farmacia MAIN {
position: relative;
}
.page-trova-farmacia .before-content-constrained {
position: absolute;
top: 2rem;
width: auto;
left: 0;
padding: 0;
z-index: 1;
}
.page-trova-farmacia .block-easy-breadcrumb {
margin-top: 0;
margin-bottom: 0;
}
.page-trova-farmacia .easy-breadcrumb {
padding: 0.2rem 1rem;
background: rgba(255, 255, 255, 0.7);
}
/*# FILTERS BLOCK*/
.trova-farmacie-filters-block_input {
width: 50%;
margin-bottom: 0;
}
.trova-farmacie-filters-block_checkbox {
display: inline-block;
margin-top: 0;
width: auto;
padding-left: 1rem;
}
.trova-farmacie-filters-block_checkbox INPUT {
height: 1rem;
width: 1rem;
}
.trova-farmacie-filters-block_buttons {
position: static;
float: right;
width: 20%;
}
.trova-farmacie-filters-block_buttons .button.submit-data {
margin-left: 0rem;
}
/*### PHARMACY MAP POP AND DETAILs   */
.pharmacy-contacts > SPAN, .pharmacy-contacts > DIV {
display: inline-block;
margin-bottom: 0.4rem;
}
.pharmacy-email {
margin-left: 0;
}
.pharmacy-email .fonticon-email-contact {
font-size: 0.7rem;
}
.pharmacy-contacts [class*="fonticon-"]:before {
width: 1.2rem;
margin-right: 0.5rem;
display: inline-block;
}
/*### ONLY FOR POPUP MAP*/
.pharmacy-map-popup .pharmacy-contacts DIV {
display: block;
}
.pharmacy-map-popup .pharmacy-event-details {
margin-top: 0.8rem;
margin-bottom: 0.6rem;
}
.pharmacy-map-popup .pharmacy-event-details TIME {
display: block;
margin-top: 0.4rem;
}
/*### ONLY FOR LIST*/
.trova-farmacia-list_item H3 {
margin-bottom: 1.5rem;
}
.trova-farmacia-list_item TIME {
display: inline;
font-size: 0.875rem;
}
.trova-farmacia-list_item .pharmacy-contacts {
margin-top: 0;
}
.trova-farmacia-list_item .farmacia-address {
margin-bottom: 1.5rem;
}
.trova-farmacia-list_item .pharmacy-contacts > SPAN {
margin-bottom: 0;
}
.trova-farmacia-list_item .pharmacy-phone {
margin-right: 1.5rem;
}
.trova-farmacia-list_item > DIV {
}
.trova-farmacia-list_item .medium-2 {
text-align: right;
}
/*
### PHARMACIES LIST*/
.trova-farmacia-list {
margin-top: 2.5rem;
}
/*
## GOOGLE RECAPTCHA - CHI SIAMO
 */
.contact-form #google_recaptcha_contact_site_form {
    margin-top: 0px;
    display: block;
}
/*
## FOOTER - FIND PHARMACY*/
.block-bionike-core-footer-find-pharmacy {
    margin-top:50px;
}
}
/*
### MEDIUM  DISPLAYS ONLY (FROM 769 TO 959 PIXELS)*/
@media only screen and (min-width: 48.0625em) and (max-width: 59.9375em) {
/*BASE HTML ELEMENTS*/
HTML {
font-size: 90%;
}
/*
## MAIN MENU TOGGLERS - FILTERS SWITCH*/
/*Always show the menu button since search filters are hidden.*/
.hamburger-btn, .is-search-filters-expanded .hamburger-btn {
display: block;
}
/*
### BLOCKS ###
*/
/*
### CONTACT INFO BLOCK IN WHO WE ARE PAGE*/
.whoweare_contact-info .row .columns:nth-of-type(3n) {
clear: left;
}
/*
## FOOTER - NEWSLETTER FORM*/
.block-base-frontend-static-footer-newsletter {
}
.block-base-frontend-static-footer-newsletter P {
padding-left: 2rem;
padding-right: 2rem;
}
/*
## FACEBOOK BLOCK*/
.facebook-box A P {
font-size: 1rem;
line-height: 1.3rem;
}
/*
### ARTICLES*/
/*- article teaser*/
.node-article-teaser_category {
top: 1rem;
z-index: 2;
}
.node-article-teaser_text-wr .fonticon-cite {
font-size: 2rem;
}
.node-article-teaser_text-wr H3, .node-article-teaser_text-wr P {
font-size: 1.1rem;
line-height: 1.2;
}
/*
### HOMEPAGE*/
/*
## SLIDER*/
.node-homepage_slider-item_text {
padding: 0 1rem;
}
/*
## STATIC BOXES*/
.node-homepage_static-boxes {
font-size: 75%;
}
/*
### EXPOSED FORMS ###
*/
FORM[id^="views-exposed-form-"] {
margin: 45px 0;
padding: 0;
position: relative;
text-align: center;
}
/*
### USER PROFILE ###
*/
/*
## USER PROFILE INFO*/
/*# first column*/
.user-profile .columns.medium-3 {
/*+transform: translate(0, -27%);*/
-webkit-transform: translate(0, -27%);
-moz-transform: translate(0, -27%);
-o-transform: translate(0, -27%);
-ms-transform: translate(0, -27%);
transform: translate(0, -27%);
}
}
/*
### LARGE DISPLAYS AND UP (> 960px)*/
@media only screen and (min-width: 60em) {
.vertically-centered-large {
position: relative;
top: 50%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*
### HEADER ###
*/
.top-bar {
position: relative;
height: auto;
overflow: visible;
padding-top: 1.375rem;
padding-bottom: 1.375rem;
}
.hamburger-btn, .filters-switch BUTTON {
display: none;
}
#available-search-filters {
display: none;
}
/*## SITE LOGO*/
.logo {
top: 1.5625rem;
}
.logo IMG {
height: 60.5px;
width: auto;
}
/*## MAIN MENU*/
.main-menu {
position: relative;
z-index: 100;
}
/*- reset*/
.main-menu UL, .main-menu UL LI {
margin: 0;
padding: 0;
list-style-type: none;
}
.main-menu NAV > UL {
text-align: center;
height: 40px;
width: 100%;
line-height: 0;
}
.main-menu LI.main-menu_section {
display: block;
float: left;
width: 20%;
}
.main-menu .main-menu_section:first-child {
/*+transform: translate(-20px, 0);*/
-webkit-transform: translate(-20px, 0);
-moz-transform: translate(-20px, 0);
-o-transform: translate(-20px, 0);
-ms-transform: translate(-20px, 0);
transform: translate(-20px, 0);
text-align: left;
}
.main-menu .main-menu_section:last-child {
/*+transform: translate(20px, 0);*/
-webkit-transform: translate(20px, 0);
-moz-transform: translate(20px, 0);
-o-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
float: right;
text-align: right;
}
.main-menu .main-menu_section:nth-child(2) {
/*+transform: translate(-10px, 0);*/
-webkit-transform: translate(-10px, 0);
-moz-transform: translate(-10px, 0);
-o-transform: translate(-10px, 0);
-ms-transform: translate(-10px, 0);
transform: translate(-10px, 0);
}
.main-menu .main-menu_section:nth-child(4) {
/*+transform: translate(10px, 0);*/
-webkit-transform: translate(10px, 0);
-moz-transform: translate(10px, 0);
-o-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
transform: translate(10px, 0);
}
/*- links style*/
.main-menu A {
font-size: 0.875rem;
display: block;
margin: 0.6rem 0;
border-color: #E5E5E5;
}
.main-menu A.main-menu_section-link {
display: inline-block;
height: 40px;
line-height: 1;
margin: 0;
padding: 0 20px;
font-size: 0.75rem;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.main-menu A.main-menu_section-link.products, .main-menu A.main-menu_section-link.needs {
cursor: default;
}
.main-menu .is-active A.main-menu_section-link {
position: relative;
border-color: #E5E5E5;
border-bottom-color: #FFFFFF;
height: 42px;
margin-top: -1px;
z-index: 2;
}
.main-menu A.main-menu_section-link SPAN {
display: inline-block;
position: relative;
top: 50%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
line-height: 1;
white-space: nowrap;
border-bottom: 2px solid transparent;
}
.main-menu A.main-menu_section-link:hover SPAN {
border-bottom-color: #1D252D;
}
.main-menu A.main-menu_subsection_title {
padding: 0;
margin: 0 0 -0.4rem 0;
line-height: 1;
text-decoration: none;
cursor: default;
}
.main-menu A.main-menu_subsection_title H4 {
font-size: 1rem;
font-weight: bold;
}
.main-menu .main-menu_all-lines A {
font-weight: bold;
margin-top: 2.6rem;
text-transform: uppercase;
}
/*- dropdown*/
.main-menu .submenu_level-one {
width: 950px;
z-index: 1;
margin-top: -1px;
position: absolute;
}
.main-menu .js-dropdown-active .submenu_level-two {
display: block;
position: relative;
left: 0px !important;
overflow: hidden;
}
.main-menu_products .submenu_level-one {
padding: 0 0 2rem 0;
left: 20px !important;
}
.main-menu_products .submenu_level-one > LI {
margin: 1rem 3% 0 0;
width: 31.333333333%;
float: left;
border-right: 1px solid #E5E5E5;
}
.main-menu_products .submenu_level-one > LI:last-child {
border-width: 0;
width: 28.333333333%;
}
.main-menu_needs .submenu_level-one {
left: -180px !important;
padding: 1rem 0;
}
.main-menu_needs .submenu_level-one LI {
position: relative;
z-index: 1;
padding: 0;
margin: 0;
float: left;
width: 33.333333333%;
}
.main-menu_needs .submenu_level-one LI A {
line-height: 1.2;
margin: 0 2rem 0 0;
padding: 0.5rem 0;
border-right-width: 1px;
border-right-style: solid;
}
.main-menu_needs .submenu_level-one LI:nth-of-type(3n + 1) A {
border-right-color: #FFF;
}
.main-menu .submenu_level-one .submenu_level-one_bg {
content: ' ';
position: absolute;
min-width: 950px;
width: 950px;
z-index: 0;
padding: 0;
margin: 0;
float: none;
top: 0;
bottom: 0;
left: 50%;
right: auto;
/*+transform: translate(-50%, 0);*/
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
border-width: 1px 0 0;
border-style: solid;
border-color: #E5E5E5;
background-color: #FFF;
/*+box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);*/
-moz-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.main-menu .submenu_level-one.js-dropdown-active .submenu_level-one_bg {
display: block !important;
}
/*
### FOOTER ###
*/
/*- menu*/
.site-footer .menu LI A, .site-footer .menu LI SPAN {
text-align: left;
}
/*
### REGIONS ###
*/
/*
### HEADER REGION*/
.header-region {
position: absolute;
top: 25px;
right: 0;
}
.header-region .block {
position: absolute;
right: 100px;
top: 0;
}
.header-region .block + .block {
right: 50px;
}
.header-region .block + .block + .block {
right: 0;
}
.header-region .block NAV {
position: absolute;
top: 0;
right: 0;
}
/*
### TOP UNCOSTRAINED REGION*/
.section_products-search .before-content-unconstrained {
margin-bottom: 4rem;
}
/*
### TEASERS ###
*/
/*
### PRODUCT*/
.node-product-teaser, .node-product-wishlist {
font-size: 1rem;
}
/*
### FULL CONTENT ###
*/
/*
### HOMEPAGE*/
/*
## SECOND FOOTER LAUNCH*/
.block-ds-extras-homepage-footer-launch-two > .row {
position: absolute;
width: 950px;
top: 50%;
left: 50%;
/*+transform: translate(-50%, -50%);*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.block-ds-extras-homepage-footer-launch-two > .row:before {
position: absolute;
top: 0;
bottom: 0;
left: -50%;
right: auto;
width: 100%;
height: auto;
display: block;
background: #FFF;
z-index: 1;
}
.block-ds-extras-homepage-footer-launch-two .medium-6 {
z-index: 2;
position: relative;
}
/*
### NEWS PAGE*/
/*- Vertical image*/
.page_node-with-vertical-image ASIDE {
margin-top: -24px;
}
/*
### TAXONOMY TERM PAGES ###
*/
/*
### BIONIKE LINE PAGE*/
.bionike-line_unconstrained {
margin-bottom: 60px;
}
.bionike-line_header {
min-height: 180px;
position: relative;
}
.bionike-line_header IMG {
position: absolute;
bottom: 0;
right: 0;
max-height: 230px;
width: auto;
z-index: 1;
}
.bionike-line_header_text-wr {
position: relative;
margin: 1rem auto;
max-width: 30%;
z-index: 2;
}
.bionike-line_header_text-wr H1 {
line-height: 1;
}
/*
### USER PROFILE ###
*/
/*
## USER PROFILE INFO*/
/*# first column*/
.user-profile .columns.medium-3 {
/*+transform: translate(0, -115px);*/
-webkit-transform: translate(0, -115px);
-moz-transform: translate(0, -115px);
-o-transform: translate(0, -115px);
-ms-transform: translate(0, -115px);
transform: translate(0, -115px);
}
/*
### FIND THE PHARMACY - MAPS ###
*/
/*#BREADCRUMB*/
.page-trova-farmacia .before-content-constrained {
left: 50%;
margin-left: -490px;
}
.page-trova-farmacia .block-easy-breadcrumb {
margin-top: 0;
margin-bottom: 0;
}
.page-trova-farmacia .easy-breadcrumb {
padding: 0.2rem 1rem;
background: rgba(255, 255, 255, 0.7);
}
/*# MAP*/
.geolocation-views-map {
height: 0 !important;
padding-bottom: 46.15384615384615% !important;
}
/*# FILTERS BLOCK*/
.trova-farmacie-filters-block_input {
width: 40%;
margin-bottom: 0;
}
.trova-farmacie-filters-block_checkbox {
display: inline-block;
margin-top: 0;
width: 30%;
text-align: center;
padding-left: 0;
}
.trova-farmacie-filters-block_buttons {
position: static;
width: 28%;
}
.trova-farmacie-filters-block_buttons .button.submit-data {
margin-left: 0rem;
}
/*
### PHARMACIES LIST*/
.trova-farmacia-list {
margin-top: 4rem;
}
/*
### EU COOKIE POLICY OVERRIDES*/
/*[clearfix]*/
#sliding-popup .popup-content {
position: relative;
}
#sliding-popup .popup-content #popup-text {
float: left;
display: block;
max-width: 60%;
}
#sliding-popup .popup-content #popup-buttons {
position: absolute;
top: 50%;
right: 0;
max-width: 40%;
/*+transform: translate(0, -50%);*/
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#sliding-popup .popup-content #popup-buttons BUTTON {
margin: 0.5rem;
}
#sliding-popup .popup-content #popup-buttons BUTTON:hover {
background: none;
/*+box-shadow: 0 0 0 0 transparent;*/
-moz-box-shadow: 0 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
text-shadow: 0 0 0 transparent;
filter: none;
}
}
/*
###  DISPLAYS UP (> 1120px)*/
@media only screen and (min-width: 70em) {
/*
### FULL CONTENT ###
*/
/*
### HOMEPAGE*/
/*
## STATIC BOXES*/
.node-homepage_static-boxes {
font-size: 100%;
}
}
/*
### LARGER DISPLAYS (> 1300px)*/
@media only screen and (min-width: 81.25em) {
/*
### FULL CONTENT ###
*/
/*
### HOMEPAGE*/
/*
## SLIDER*/
.node-homepage_slider, .node-homepage_slider .slick-list, .node-homepage_slider .slick-track, .node-homepage_slider-item, .node-homepage_slider-item_link-wr {
width: 100%;
height: 515px;
max-height: 515px;
padding-bottom: 0;
overflow: hidden;
}
.node-homepage_slider-item_bg-img IMG {
position: absolute;
top: 50%;
left: 50%;
/*+transform: translate(-50%, -50%);*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
min-height: 515px;
height: 100%;
max-height: none;
}
/*
## SECOND FOOTER LAUNCH*/
.block-ds-extras-homepage-footer-launch-two {
height: 600px;
padding: 0;
}
/*
### FIND THE PHARMACY - MAPS ###
*/
/*#BREADCRUMB*/
.page-trova-farmacia .before-content-constrained {
left: 50%;
margin-left: -491px;
z-index: 10;
}
/*# MAP*/
.geolocation-views-map {
height: 600px !important;
padding-bottom: 0 !important;
}
}
/*
### VERY LARGE DISPLAYS (> 1600px)*/
@media only screen and (min-width: 100em) {
/*
### FULL CONTENT ###
*/
/*
### HOMEPAGE*/
/*
## SLIDER*/
.node-homepage_slider-item_bg-img IMG {
position: absolute;
top: 50%;
left: 50%;
/*+transform: translate(-50%, -50%);*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
min-height: auto;
height: auto;
}
/*
## STATIC BOXES*/
.node-homepage_static-boxes_box {
position: relative;
height: 460px;
overflow: hidden;
}
.node-homepage_static-boxes_box PICTURE {
position: absolute;
top: 0;
bottom: 0;
max-width: 100%;
}
.node-homepage_static-boxes_box IMG {
height: auto;
max-width: none;
position: absolute;
top: 50%;
left: 50%;
/*+transform: translate(-50%, -50%);*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.node-homepage_static-boxes_text {
font-size: 2.5em;
}
}
/*
### VERY LARGE DISPLAYS (> px)*/
@media only screen and (min-width: 100em) {
}