:root {
--green: #00a651;
--blue: #0085c1;
--grey: #4b494b;
}
.ascend {
background: #fff;
} body[data-slide-out-widget-area-style="fullscreen-alt"] #header-outer {
background: #f2f2f2;
}
@media(min-width: 1001px) {
.menu-item i._mi {
font-size: 32px;
margin-right: 10px;
}
body[data-header-format="left-header"] #header-outer nav ul li a {
padding: 12px 0 !important;
display: block !important;
}
#header-outer[data-format="left-header"] {
width: 300px;
}
}
@media(max-width: 690px) {
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
font-size: 20px!important;
}
}
body[data-header-format="left-header"][data-header-resize="0"] .container-wrap {
padding: 0;
} .sf-menu .wykrzyknik a:after {
content: "!";
position: absolute;
right: 0;
background: red;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 100%;
color: #fff;
font-weight: 700;
font-size: 80%;
top: 50%;
transform: translateY(-50%);
} body[data-header-format="left-header"] header#top nav >ul >li.podkresl >a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #888;
transition: .1s;
}
body[data-header-format="left-header"] header#top nav >ul >li.podkresl:hover >a:after, body[data-header-format="left-header"] header#top nav >ul >li.podkresl.current-menu-item >a:after {
background: var(--green);
} #page-header-bg .subheader {
font-size: 24px;
line-height: 30px;
font-family: Source Sans Pro;
}
#page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap {
background: rgba(0, 0, 0, 0.5);
padding: 20px;
border-radius: 2px;
box-shadow: 5px 5px 0 var(--green);
}
a.section-down-arrow, .scroll-down-wrap.no-border .section-down-arrow, .slider-down-arrow.no-border {
display: none;
}
@media(max-width: 1000px) {
#page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap {
-webkit-transform: translateY(0%)!important;
}
}
@media(max-width: 480px) {
#page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap {
-webkit-transform: translateY(10%)!important;
}
} #wpsl-result-list {
background: #fff;
margin-bottom: 0;
}
.szukaj-lokalizacji {
box-shadow: 0 5px 40px rgba(0,0,0,0.05);
}
#wpsl-wrap {
margin-bottom: 0;
}
.wpsl-search {
padding: 10px 15px 0;
margin-bottom: 0;
background: var(--green);
}
#wpsl-search-wrap div {
margin-right: 5px;
}
#wpsl-search-wrap .wpsl-input label {
width: auto;
line-height: 32px;
color: #fff;
font-weight: 700;
padding-right: 10px;
}
#wpsl-search-wrap #wpsl-search-input {
width: 300px;
border: 0 !important;
border-radius: 0 !important;
padding: 6px 15px;
outline: none !important;
background: #f9f9f9;
transition: all 0.3s;
}
#wpsl-search-wrap #wpsl-search-input:focus {
background: #fff;
color: #222;
}
#wpsl-search-btn {
padding: 0 15px !important;
background: transparent !important;
color: #fff;
transition: all 0.3s;
font-family: Lato;
font-weight: 700;
font-size: 15px;
height: 34px;
border: 2px solid #fff !important;
border-radius: 0 !important;
margin-right: 0;
}
#wpsl-search-btn:hover {
background: #fff !important;
opacity: 1;
color: var(--green);
}
#wpsl-result-list li p {
padding-bottom: 0;
margin-bottom: 10px;
}
#wpsl-wrap #wpsl-result-list li {
padding: 10px 15px;
}
#wpsl-wrap .wpsl-info-window p {
padding-bottom: 0;
margin-bottom: 5px;
} #apteka-header {
height: 250px;
width: 100%;
background-image: url(//wga.pl/header.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
display: flex;
align-items: center;
margin-bottom: 30px;
}
body #apteka-header h1 {
color: #fff;
margin: 0;
padding: 10px 0;
}
body #apteka-header h1 span {
position: relative;
} h2.apteka-subtitle {
padding-bottom: 10px;
margin-bottom: 30px;
position: relative;
}
h2.apteka-subtitle:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: var(--green);
} .apteka-row {
margin: 0 -15px;
}
.apteka-row:after {
content: "";
display: table;
clear: both;
}
.apteka-row .apteka-col {
padding: 0 15px;
float: left;
box-sizing: border-box;
margin-bottom: 30px;
}
.apteka-row .apteka-half {
width: 50%;
}
.apteka-row .apteka-third {
width: 33.3333%;
}
.apteka-row .apteka-fourth {
width: 25%;
}
.apteka-iconbox:after {
content: "";
display: table;
clear: both;
}
.apteka-iconbox .ikona {
float: left;
margin-right: 25px;
}
.apteka-iconbox .ikona i {
font-size: 50px;
color: var(--green);
position: initial;
width: inherit;
height: initial;
line-height: normal;
vertical-align: initial;
word-spacing: initial;
top: initial;
margin-top: 3px;
display: block;
}
.apteka-iconbox .tresc {
float: left;
width: calc(100% - 70px);
}
.apteka-iconbox .tresc .tytul {
font-weight: 567;
font-size: 20px;
line-height: 30px;
color: var(--green);
padding-bottom: 5px;
}
.apteka-iconbox .tresc a {
color: inherit;
display: block;
}
.apteka-iconbox .tresc a:hover {
color: var(--green);
} .container-wrap .apteka-form input[type=text], .container-wrap .apteka-form input[type=email], .container-wrap .apteka-form input[type=tel], .container-wrap .apteka-form textarea {
font-size: 18px;
padding: 12px 16px;
margin-bottom: 15px;
}
.container-wrap .apteka-form textarea {
margin-bottom: 8px;
height: 144px;
}
.container-wrap .apteka-form input[type=text]:focus, .container-wrap .apteka-form input[type=email]:focus, .container-wrap .apteka-form input[type=tel]:focus, .container-wrap .apteka-form textarea:focus {
border-color: var(--green);
}
body[data-form-submit="regular"] .container-wrap .apteka-form input[type=submit] {
font-family: Lato;
font-weight: 700;
font-size: 18px;
}
.apteka-form p {
text-align: center;
}
.apteka-form br {
display: none;
} .admin-bar .pac-container {
margin-top: -32px;
}
body.page-template-znajdz-apteke, html .ascend.page-template-znajdz-apteke .container-wrap {
background: #ececec;
}
#lista-aptek {
margin-top: 35px;
}
#lista-aptek .apteka-row {
display: flex;
}
#lista-aptek .apteka-row .apteka-col {
float: none;
position: relative;
transition: all .3s ease;
} #lista-aptek .apteka-content {
background: #fff;
box-shadow: 0 5px 40px rgba(0,0,0,0.05);
max-width: 304px;
margin: 0 auto;
height: 100%;
}
#lista-aptek .apteka-img:after {
content: "";
display: table;
clear: both;
}
#lista-aptek .apteka-img img {
float: left;
}
#lista-aptek .apteka-meta {
padding: 10px 20px 5px;
}
#lista-aptek .apteka-row:first-child > .apteka-col:first-child h4 {
color: var(--green);
}
#lista-aptek h4 {
font-size: 20px;
line-height: 34px;
margin-bottom: 12px;
text-align: center;
}
.meta-p {
display: flex;
margin-bottom: 15px;
}
.meta-p i {
color: var(--green);
font-size: 20px;
margin-right: 8px;
width: 30px;
}
.meta-opis a {
color: inherit;
display: block;
position: relative;
z-index: 10;
}
.meta-opis a:hover {
color: var(--green);
}
.column-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 10;
} #lista-aptek .apteka-row .apteka-col:hover {
transform: scale(1.066);
}
#lista-aptek .apteka-img {
position: relative;
}
#lista-aptek .apteka-img:before {
content: "zobacz więcej";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 166, 81, 0.75);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: Lato;
font-weight: 700;
font-size: 22px;
opacity: 0;
transition: all .3s ease;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
#lista-aptek .apteka-row .apteka-col:hover .apteka-img:before {
opacity: 1;
} .apteka-iconbox + .apteka-iconbox {
margin-top: 25px;
}
body[data-fancy-form-rcs="1"] .apteka-form .fancy-select-wrap {
padding-top: 0;
margin-bottom: 15px;
}
body[data-fancy-form-rcs="1"] .apteka-form .select2-container .select2-choice {
border-radius: 0;
font-size: 18px;
padding: 12px 16px;
border-color: #ccc;
line-height: 22px !important;
height: 48px;
color: rgb(117, 117, 117);
}
.kontakt-form .select2-container .select2-choice>.select2-chosen {
line-height: 22px;
color: #757575 !important;
}
.kontakt-form .apteka-row .apteka-col {
margin-bottom: 0;
}
.kontakt-form {
margin-bottom: 30px;
}
.container-wrap .apteka-form.kontakt-form textarea {
height: 300px;
display: block;
resize: none;
} #wpsl-gmap {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
@media(max-width: 1200px) {
.apteka-row .apteka-col {
width: 100% !important;
}
#lista-aptek .apteka-row {
display: block;
}
}
@media(max-width: 1100px) {
#wpsl-search-wrap #wpsl-search-input {
width: 250px;
}
}
@media(max-width: 1000px) {
#wpsl-search-wrap .wpsl-input {
float: none;
width: 100%;
display: block;
margin-bottom: 10px !important;
}
#wpsl-search-wrap .wpsl-input div {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
#wpsl-search-wrap .wpsl-input label {
padding-right: 0;
width: 100%;
text-align: center;
}
#wpsl-search-wrap #wpsl-search-input {
margin: 0 auto !important;
display: block;
max-width: 100%;
}
#wpsl-search-wrap .wpsl-search-btn-wrap {
margin: 0 0 15px;
width: 100%;
}
#wpsl-search-btn, #wpsl-search-wrap input {
margin: 0 auto !important;
float: none !important;
}
body.home #page-header-bg[data-alignment-v="bottom"] .row, body[data-header-resize="0"].home #page-header-bg {
max-height: 400px;
}
body.home #page-header-bg[data-alignment-v="bottom"] .row {
top: 0 !important;
}
body.home #page-header-bg[data-alignment-v="bottom"] .span_6 {
bottom: 20px;
}
body.home #page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap {
line-height: 1.25;
transform: none !important;
}
body.home #page-header-bg .span_6 span.subheader {
line-height: inherit !important;
}
}
@media(max-width: 480px) {
#apteka-header {
height: 150px;
}
body .row .col.section-title h1, body h1 {
font-size: 35px;
line-height: 44px;
}
#page-header-bg h2, body h2, article.post .post-header h2, article.post.quote .post-content h2, article.post.link .post-content h2, article.post.format-status .post-content h2, #call-to-action span, .woocommerce .full-width-tabs #reviews h3, .row .col.section-title h2, .nectar_single_testimonial[data-style="bold"] p {
font-size: 25px;
line-height: 36px;
}
body.home #page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap {
padding: 12px;
line-height: 1.125;
}
body.home #page-header-bg.fullscreen-header .span_6 h1 {
font-size: 20px!important;
line-height: 24px !important;
}
body.home #page-header-bg .span_6 span.subheader {
font-size: 12px !important;
}
} #footer-outer #copyright {
padding: 10px 0;
font-size: 14px;
color: #222;
}
#footer-outer {
background: #fafafa;
} .grecaptcha-badge {
display: none !important;
}