:root{
--colorLight: #ffffff;
--colorFont: #666666;
--colorFontMuted: #666666;
--colorBackground: #f2f2f2;
--colorBorder: #e5e5e5;
--colorDark: #141414;
--colorDarkMuted: #000000;
--colorMain: #43aee1;
--colorMain2: #f69c1d;
--colorMainDarken: #1a77a4;
--c-facebook: #3b5998;
--c-twitter: #1da1f2;
--c-youtube: #ff0000;
--c-instagram: #c13584;
--c-pinterest: #bd081c;
--c-linkedin: #0077b5;
--c-github: #333333;
--c-skype: #00aff0;
}
.svg-icon{
line-height: .8;
}
.svg-icon svg{
max-width: 1em;
max-height: 1em;
fill: var(--colorDarkMuted);
}
.social-links{
line-height: 1;
}
.social-links a{
display: inline-block;
}
.social-links a svg{
max-width: 12px;
max-height: 12px;
}
.social-links a:hover svg{
fill: var(--colorMain);
}
.social-links a + a{
margin-left: 28px;
}
a.social-icon{
display: inline-block;
line-height: 1;
text-align: center;
vertical-align: middle;
}
a.social-icon i{
font-size: 12px;
}
a.social-icon.border-icon{
width: 40px;
height: 40px;
align-items: center;
border: 1px solid #989898;
display: flex;
align-items: center;
justify-content: center;
}
a.rounded-icon{
border-radius: 50%;
}
.icon-inline{
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.icon-inline .svg-icon{
margin-right: 10px;
}
.icon-inline .svg-icon:last-child{
margin-right: 0;
}
.icon-inline > strong{
white-space: nowrap;
margin-right: 4px;
}
.entry-footer .icon-inline{
align-items: center;
}
.meta-icons-main .c .icon-inline .svg-icon svg{
fill: #fff;
}
.meta-icons-main2 .icon-inline .svg-icon svg{
fill: var(--colorMain2);
}
.meta-icons-main2 .c2 .icon-inline .svg-icon svg{
fill: #fff;
}
.meta-icons-border .icon-inline .svg-icon svg{
fill: var(--colorBorder);
}
.meta-icons-dark .icon-inline .svg-icon svg{
fill: var(--colorDark);
}
.meta-icons-dark-muted .icon-inline .svg-icon svg{
fill: var(--colorDarkMuted);
}
.animation-enabled .animate,
[data-animate*=".column-aside .widget"] .column-aside .widget,
[data-animate*=".footer-widgets .widget"] .footer-widgets .widget,
[data-animate*=".hfeed article.post"].hfeed .post,
[data-animate*=".hfeed .post .post-thumbnail img"].hfeed .post .post-thumbnail img{
visibility: hidden;
}
.animated{
visibility: visible !important;
}
.preloader{
position: fixed;
top: 5px;
right: 0;
z-index: 13000;
opacity: 1;
transition: all .35s ease;
}
.no-js .preloader{
display: none;
}
.preloader.cover{
top: 0;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, .95);
height: 100%;
}
.preloader.cover .preloader_css{
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
}
.preloader.loaded{
opacity: 0;
z-index: -1;
}
.preloader.loaded .preloader_css{
opacity: 0;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.preloader_css{
width: 30px;
height: 30px;
margin: 10px;
border: 3px solid #f7f7f7;
border-radius: 50%;
border-top-color: #43aee1;
border-top-color: var(--colorMain);
opacity: 1;
transition: opacity .35s ease;
-webkit-animation: spin .5s infinite linear;
animation: spin .5s infinite linear;
}
@-webkit-keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} html{
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
main{
display: block;
}
hr{
box-sizing: content-box;
overflow: visible;
}
pre{
font-family: monospace,monospace;
font-size: 1em;
}
a{
background-color: rgba(0, 0, 0, 0);
}
abbr[title]{
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong{
font-weight: 700;
}
code,
kbd,
samp{
font-family: monospace,monospace;
font-size: 1em;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub{
bottom: -0.25em;
}
sup{
top: -0.5em;
}
img{
border-style: none;
}
button,
input,
optgroup,
select,
textarea{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit]{
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
outline: 1px dotted ButtonText;
}
fieldset{
padding: .35em .75em .625em;
}
legend{
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress{
vertical-align: baseline;
}
textarea{
overflow: auto;
}
[type=checkbox],
[type=radio]{
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
height: auto;
}
[type=search]{
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration{
-webkit-appearance: none;
}
::-webkit-file-upload-button{
-webkit-appearance: button;
font: inherit;
}
details{
display: block;
}
summary{
display: list-item;
}
template{
display: none;
}
[hidden]{
display: none;
}
*{
box-sizing: border-box;
}
:focus{
outline: none !important;
}
html{
scroll-behavior: smooth;
overflow-x: hidden;
width: 100%;
}
html.customize-preview{
scroll-behavior: initial;
}
body{
background-color: #fff;
background-color: var(--colorLight);
text-rendering: optimizeLegibility;
word-break: break-word;
width: 100%;
position: relative;
font-weight: 300;
}
body,
button,
input,
select,
textarea{
color: #666;
color: var(--colorFont);
font-family: var(--Font),-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,segoe ui,fira sans,sans-serif;
font-size: 16px;
line-height: 30px;
font-weight: 300;
}
iframe{
max-width: 100%;
border: none;
}
figure,
img{
margin: 0;
max-width: 100%;
height: auto;
}
figcaption{
font-size: 14px;
line-height: 1.5;
padding: .5em 0;
}
table{
width: 100%;
border-collapse: collapse;
}
td,
th{
padding: .8em;
border: 1px solid var(--colorBorder);
word-break: normal;
text-align: center;
}
@media (max-width: 767px) {
td,
th{
padding-left: .6em;
padding-right: .6em;
}
}
th{
text-align: center;
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
font-weight: bold;
}
.i th{
color: var(--colorLight);
}
a:hover,
a:active,
a:focus{
text-decoration: none !important;
}
code{
padding: 0 .5rem;
font-size: .85rem;
display: inline-block;
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
pre{
margin: 1em 0;
max-width: 100%;
overflow-x: auto;
font-size: .85rem;
padding: 1em;
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
blockquote,
.wp-block-quote{
position: relative;
margin-top: 45px;
margin-bottom: 45px;
margin-left: 25px;
margin-right: 25px;
text-align: center;
padding: 0;
border: none;
font-size: 20px;
font-weight: 300;
line-height: 30px;
font-style: italic;
}
blockquote p,
.wp-block-quote p{
margin-bottom: 0 !important;
width: 100%;
}
blockquote:last-child,
blockquote p:last-child,
.wp-block-quote:last-child,
.wp-block-quote p:last-child{
margin-bottom: 0;
}
blockquote cite,
.wp-block-quote cite{
font-style: normal;
text-transform: none;
text-align: center;
font-weight: 500;
color: var(--colorDark);
display: inline-block;
width: 100%;
font-size: 20px;
margin-bottom: 10px;
margin-top: 30px;
}
blockquote cite strong,
.wp-block-quote cite strong{
text-transform: uppercase;
color: var(--colorMain);
font-weight: 400;
font-size: 14px;
margin-top: 5px;
line-height: 1;
display: block;
width: 100%;
}
blockquote cite img,
.wp-block-quote cite img{
max-width: 40px;
border-radius: 50%;
margin-right: .5em;
vertical-align: middle;
}
blockquote.is-style-large,
.wp-block-quote.is-style-large{
padding-left: 0;
padding-right: 0;
}
blockquote.is-style-large::before,
.wp-block-quote.is-style-large::before{
display: none;
}
blockquote.is-style-large p,
.wp-block-quote.is-style-large p{
font-weight: 300;
color: var(--colorDark);
font-style: normal;
margin-bottom: .5em;
}
@media (min-width: 767px) {
blockquote.is-style-large p,
.wp-block-quote.is-style-large p{
font-size: 32px;
}
}
blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right{
text-align: right;
justify-content: flex-end;
}
.has-cyan-bluish-gray-background-color blockquote::before,
.has-cyan-bluish-gray-background-color .wp-block-quote::before{
background-color: rgba(0, 0, 0, 0) !important;
}
.wp-block-column .wp-block-quote{
padding-left: 0;
min-height: 0;
}
.wp-block-column .wp-block-quote:before{
position: relative;
line-height: 1;
width: 32px;
height: 32px;
}
cite{
color: var(--colorDark);
font-style: normal;
font-size: 14px;
width: 100%;
}
a{
outline: none;
text-decoration: none;
transition: all .4s ease-out;
color: #323232;
color: var(--colorDarkGrey);
}
a:focus,
a:hover{
text-decoration: underline;
color: #43aee1;
color: var(--colorMain);
}
ol,
ul,
dd{
padding-left: 20px;
margin: 0 0 2em;
}
dt{
font-weight: bolder;
}
dd{
margin-left: 0;
}
ol li:not([class]):not([role=presentation]),
ul li:not([class]):not([role=presentation]){
padding: .5em 0;
}
ol li:not([class]):not([role=presentation]):last-child,
ul li:not([class]):not([role=presentation]):last-child{
padding-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul{
margin: .4em 0 0;
}
ol.styled,
ul.styled{
padding-left: 0;
list-style: none;
}
ol.bordersul,
ul.bordersul{
border-top: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
ol.bordersli li,
ul.bordersli li{
padding: .5em 0;
}
ol.bordersli li + li,
ul.bordersli li + li{
border-top: 1px solid var(--colorBorder);
}
ol.styled{
color: var(--colorDark);
font-weight: 500;
counter-reset: olc;
}
ol.styled li{
counter-increment: olc;
}
ol.styled li:before{
content: "0" counter(olc) ". ";
color: var(--colorMain);
margin-right: 13px;
}
ul.styled{
color: var(--colorDark);
font-weight: 500;
}
ul.styled li:before{
content: "";
display: inline-block;
width: 1.06em;
height: .65em;
margin-right: 24px;
background: url(//ehg-services.ch/wp-content/themes/aircool/assets/img/arrow-right.svg) no-repeat center/cover;
color: var(--colorMain);
position: relative;
bottom: .05em;
}
nav > ul{
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
line-height: 1;
word-break: break-word;
color: #141414;
color: var(--colorDark);
font-weight: 500;
}
h1:first-child:not([class*=mt-]),
h2:first-child:not([class*=mt-]),
h3:first-child:not([class*=mt-]),
h4:first-child:not([class*=mt-]),
h5:first-child:not([class*=mt-]),
h6:first-child:not([class*=mt-]){
margin-top: 0;
}
h1,
.post.vertical-item .entry-content h1{
font-size: 56px;
margin-top: 1.15em;
margin-bottom: .37em;
}
@media (max-width: 1024px) {
h1,
.post.vertical-item .entry-content h1{
font-size: 52px;
}
}
@media (max-width: 479px) {
h1,
.post.vertical-item .entry-content h1{
font-size: 48px;
}
}
h2,
.post.vertical-item .entry-content h2{
font-size: 50px;
margin-top: .9em;
margin-bottom: .48em;
}
@media (max-width: 1024px) {
h2,
.post.vertical-item .entry-content h2{
font-size: 46px;
}
}
@media (max-width: 479px) {
h2,
.post.vertical-item .entry-content h2{
font-size: 42px;
}
}
h3,
.post.vertical-item .entry-content h3{
font-size: 40px;
margin-top: 1.1em;
margin-bottom: .57em;
}
@media (max-width: 1024px) {
h3,
.post.vertical-item .entry-content h3{
font-size: 36px;
}
}
@media (max-width: 479px) {
h3,
.post.vertical-item .entry-content h3{
font-size: 32px;
}
}
h4,
.post.vertical-item .entry-content h4{
font-size: 30px;
margin-top: 1.27em;
margin-bottom: .7em;
}
@media (max-width: 1024px) {
h4,
.post.vertical-item .entry-content h4{
font-size: 26px;
}
}
h5,
.post.vertical-item .entry-content h5{
font-size: 22px;
margin-top: 1.57em;
margin-bottom: .8em;
}
@media (max-width: 1024px) {
h5,
.post.vertical-item .entry-content h5{
font-size: 18px;
}
}
h6,
.post.vertical-item .entry-content h6{
font-size: 16px;
margin-top: 1.9em;
margin-bottom: 1.1em;
}
p{
margin-top: 0;
margin-bottom: 1em;
}
p:last-child{
margin-bottom: 0;
}
p:last-child:after{
content: "";
display: block;
clear: both;
}
address{
margin-bottom: 1em;
}
hr{
border: 0;
height: 1px;
background-color: #e5e5e5;
background-color: var(--colorBorder);
}
.pre-heading,
.footer_top-pre-heading{
position: relative;
font-size: 16px;
line-height: 21px;
font-weight: bold;
color: var(--colorMain2);
z-index: 0;
margin-bottom: 20px;
}
.pre-heading .pre-heading-bg-text,
.pre-heading .footer_top-background-text,
.footer_top-pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .footer_top-background-text{
position: absolute;
font-family: "kristi";
color: var(--colorBackground);
top: -60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
min-width: 100%;
z-index: -1;
}
.pre-heading .footer_top-background-text,
.footer_top-pre-heading .footer_top-background-text{
color: var(--colorLight);
opacity: .3;
}
@media (max-width: 767px) {
.pre-heading .pre-heading-bg-text,
.pre-heading .footer_top-background-text,
.footer_top-pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .footer_top-background-text{
top: -30px;
font-size: 80px;
line-height: 70px;
}
}
mark{
color: inherit;
background-color: rgba(0, 0, 0, 0);
}
.special{
font-size: 2em;
text-transform: uppercase;
}
.small{
font-size: .92em;
}
.normal{
font-size: 1em;
}
.big{
font-size: 3em;
}
.huge{
font-size: 4.5em;
}
.main .wp-block-image{
margin-bottom: 0;
}
.main .wp-block-image .alignleft{
margin-right: 2em;
margin-bottom: .8em;
}
.main .wp-block-image .alignright{
left: 2em;
margin-bottom: .8em;
}
.dropdown{
position: relative;
}
.dropdown input[type=checkbox]{
display: none;
}
.dropdown label{
margin-bottom: 0;
}
.dropdown ul:not(.topline-menu){
display: none;
position: absolute;
top: 2em;
left: 0;
list-style: none;
border: 1px solid var(--colorBorder);
border-radius: 5px;
padding: .1em .5em;
background-color: var(--colorLight);
}
.dropdown ul:not(.topline-menu) li{
padding: 0;
}
.dropdown ul:not(.topline-menu) li + li{
margin-left: 10px;
}
.dropdown input[type=checkbox]:checked~ul{
display: flex;
}
.form-in-line{
text-align: center;
}
.form-in-line input:not([type=submit]){
width: 100%;
}
@media (min-width: 768px) {
.form-in-line{
text-align: left;
display: flex;
max-width: 660px;
margin: 0 auto;
}
.form-in-line > *:first-child{
flex-grow: 1;
padding-right: 20px;
}
}
.interface-interface-skeleton__body .popover-slot{
position: sticky;
}
.fa-heart-o{
font-family: FontAwesome;
}
.fa-heart-o:before{
content: "";
}
.has-dots-inside .slick-dots li{
width: auto;
height: auto;
}
.has-dots-inside .slick-dots li button{
width: 10px;
height: 10px;
border-radius: 10px;
background-color: var(--colorLight);
border-color: var(--colorLight);
transition: all .3s ease-in-out;
}
.has-dots-inside .slick-dots li button::before{
display: none;
}
.has-dots-inside .slick-dots li button:hover{
border-color: var(--colorMain);
background-color: var(--colorMain);
}
.has-dots-inside .slick-dots li.slick-active button{
background-color: var(--colorMain);
border-color: var(--colorMain);
width: 40px;
height: 10px;
}
.slick-dots li button{
border: 1px solid var(--colorFont);
border-radius: 50%;
background-color: var(--colorFont);
}
.slick-dots li button::before{
color: var(--colorFont) !important;
}
.slick-dots li button:hover{
border-color: var(--colorDarkMuted);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li button:hover::before{
color: var(--colorDarkMuted) !important;
}
.slick-dots li.slick-active button{
border-color: var(--colorDarkMuted);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li.slick-active button::before{
color: var(--colorDarkMuted) !important;
}
.slick-slider .slick-arrow.slick-prev::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.slick-slider .slick-arrow.slick-next::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.several-widgets > *{
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.several-widgets > *:last-child{
padding-bottom: 0 !important;
}
.several-widgets > *:not(:last-child){
margin-bottom: 1em;
}
.gallery-caption{
margin-bottom: 1em;
}
.section-intro .round-text{
right: 200px;
bottom: 16vh;
}
.section-intro .intro-pre-heading{
font-family: "kristi";
color: var(--colorMain) !important;
font-size: 150px;
line-height: 120px;
font-style: normal;
margin: 0;
position: relative;
}
@media (max-width: 767px) {
.section-intro .intro-pre-heading{
font-size: 80px;
line-height: 92px;
}
.section-intro .intro-pre-heading::before{
display: none;
}
}
.section-intro .intro-heading{
font-weight: 700;
font-size: 30px;
line-height: 1;
color: var(--colorLight);
margin: 0;
position: relative;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.section-intro .intro-heading{
font-size: 50px;
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.section-intro .intro-heading{
font-size: 70px;
margin-bottom: 80px;
}
}
.section-intro .intro-description{
font-size: 20px;
color: var(--colorLight);
margin-bottom: 50px;
}
@media (max-width: 991px) {
.section-intro .intro-description{
margin-bottom: 15px;
}
}
.section-intro .intro-buttons{
margin: 0;
}
.section-intro .intro-buttons .button.wp-block-button__link{
min-width: 210px;
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
}
.section-intro .intro-buttons .button.wp-block-button__link:hover{
background-color: var(--colorMain) !important;
border-color: var(--colorMain) !important;
}
.section-intro .wp-block-button__link{
margin: 0;
border-color: var(--colorMain) !important;
color: var(--colorLight) !important;
}
.section-intro .wp-block-button__link:hover{
background-color: var(--colorMain) !important;
color: var(--colorMain) !important;
}
.swiper-slide-image{
transition: all .2s ease;
}
.swiper-slide-image:hover{
cursor: pointer;
-webkit-filter: invert(95%);
filter: invert(95%);
}
.slick-dots .slick-active i:before{
color: var(--colorDark);
}
.premium-banner-ib-content{
opacity: 1 !important;
}
.premium-banner-ib-content p{
transition: all .15s ease-in;
transition-delay: .15s;
opacity: 0;
}
.premium-banner-ib:hover .premium-banner-ib-content p{
opacity: 1;
}
.premium-banner-ib:hover .premium-banner-ib-title.premium_banner_title{
-webkit-transform: translate3d(0, -30px, 0) rotate(4.69deg) !important;
transform: translate3d(0, -30px, 0) rotate(4.69deg) !important;
}
.elementor-1458 .elementor-element.elementor-element-1ad3c593:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-1458 .elementor-element.elementor-element-1ad3c593 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{
background-image: none !important;
}
.elementor-1458 .elementor-element.elementor-element-4fdf6759:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-1458 .elementor-element.elementor-element-4fdf6759 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{
background-image: none !important;
}
.elementor-1458 .elementor-element.elementor-element-6c875727:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-1458 .elementor-element.elementor-element-6c875727 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{
background-image: none !important;
}
.elementor-accordion .elementor-tab-title{
border: none !important;
border-bottom: 1px solid var(--colorBorder) !important;
}
.elementor-accordion .elementor-accordion-item{
border: none !important;
}
.elementor-accordion .elementor-tab-content{
border: none !important;
}
.just-link a{
transition: all .4s linear 0s;
}
.just-link a:hover{
color: var(--colorMain) !important;
}
.just-link.main2-hover a{
transition: all .4s linear 0s;
}
.just-link.main2-hover a:hover{
color: var(--colorMain2) !important;
}
.color2{
color: var(--colorMain2);
}
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow{
top: auto !important;
bottom: 58px !important;
}
@media (max-width: 767px) {
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow{
bottom: 38px !important;
}
}
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow.carousel-prev{
left: calc(50% - 140px) !important;
}
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow.carousel-next{
right: calc(50% - 140px) !important;
}
.elementor-accordion .elementor-tab-title{
border: 1px solid var(--colorBorder) !important;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0) !important;
transition: all .15s linear 0s;
}
.elementor-accordion .elementor-tab-title::before{
content: "";
font-family: "FontAwesome";
font-size: 16px;
color: var(--colorMain2);
padding-right: 12px;
}
.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-accordion .elementor-tab-title:hover{
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
}
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon .elementor-accordion-icon-closed i::before,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon .elementor-accordion-icon-opened i::before,
.elementor-accordion .elementor-tab-title.elementor-active::before,
.elementor-accordion .elementor-tab-title:hover .elementor-accordion-title,
.elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon .elementor-accordion-icon-closed i::before,
.elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon .elementor-accordion-icon-opened i::before,
.elementor-accordion .elementor-tab-title:hover::before{
color: var(--colorLight) !important;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed i,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened i{
font-size: 12px;
}
.elementor-accordion .elementor-accordion-item + .elementor-accordion-item{
margin-top: 20px;
}
.section-team .elementor-column{
margin: 0 auto;
}
fieldset{
border-color: #e5e5e5;
border-color: var(--colorBorder);
border-width: 1px;
border-style: solid;
}
input,
label,
select,
button,
textarea{
font-size: 18px;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
}
label{
cursor: pointer;
font-size: 18px;
margin-bottom: .75em;
color: var(--colorDarkMuted);
}
.i label{
color: var(--colorLight);
}
button:focus,
input:focus,
textarea:focus{
outline: 0;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select{
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #e5e5e5;
border-radius: 5px;
color: #666;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 15px;
font-size: 14px;
line-height: 30px;
font-weight: 300;
}
input[type=date]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder{
opacity: 1;
text-transform: uppercase;
}
input[type=date]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder{
opacity: 1;
text-transform: uppercase;
}
input[type=date]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
textarea::placeholder,
select::placeholder{
opacity: 1;
text-transform: uppercase;
}
.wpcf7-spinner{
display: none;
}
textarea.form-control{
height: auto;
max-width: 100%;
min-width: 100%;
}
input.form-control{
max-width: 100%;
min-width: 100%;
}
.wp-block-group.c input[type=date],
.wp-block-group.c input[type=datetime],
.wp-block-group.c input[type=datetime-local],
.wp-block-group.c input[type=email],
.wp-block-group.c input[type=month],
.wp-block-group.c input[type=number],
.wp-block-group.c input[type=password],
.wp-block-group.c input[type=search],
.wp-block-group.c input[type=tel],
.wp-block-group.c input[type=text],
.wp-block-group.c input[type=time],
.wp-block-group.c input[type=url],
.wp-block-group.c input[type=week],
.wp-block-group.c textarea{
background-color: var(--colorLight);
}
input[type=number]{
padding-right: 0;
}
select{
height: 40px;
line-height: 40px;
white-space: nowrap;
}
input[type=checkbox],
input[type=radio]{
width: 13px;
height: 13px;
margin-right: .25em;
}
input[type=search]{
-webkit-appearance: textfield;
}
::-webkit-search-decoration{
display: none;
}
[type=reset],
[type=button]:not(.plyr__control):not(.slick-arrow):not([role=tab]):not([aria-controls=mep_0]):not(.plus):not(.minus):not([class=mfp-close]):not(.elementor-alert-dismiss):not(.xdsoft_prev):not(.xdsoft_today_button):not(.xdsoft_next),
[type=submit]:not(.wp-block-search__button):not(.mc4wp-form button):not(.search-submit):not(.single_add_to_cart_button),
.theme_button,
.wp-block-button__link,
.wp-block-button__link:visited,
.wp-block-file .wp-block-file__button,
.premium-button,
.premium-gallery-load-more-btn,
.woo .cancel.button,
input#submit{
width: auto;
font-size: 14px;
font-weight: 400;
padding: 21px 34px 21px;
text-transform: uppercase;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
text-align: center;
border: 2px solid;
border-radius: 5px;
position: relative;
transition: all .4s linear 0s;
color: var(--colorLight);
background-color: var(--colorMain);
border-color: var(--colorMain);
}
[type=reset]:hover,
[type=button]:not(.plyr__control):not(.slick-arrow):not([role=tab]):not([aria-controls=mep_0]):not(.plus):not(.minus):not([class=mfp-close]):not(.elementor-alert-dismiss):not(.xdsoft_prev):not(.xdsoft_today_button):not(.xdsoft_next):hover,
[type=submit]:not(.wp-block-search__button):not(.mc4wp-form button):not(.search-submit):not(.single_add_to_cart_button):hover,
.theme_button:hover,
.wp-block-button__link:hover,
.wp-block-button__link:visited:hover,
.wp-block-file .wp-block-file__button:hover,
.premium-button:hover,
.premium-gallery-load-more-btn:hover,
.woo .cancel.button:hover,
input#submit:hover{
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
color: var(--colorLight) !important;
}
@media (min-width: 768px) {
.wide_buttons a,
.wide_button{
min-width: 210px;
}
}
.theme_button.color2,
[type=submit].theme_button.color2:not(.wp-block-search__button):not(.mc4wp-form button):not(.search-submit):not(.single_add_to_cart_button),
.woo .cancel.button{
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
.theme_button.color2:hover,
[type=submit].theme_button.color2:not(.wp-block-search__button):not(.mc4wp-form button):not(.search-submit):not(.single_add_to_cart_button):hover,
.woo .cancel.button:hover{
background-color: var(--colorMain) !important;
border-color: var(--colorMain) !important;
color: var(--colorLight) !important;
}
.is-style-squared .wp-block-button__link{
border-radius: 0 !important;
}
.just-link .premium-button::before{
background-image: none !important;
}
#footer-top [type=submit]{
font-size: 14px;
font-weight: 400;
padding: 21px 34px 21px;
text-transform: uppercase;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
text-align: center;
border: 2px solid;
border-radius: 5px;
position: relative;
transition: all .4s linear 0s;
border-color: var(--colorMain) !important;
}
#footer-top [type=submit]:hover{
background-color: var(--colorMain) !important;
line-height: 9 !important;
}
.b-fs-9 [type=reset],
.b-fs-9 [type=button],
.b-fs-9 [type=submit],
.b-fs-9 .wp-block-button__link{
font-size: 9px;
}
.b-fs-10 [type=reset],
.b-fs-10 [type=button],
.b-fs-10 [type=submit],
.b-fs-10 .wp-block-button__link{
font-size: 10px;
}
.b-fs-11 [type=reset],
.b-fs-11 [type=button],
.b-fs-11 [type=submit],
.b-fs-11 .wp-block-button__link{
font-size: 11px;
}
.b-fs-12 [type=reset],
.b-fs-12 [type=button],
.b-fs-12 [type=submit],
.b-fs-12 .wp-block-button__link{
font-size: 12px;
}
.b-fs-13 [type=reset],
.b-fs-13 [type=button],
.b-fs-13 [type=submit],
.b-fs-13 .wp-block-button__link{
font-size: 13px;
}
.b-fs-14 [type=reset],
.b-fs-14 [type=button],
.b-fs-14 [type=submit],
.b-fs-14 .wp-block-button__link{
font-size: 14px;
}
.b-fs-15 [type=reset],
.b-fs-15 [type=button],
.b-fs-15 [type=submit],
.b-fs-15 .wp-block-button__link{
font-size: 15px;
}
.b-fs-16 [type=reset],
.b-fs-16 [type=button],
.b-fs-16 [type=submit],
.b-fs-16 .wp-block-button__link{
font-size: 16px;
}
.b-fs-17 [type=reset],
.b-fs-17 [type=button],
.b-fs-17 [type=submit],
.b-fs-17 .wp-block-button__link{
font-size: 17px;
}
.b-fs-18 [type=reset],
.b-fs-18 [type=button],
.b-fs-18 [type=submit],
.b-fs-18 .wp-block-button__link{
font-size: 18px;
}
.b-fs-19 [type=reset],
.b-fs-19 [type=button],
.b-fs-19 [type=submit],
.b-fs-19 .wp-block-button__link{
font-size: 19px;
}
.b-fs-20 [type=reset],
.b-fs-20 [type=button],
.b-fs-20 [type=submit],
.b-fs-20 .wp-block-button__link{
font-size: 20px;
}
.b-fs-21 [type=reset],
.b-fs-21 [type=button],
.b-fs-21 [type=submit],
.b-fs-21 .wp-block-button__link{
font-size: 21px;
}
.b-fs-22 [type=reset],
.b-fs-22 [type=button],
.b-fs-22 [type=submit],
.b-fs-22 .wp-block-button__link{
font-size: 22px;
}
.btn-link .wp-block-button__link{
text-transform: inherit;
padding: 0;
background-color: rgba(0, 0, 0, 0);
color: var(--colorFont) !important;
font-size: 16px;
}
.btn-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 10px;
font-size: 14px;
}
.btn-link .wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorMain) !important;
}
input[type=file]{
display: block;
}
textarea{
vertical-align: top;
overflow: auto;
}
select[multiple]{
vertical-align: top;
}
::-webkit-input-placeholder{
opacity: .5;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
::-moz-placeholder{
opacity: .5;
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-moz-placeholder{
opacity: .5;
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-ms-input-placeholder{
opacity: .5;
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:focus::-webkit-input-placeholder{
opacity: 0;
}
:focus::-moz-placeholder{
opacity: 0;
}
:focus:-moz-placeholder{
opacity: 0;
}
:focus:-ms-input-placeholder{
opacity: 0;
}
.select-wrap select{
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid var(--colorBorder);
border-radius: 5px;
color: var(--colorFont);
padding-left: 30px;
padding-right: 30px;
text-transform: uppercase;
padding-top: 16px;
padding-bottom: 15px;
font-size: 14px;
line-height: 30px;
font-weight: 300;
}
.appointment-section input,
.appointment-section textarea,
.contacts-section .contact-form input,
.contacts-section .contact-form textarea{
border: 1px solid;
border-radius: 5px;
padding-left: 30px;
padding-right: 30px;
text-transform: uppercase;
padding-top: 16px;
padding-bottom: 15px;
font-size: 14px !important;
line-height: 30px;
font-weight: 300 !important;
background-color: var(--colorLight);
border-color: rgba(128, 128, 128, .5);
color: var(--colorDark);
}
.appointment-section input,
.contacts-section .contact-form input{
height: 60px;
}
.appointment-section form.wpcf7-form .grid-item,
.contacts-section .contact-form form.wpcf7-form .grid-item{
position: relative;
}
.appointment-section form.wpcf7-form .grid-item span+[class*=icon2-],
.appointment-section form.wpcf7-form .grid-item span+[class*=fa-],
.contacts-section .contact-form form.wpcf7-form .grid-item span+[class*=icon2-],
.contacts-section .contact-form form.wpcf7-form .grid-item span+[class*=fa-]{
position: absolute;
font-size: 14px;
left: 42px;
top: 23px;
width: 14px;
text-align: center;
color: var(--colorMain2);
}
.appointment-section form.wpcf7-form .grid-item .wpcf7-form-control-wrap input,
.appointment-section form.wpcf7-form .grid-item .wpcf7-form-control-wrap textarea,
.contacts-section .contact-form form.wpcf7-form .grid-item .wpcf7-form-control-wrap input,
.contacts-section .contact-form form.wpcf7-form .grid-item .wpcf7-form-control-wrap textarea{
padding-left: 50px;
}
.appointment-section form.wpcf7-form .form-wrap,
.contacts-section .contact-form form.wpcf7-form .form-wrap{
display: flex;
}
@media (max-width: 1199px) {
.appointment-section form.wpcf7-form .form-wrap,
.contacts-section .contact-form form.wpcf7-form .form-wrap{
flex-wrap: wrap;
}
}
.appointment-section form.wpcf7-form .form-wrap p,
.contacts-section .contact-form form.wpcf7-form .form-wrap p{
width: 100%;
}
@media (min-width: 1200px) {
.appointment-section form.wpcf7-form .form-wrap p:nth-child(1),
.appointment-section form.wpcf7-form .form-wrap p:nth-child(2),
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(1),
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(2){
width: 33.33333333% !important;
}
.appointment-section form.wpcf7-form .form-wrap p:nth-child(3),
.appointment-section form.wpcf7-form .form-wrap p:nth-child(4),
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(3),
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(4){
width: 16.66666667% !important;
}
}
.contacts-section{
margin: 0 auto;
}
.contacts-section .contact-form{
background-color: rgba(0, 0, 0, .4);
}
.contacts-section .contact-form form.wpcf7-form{
margin-left: -10px;
margin-right: -10px;
}
.contacts-section .contact-form form.wpcf7-form p{
position: relative;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
@media (max-width: 1199px) {
.contacts-section .contact-form form.wpcf7-form p{
margin-top: 5px;
margin-bottom: 5px;
}
}
.contacts-section .contact-form form.wpcf7-form p span+[class*=icon2-],
.contacts-section .contact-form form.wpcf7-form p span+[class*=fa-]{
left: 37px;
}
.contacts-section .contact-form form.wpcf7-form p input[type=submit]{
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
}
.contacts-section .contact-form form.wpcf7-form p input[type=submit]:hover{
background-color: var(--colorMain) !important;
border-color: var(--colorMain) !important;
}
.contacts-section .contact-form form.wpcf7-form .form-wrap{
flex-wrap: wrap;
}
.contacts-section .contact-form form.wpcf7-form .form-wrap p{
width: 100%;
}
@media (min-width: 1200px) {
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(1),
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(2){
width: 50% !important;
}
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(3),
.contacts-section .contact-form form.wpcf7-form .form-wrap p:nth-child(4){
width: 50% !important;
}
}
.elementor-tabs .elementor-tabs-wrapper{
display: flex !important;
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
line-height: 21px;
font-size: 14px;
padding: 15px 12px 12px;
text-transform: uppercase;
font-weight: 400;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
border: 2px solid #989898;
border-bottom: none;
background-color: rgba(0, 0, 0, 0);
color: var(--colorFont);
border-radius: 5px 5px 0 0;
position: relative;
margin-right: 4px;
}
@media (min-width: 768px) {
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
padding: 21px 35px;
}
}
@media (min-width: 1200px) {
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
padding: 21px 50px;
}
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active,
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover{
border: 2px solid var(--colorMain2);
border-bottom: none;
background-color: var(--colorMain2);
color: var(--colorLight) !important;
}
.elementor-tabs .elementor-tabs-content-wrapper{
background-color: rgba(0, 0, 0, 0) !important;
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
border-radius: 5px;
padding: 30px 20px !important;
border: 1px solid rgba(0, 0, 0, .1) !important;
margin-bottom: 40px;
position: relative;
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content::before{
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -2px;
height: 10px;
background-color: var(--colorMain2);
}
@media (min-width: 768px) {
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
border-radius: 0 0 5px 5px;
margin-top: 0;
margin-bottom: 40px;
}
}
@media (min-width: 1200px) {
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
padding: 55px !important;
}
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title{
display: none;
}
.piecharts-theme-style .premium-progressbar-circle-content{
display: flex;
}
.piecharts-theme-style .premium-progressbar-circle-content .premium-progressbar-left-label{
order: 2;
margin-top: .2em !important;
margin-bottom: .7em !important;
}
.piecharts-theme-style .premium-progressbar-circle-content .premium-progressbar-right-label{
margin: 0 !important;
line-height: 1 !important;
}
.wpcf7-form-control-wrap.your-date,
.wpcf7-form-control-wrap.your-time{
position: relative;
}
.wpcf7-form-control-wrap.your-date::after,
.wpcf7-form-control-wrap.your-time::after{
content: "";
font-family: "icomoon";
font-size: 14px;
position: absolute;
top: -4px;
right: 20px;
color: var(--colorDark);
cursor: pointer;
z-index: 0;
}
.wpcf7 form .wpcf7-response-output{
background-color: var(--colorLight);
margin-left: 0;
margin-right: 0;
border-radius: 5px;
}
.l{
background-color: #fff;
background-color: var(--colorLight);
}
.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.l.m input[type=date],
.l.m input[type=datetime],
.l.m input[type=datetime-local],
.l.m input[type=email],
.l.m input[type=month],
.l.m input[type=number],
.l.m input[type=password],
.l.m input[type=search],
.l.m input[type=tel],
.l.m input[type=text],
.l.m input[type=time],
.l.m input[type=url],
.l.m input[type=week],
.l.m textarea,
.l.m select{
background-color: var(--colorLight);
}
.i{
background-color: var(--colorDarkGrey);
color: var(--colorLight);
}
.i input,
.i select,
.i textarea{
background-color: #fff;
border-color: rgba(128, 128, 128, .5);
color: #323232;
}
.i ::-webkit-input-placeholder{
color: #323232;
}
.i ::-moz-placeholder{
color: #323232;
}
.i :-moz-placeholder{
color: #323232;
}
.i :-ms-input-placeholder{
color: #323232;
}
.i h1,
.i h2,
.i h3,
.i h4,
.i h5,
.i h6{
color: #fff !important;
}
.i.title h1{
color: var(--colorMain) !important;
}
.i a{
color: #fff;
}
.i a:focus,
.i a:hover{
color: #43aee1;
color: var(--colorMain);
}
.i.footer a{
color: #989898;
}
.i.footer a:focus,
.i.footer a:hover{
color: #fff;
color: var(--colorLight);
}
.i li a:not([class]){
opacity: 1;
}
.i li a:not([class]):hover{
opacity: 1;
}
.i a[href*="mailto:"]{
opacity: 1;
color: var(--colorMain);
}
.i .is-style-outline .wp-block-button__link{
border-color: var(--colorLight);
color: var(--colorLight);
}
.i .is-style-outline .wp-block-button__link:hover{
color: var(--colorLight);
}
.i .wp-block-button__link:hover,
.i .wp-block-button__link:focus,
.i .button:hover,
.i .button:focus,
.i button:hover,
.i button:focus,
.i input[type=reset]:hover,
.i input[type=reset]:focus,
.i input[type=button]:hover,
.i input[type=button]:focus,
.i input[type=submit]:hover,
.i input[type=submit]:focus{
color: var(--colorLight);
}
.i.m{
background-color: #000;
background-color: var(--colorDarkMuted);
}
.i.c{
background-color: #43aee1;
background-color: var(--colorMain);
}
.i.c.c2{
background-color: #f69c1d;
background-color: var(--colorMain2);
}
.i.c.c3{
background-color: #78bf4d;
background-color: var(--colorMain3);
}
.i.c.c4{
background-color: #ffcc8d;
background-color: var(--colorMain4);
}
.i.c.gradient{
background-image: linear-gradient(0deg, #43aee1, #f69c1d);
background-image: linear-gradient(0deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.horizontal{
background-image: linear-gradient(90deg, #43aee1, #f69c1d);
background-image: linear-gradient(90deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.diagonal{
background-image: linear-gradient(45deg, #43aee1, #f69c1d);
background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2));
}
.i.c a:focus,
.i.c a:hover{
color: #fff;
}
.i.c a[href*="mailto:"]{
color: var(--colorLight);
}
.i.c input,
.i.c select,
.i.c textarea{
color: var(--colorDarkMuted);
}
.i.c [type=submit]{
color: var(--colorDark);
border-color: var(--colorMain);
}
.i.c [type=submit]:hover{
background-color: var(--colorMain);
color: var(--colorMain);
}
.i.c ::-webkit-input-placeholder{
color: var(--colorDarkMuted);
}
.i.c ::-moz-placeholder{
color: var(--colorDarkMuted);
}
.i.c :-moz-placeholder{
color: var(--colorDarkMuted);
}
.i.c :-ms-input-placeholder{
color: var(--colorDarkMuted);
}
.i.c .wp-block-button__link{
background-color: var(--colorLight);
color: var(--colorMain);
}
.i.c .wp-block-button__link:hover{
color: var(--colorLight);
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorLight);
}
.i .svg-icon svg{
fill: #fff;
}
.i .l.affix .svg-icon svg{
fill: #000;
fill: var(--colorDarkMuted);
}
.i blockquote cite,
.i .wp-block-quote cite{
color: var(--colorLight);
}
.i .item-content ul:not(.blocks-gallery-grid) li,
.i .item-content ol:not(.blocks-gallery-grid) li,
.i .comment-reply-title{
color: var(--colorLight) !important;
}
.i #comments.comments-area,
.i ul.products li.product .product-loop-item,
.i div.product .woocommerce-tabs .panel{
border-color: var(--colorLight) !important;
}
.i .affix.l,
.i .affix.l.m{
color: #fff;
}
.i .affix.l a,
.i .affix.l.m a{
color: #000;
color: var(--colorDarkMuted);
}
.i .affix.l a:hover,
.i .affix.l.m a:hover{
color: #43aee1;
color: var(--colorMain);
}
.i .section-hr{
background-color: rgba(255, 255, 255, .3);
}
.i .widget_nav_menu li a{
color: var(--colorLight);
}
.i.copyright .copyright-text{
color: var(--colorLight);
}
.bordered{
border: 1px solid;
border-color: #e5e5e5;
border-color: var(--colorBorder);
}
.i .bordered{
border-color: rgba(255, 255, 255, .3);
}
.muted{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.l.m .muted{
background-color: #fff;
background-color: var(--colorLight);
}
.i .muted{
background-color: rgba(255, 255, 255, .1);
}
.shadow{
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.i .shadow{
box-shadow: 0 0 20px 0 rgba(255, 255, 255, .1);
}
.d-none{
display: none !important;
}
.text-uppercase{
text-transform: uppercase;
}
.extra-padding,
.bordered,
.muted,
.shadow{
padding: 50px;
}
@media (max-width: 500px) {
.extra-padding,
.bordered,
.muted,
.shadow{
padding: 30px;
}
}
.rounded{
border-radius: 10px;
overflow: hidden;
}
.background-overlay{
position: relative;
}
.background-overlay:before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--colorDarkGrey);
opacity: .8;
border-radius: 0 !important;
}
.background-overlay.overlay-light:before{
background-color: rgba(255, 255, 255, .75);
}
.background-overlay > *{
position: relative;
}
.background-cover{
background-position: 50% 0;
background-size: cover;
}
.background-cover.cover-center{
background-position: 50% 50%;
}
.background-cover.cover-top{
background-position: 50% 1px;
}
.background-fixed{
background-attachment: fixed;
}
.dropdown{
position: relative;
}
.fs-9{
font-size: 9px;
}
.fs-10{
font-size: 10px;
}
.fs-11{
font-size: 11px;
}
.fs-12{
font-size: 12px;
}
.fs-13{
font-size: 13px;
}
.fs-14{
font-size: 14px;
}
.fs-15{
font-size: 15px;
}
.fs-16{
font-size: 16px;
}
.fs-17{
font-size: 17px;
}
.fs-18{
font-size: 18px;
}
.fs-19{
font-size: 19px;
}
.fs-20{
font-size: 20px;
}
.fs-21{
font-size: 21px;
}
.fs-22{
font-size: 22px;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left !important;
}
.fw-100{
font-weight: 100;
}
.fw-300,
.thin{
font-weight: 300;
}
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.fw-700,
.bolder{
font-weight: 700;
}
.fw-900,
.bold{
font-weight: 900;
}
.w-100{
width: 100%;
}
.border-bottom{
border-bottom: 1px solid var(--colorDark);
}
@media (min-width: 1199px) {
.mt-xl--115{
margin-top: -115px;
z-index: -1;
}
}
@media (min-width: 1199px) {
.mt-xl--320{
margin-top: -320px;
}
}
.overflow-hidden{
overflow: hidden;
}
@-webkit-keyframes pulse-icon-color-main {
70%{
box-shadow: 0 0 0 1em rgba(67, 174, 225, 0), 0 0 0 .5em rgba(67, 174, 225, 0);
}
100%{
box-shadow: 0 0 0 0 rgba(67, 174, 225, 0), 0 0 0 0 rgba(67, 174, 225, 0);
}
}
@media (min-width: 992px) {
.desktop-opacity-none .wp-block-getwid-media-text-slider-slide-content__media-overlay{
opacity: 0 !important;
}
}
@media (min-width: 992px) {
.desktop-section-overlay-none .wp-block-getwid-section__foreground{
opacity: 0 !important;
}
}
.bg-position-section-little-right .wp-block-getwid-section__background{
background-position: 60% center;
}
.bg-position-little-right img{
-o-object-position: 65%;
object-position: 65%;
}
.round-text{
position: absolute;
bottom: 60px;
right: 0;
-webkit-animation: iqrotation 15s infinite linear;
animation: iqrotation 15s infinite linear;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@media (max-width: 1599px) {
.round-text{
right: 15px;
}
}
.round-text img{
position: relative;
max-height: 170px;
}
@-webkit-keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@media (max-width: 1199px) {
.round-text{
display: none;
}
}
.hidden,
.d-none,
.shown-xl,
.shown-lg,
.shown-md,
.shown-sm,
.shown-xs{
display: none;
}
@media (max-width: 1599px) {
.hidden-xl{
display: none;
}
}
@media (max-width: 1199px) {
.hidden-lg{
display: none;
}
}
@media (max-width: 991px) {
.hidden-md{
display: none;
}
}
@media (max-width: 767px) {
.hidden-sm{
display: none;
}
}
@media (max-width: 599px) {
.hidden-xs{
display: none;
}
}
@media (max-width: 1599px) {
.shown-xl{
display: block;
}
}
@media (max-width: 1199px) {
.shown-lg{
display: block;
}
}
@media (max-width: 991px) {
.shown-md{
display: block;
}
}
@media (max-width: 767px) {
.shown-sm{
display: block;
}
}
@media (max-width: 599px) {
.shown-xs{
display: block;
}
}
.animate.an__fadeInLeft{
-webkit-animation: 5s infinite linear;
animation: 5s infinite linear;
-webkit-animation-play-state: unset;
animation-play-state: unset;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
from{
opacity: 0;
-webkit-transform: translate3d(0, -9%, 0);
transform: translate3d(0, -9%, 0);
}
to{
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from{
opacity: 0;
-webkit-transform: translate3d(0, -9%, 0);
transform: translate3d(0, -9%, 0);
}
to{
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.with-sidebar.sidebar-left .column-aside{
margin-right: 30px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-10{
margin-right: 10px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-15{
margin-right: 15px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-20{
margin-right: 20px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-30{
margin-right: 30px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-40{
margin-right: 40px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-60{
margin-right: 60px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-80{
margin-right: 80px !important;
margin-left: 0 !important;
}
.with-sidebar .column-aside{
margin-left: 30px !important;
}
.with-sidebar .column-aside.m-lg-10{
margin-left: 10px !important;
}
.with-sidebar .column-aside.m-lg-15{
margin-left: 15px !important;
}
.with-sidebar .column-aside.m-lg-20{
margin-left: 20px !important;
}
.with-sidebar .column-aside.m-lg-30{
margin-left: 30px !important;
}
.with-sidebar .column-aside.m-lg-40{
margin-left: 40px !important;
}
.with-sidebar .column-aside.m-lg-50{
margin-left: 50px !important;
}
.with-sidebar .column-aside.m-lg-60{
margin-left: 60px !important;
}
.with-sidebar .column-aside.m-lg-80{
margin-left: 80px !important;
}
}
.mt-10{
margin-top: 10px;
}
.mt-20{
margin-top: 20px;
}
.mt-30{
margin-top: 30px;
}
.top-margin-120{
margin-top: -120px;
}
.position-relative{
position: relative;
}
.divided-content > *{
display: inline-block;
padding-right: 6px;
}
.divided-content > * + *:before{
content: "|";
display: inline-block;
padding-right: 10px;
color: var(--colorLight);
}
.pt-50,
.container.pt-50{
padding-top: 50px;
}
.pb-50,
.container.pb-50{
padding-bottom: 50px;
}
.pt-100,
.container.pt-100{
padding-top: 100px;
}
@media (max-width: 1199px) {
.pt-100,
.container.pt-100{
padding-top: 75px;
}
}
@media (max-width: 479px) {
.pt-100,
.container.pt-100{
padding-top: 50px;
}
}
.pb-90,
.container.pb-90{
padding-bottom: 90px;
}
@media (max-width: 1199px) {
.pb-90,
.container.pb-90{
padding-bottom: 75px;
}
}
@media (max-width: 479px) {
.pb-90,
.container.pb-90{
padding-bottom: 50px;
}
}
.container{
position: relative;
max-width: 1170px;
padding: 0 15px;
margin: auto;
}
.container:before,
.container:after{
content: "";
display: block;
clear: both;
}
.container-1520 .main .container,
.container-1520 .title .container,
.container-1520 .header .container,
.container-1520 .toplogo .container,
.container-1520 .page_topline .container{
max-width: 1170px;
}
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .page_topline .container{
max-width: 1170px;
}
.container-960 .main .container,
.container-960 .title .container,
.container-960 .header .container,
.container-960 .toplogo .container,
.container-960 .page_topline .container{
max-width: 960px;
}
.container-720 .main .container,
.container-720 .title .container,
.container-720 .header .container,
.container-720 .toplogo .container,
.container-720 .page_topline .container{
max-width: 720px;
}
.main.container-1520 > .container,
.title.container-1520 > .container{
max-width: 1170px;
}
.main.container-1170 > .container,
.title.container-1170 > .container{
max-width: 1170px;
}
.main.container-960 > .container,
.title.container-960 > .container{
max-width: 960px;
}
.main.container-720 > .container,
.title.container-720 > .container{
max-width: 770px;
}
.row:before,
.row:after{
content: "";
display: block;
clear: both;
}
.container-fluid{
position: relative;
}
.container-fluid:before,
.container-fluid:after{
content: "";
display: block;
clear: both;
}
.title .container-fluid,
.footer .container-fluid,
.copyright .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1920px) {
.container,
.container-fluid{
padding-left: 15px;
padding-right: 15px;
}
.header .container,
.header .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.container-md-flex{
display: flex;
align-items: center;
}
}
.cols-1,
.gallery-columns-1{
display: block;
}
.cols-1 > *,
.cols-1 > .grid-sizer,
.cols-1 > .grid-item,
.gallery-columns-1 > *,
.gallery-columns-1 > .grid-sizer,
.gallery-columns-1 > .grid-item{
width: 100%;
}
.cols-2,
.gallery-columns-2{
display: flex;
flex-wrap: wrap;
}
.cols-2 > *,
.gallery-columns-2 > *{
width: 50%;
}
.cols-3,
.gallery-columns-3{
display: flex;
flex-wrap: wrap;
}
.cols-3 > *,
.gallery-columns-3 > *{
width: 33.333%;
}
.cols-4,
.gallery-columns-4{
display: flex;
flex-wrap: wrap;
}
.cols-4 > *,
.gallery-columns-4 > *{
width: 25%;
}
.cols-5,
.gallery-columns-5{
display: flex;
flex-wrap: wrap;
}
.cols-5 > *,
.gallery-columns-5 > *{
width: 20%;
}
.cols-6,
.gallery-columns-6{
display: flex;
flex-wrap: wrap;
}
.cols-6 > *,
.gallery-columns-6 > *{
width: 16.666%;
}
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9{
display: flex;
flex-wrap: wrap;
}
.gallery-columns-7 > *,
.gallery-columns-8 > *,
.gallery-columns-9 > *{
width: 16.666%;
}
.grid-wrapper{
display: flex;
flex-wrap: wrap;
}
.grid-wrapper .grid-sizer{
display: none;
}
.grid-item .post-title{
font-size: 1.1em;
}
.layout-gap-1 .grid-wrapper,
.layout-gap-1 .masonry{
margin-left: -1px;
margin-right: 0;
}
.layout-gap-1 .grid-item{
padding-right: 0;
padding-left: 1px;
}
.layout-gap-2 .grid-wrapper,
.layout-gap-2 .masonry{
margin-left: -1px;
margin-right: -1px;
}
.layout-gap-2 .grid-item{
padding-right: 1px;
padding-left: 1px;
}
.layout-gap-3 .grid-wrapper,
.layout-gap-3 .masonry{
margin-left: -2px;
margin-right: -1px;
}
.layout-gap-3 .grid-item{
padding-right: 1px;
padding-left: 2px;
}
.layout-gap-4 .grid-wrapper,
.layout-gap-4 .masonry{
margin-left: -2px;
margin-right: -2px;
}
.layout-gap-4 .grid-item{
padding-right: 2px;
padding-left: 2px;
}
.layout-gap-5 .grid-wrapper,
.layout-gap-5 .masonry{
margin-left: -3px;
margin-right: -2px;
}
.layout-gap-5 .grid-item{
padding-right: 2px;
padding-left: 3px;
}
.layout-gap-10 .grid-wrapper,
.layout-gap-10 .masonry{
margin-left: -5px;
margin-right: -5px;
}
.layout-gap-10 .grid-item{
padding-right: 5px;
padding-left: 5px;
}
.layout-gap-15 .grid-wrapper,
.layout-gap-15 .masonry{
margin-left: -8px;
margin-right: -7px;
}
.layout-gap-15 .grid-item{
padding-right: 7px;
padding-left: 8px;
}
.layout-gap-20 .grid-wrapper,
.layout-gap-20 .masonry{
margin-left: -10px;
margin-right: -10px;
}
.layout-gap-20 .grid-item{
padding-right: 10px;
padding-left: 10px;
}
.layout-gap-30 .grid-wrapper,
.layout-gap-30 .masonry{
margin-left: -15px;
margin-right: -15px;
}
.layout-gap-30 .grid-item{
padding-right: 15px;
padding-left: 15px;
}
.layout-gap-40 .grid-wrapper,
.layout-gap-40 .masonry{
margin-left: -20px;
margin-right: -20px;
}
.layout-gap-40 .grid-item{
padding-right: 20px;
padding-left: 20px;
}
.layout-gap-50 .grid-wrapper,
.layout-gap-50 .masonry{
margin-left: -25px;
margin-right: -25px;
}
.layout-gap-50 .grid-item{
padding-right: 25px;
padding-left: 25px;
}
.layout-gap-60 .grid-wrapper,
.layout-gap-60 .masonry{
margin-left: -30px;
margin-right: -30px;
}
.layout-gap-60 .grid-item{
padding-right: 30px;
padding-left: 30px;
}
.grid-sizer,
.grid-item{
width: 100%;
}
@media screen and (min-width: 768px) {
.grid-sizer,
.grid-item{
width: 50%;
}
.layout-cols-1 .grid-item{
width: 100%;
}
}
@media screen and (min-width: 992px) {
.layout-cols-3 .grid-sizer,
.layout-cols-3 .grid-item{
width: 33.3333%;
}
.layout-cols-4 .grid-sizer,
.layout-cols-4 .grid-item,
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item,
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 25%;
}
}
@media screen and (min-width: 1200px) {
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item{
width: 20%;
}
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 16.666%;
}
}
@media screen and (min-width: 576px) {
.masonry-grid{
width: calc(100% + 50px);
margin-right: -25px;
margin-left: -25px;
}
.masonry-grid > * > *{
margin: 25px;
}
.masonry-2-cols > * > *,
.masonry-3-cols > * > *,
.masonry-4-cols > * > *{
width: calc(50% - 50px);
}
}
@media screen and (min-width: 992px) {
.masonry-3-cols > * > *{
width: calc(33.3333% - 50px);
}
.masonry-4-cols > * > *{
width: calc(25% - 50px);
}
}
.section{
margin-left: -100em;
margin-right: -100em;
padding-left: 100em;
padding-right: 100em;
}
.with-sidebar .section{
margin-left: 0;
margin-right: 0;
padding-left: 1.5em;
padding-right: 1.5em;
}
@media (max-width: 1200px) {
.section.alignfull{
padding-left: 0;
padding-right: 0;
}
}
.decor{
position: relative;
z-index: 2;
-webkit-clip-path: inset(-60px 0);
clip-path: inset(-60px 0);
}
.decor:before,
.decor:after{
content: "";
position: absolute;
left: 0;
right: 0;
height: 60px;
top: -59px;
background-color: #fff;
background-color: var(--colorLight);
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
display: none;
}
.decor:after{
top: auto;
bottom: -59px;
-webkit-transform: scaleY(-1) scaleX(-1);
transform: scaleY(-1) scaleX(-1);
}
@media (max-width: 1199px) {
.decor:before,
.decor:after{
height: 30px;
top: -29px;
}
.decor:after{
top: auto;
bottom: -29px;
}
}
.decor.section:before,
.decor.section:after{
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.decor.decor-t-inverse:before{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.decor.decor-b-inverse:after{
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.chev-t:before{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.chev-b:after{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.arr-t:before{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.arr-b:after{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: none;
transform: none;
}
.decor.m:before,
.decor.m:after{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.decor.i:before,
.decor.i:after{
background-color: #141414;
background-color: var(--colorDark);
}
.decor.i.m:before,
.decor.i.m:after{
background-color: #000;
background-color: var(--colorDarkMuted);
}
.decor.c:before,
.decor.c:after{
background-color: #43aee1;
background-color: var(--colorMain);
}
.decor.c2:before,
.decor.c2:after{
background-color: #f69c1d;
background-color: var(--colorMain2);
}
.decor.gradient:after{
background-color: #f69c1d;
background-color: var(--colorMain2);
}
.decor-t:before,
.decor-t-inverse:before,
.arr-t:before,
.chev-t:before,
.decor-b:after,
.decor-b-inverse:after,
.arr-b:after,
.chev-b:after{
display: block;
}
.screen{
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.posts-list{
padding: 0;
margin: 0;
text-align: left;
counter-reset: li !important;
}
.posts-list img{
display: block;
line-height: 1;
}
.posts-list li{
display: flex;
position: relative;
}
.posts-list li img{
max-width: 70px;
min-width: 70px;
height: auto;
border-radius: 5px;
}
.posts-list li h3,
.posts-list li h4{
line-height: 1;
margin: 0 0 4px;
font-size: 16px;
}
.posts-list li h3 a:hover,
.posts-list li h4 a:hover{
color: var(--colorMain);
}
.posts-list li + li{
margin-top: 1.875em;
}
.posts-list li.list-has-post-thumbnail::before{
display: none;
}
.posts-list .posts-list-thumbnail{
margin-right: 20px;
width: auto;
}
.posts-list .item-content{
display: flex;
flex-direction: column;
justify-content: center;
}
.icon-inline-wrap{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.icon-inline-wrap > span:first-child{
margin-right: 20px;
}
li .post-date.icon-inline{
font-size: 14px;
font-weight: 400;
line-height: 1.3;
display: flex;
align-items: center;
color: #f69c1d;
color: var(--colorMain2);
}
li .post-date.icon-inline svg{
fill: #f69c1d;
fill: var(--colorMain2);
max-width: 1em;
max-height: 1em;
}
.i li .post-date.icon-inline{
color: #fff;
color: var(--colorLight);
}
.i li .post-date.icon-inline svg{
fill: #fff;
fill: var(--colorLight);
}
.posts-list-thumbnail{
display: block;
position: relative;
width: 100%;
}
.posts-list-thumbnail img{
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.posts-list-thumbnail .svg-icon{
position: absolute;
top: 0;
right: 0;
line-height: 38px;
width: 30px;
height: 30px;
text-align: center;
background-color: rgba(0, 0, 0, .5);
}
.posts-list-thumbnail .svg-icon svg{
fill: #fff;
}
.post-title{
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 0;
}
.sub-title{
margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
.posts-featured{
margin-bottom: 1em;
}
.posts-featured-item{
margin-bottom: 1em;
}
}
@media screen and (min-width: 768px) {
.posts-wrap .content-absolute{
height: 100%;
}
}
.posts-single-item + .posts-single-item,
.posts-single-item + .posts-side-item,
.posts-side-item + .posts-single-item,
.posts-side-item + .posts-side-item{
margin-top: 2em;
}
.widget-posts-title-only h3.post-title{
margin-top: 0;
}
.widget-posts-title-only li + li{
margin-top: 0;
}
.column-aside .posts-wrap{
display: block;
}
.column-aside .posts-wrap > *{
width: 100%;
}
.column-aside .grid-wrapper{
display: block;
}
.column-aside .grid-wrapper .grid-item{
width: 100%;
}
.column-aside .posts-featured-item{
margin-bottom: 2em;
}
.layout-cols article{
margin-bottom: 3.5em;
}
.layout-cols .grid-item:last-child article{
margin-bottom: 0;
}
@media (min-width: 768px) {
.d-grid{
display: grid;
grid-gap: 1em;
}
.d-grid [class*=item-]{
position: relative;
overflow: hidden;
}
.d-grid [class*=item-] img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.layout-gap-1 .d-grid{
grid-gap: 1px;
}
.layout-gap-2 .d-grid{
grid-gap: 2px;
}
.layout-gap-3 .d-grid{
grid-gap: 3px;
}
.layout-gap-4 .d-grid{
grid-gap: 4px;
}
.layout-gap-5 .d-grid{
grid-gap: 5px;
}
.layout-gap-10 .d-grid{
grid-gap: 10px;
}
.layout-gap-15 .d-grid{
grid-gap: 15px;
}
.layout-gap-20 .d-grid{
grid-gap: 20px;
}
.layout-gap-30 .d-grid{
grid-gap: 30px;
}
.layout-gap-40 .d-grid{
grid-gap: 40px;
}
.layout-gap-50 .d-grid{
grid-gap: 50px;
}
.layout-gap-60 .d-grid{
grid-gap: 60px;
}
.grid-4-cols,
.grid-2-cols{
grid-template-columns: 1fr 1fr;
}
.grid-2-cols-big-first{
grid-template-columns: 2fr 1fr;
}
.grid-3-cols{
grid-template-columns: 1fr 1fr 1fr;
}
.layout-2-cols-loop .post-grid-item:nth-child(6n-1),
.layout-2-cols-loop .post-grid-item:nth-child(6n+1),
.layout-2-cols-loop .post-grid-item:nth-child(1){
grid-row: auto/span 2;
}
}
@media (min-width: 992px) {
.grid-4-cols{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.read-all-link{
display: block;
margin-top: 2em;
text-align: right;
}
.text-center .read-all-link{
text-align: center;
}
.widget .widgettitle{
font-size: 30px;
line-height: 39px;
margin-bottom: 30px;
}
.widget-posts-default.layout-slider .posts-list li.list-has-post-thumbnail::before{
display: none;
}
.widget-posts-default.layout-slider .posts-list li img{
max-width: 440px;
max-height: 440px;
}
.widget-posts-default.layout-slider .item-content .author-avatar img{
border-radius: 50%;
}
body.single-post.with-sidebar.sidebar-left .title-wrap,
body.single-post.with-sidebar .title-wrap,
body.single-post.no-sidebar .title-wrap,
body.singular.with-sidebar.sidebar-left .title-wrap,
body.singular.with-sidebar .title-wrap,
body.singular.no-sidebar .title-wrap{
position: relative;
text-align: left;
}
body.single-post.with-sidebar.sidebar-left .title-wrap .background-author,
body.single-post.with-sidebar .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author,
body.singular.with-sidebar.sidebar-left .title-wrap .background-author,
body.singular.with-sidebar .title-wrap .background-author,
body.singular.no-sidebar .title-wrap .background-author{
content: "post";
font-family: "Kristi";
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
color: var(--colorBackground);
position: absolute;
top: -60px;
z-index: -1;
}
body.single-post.with-sidebar.sidebar-left .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post,
body.singular.with-sidebar.sidebar-left .title-wrap .author-post,
body.singular.with-sidebar .title-wrap .author-post,
body.singular.no-sidebar .title-wrap .author-post{
color: var(--colorMain2);
margin-bottom: 20px;
font-size: 16px;
line-height: 21px;
font-weight: bold;
}
body.single-post.with-sidebar.sidebar-left .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title,
body.singular.with-sidebar.sidebar-left .title-wrap .entry-title,
body.singular.with-sidebar .title-wrap .entry-title,
body.singular.no-sidebar .title-wrap .entry-title{
font-weight: 500;
font-size: 80px;
line-height: 80px;
color: var(--colorDark);
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title,
body.singular.with-sidebar.sidebar-left .title-wrap .entry-title,
body.singular.with-sidebar .title-wrap .entry-title,
body.singular.no-sidebar .title-wrap .entry-title{
font-size: 42px;
line-height: 50px;
margin-bottom: 30px;
}
}
body.single-post.with-sidebar.sidebar-left .meta-tags,
body.single-post.with-sidebar .meta-tags,
body.single-post.no-sidebar .meta-tags,
body.singular.with-sidebar.sidebar-left .meta-tags,
body.singular.with-sidebar .meta-tags,
body.singular.no-sidebar .meta-tags{
order: 2;
margin-left: auto;
margin-right: 0;
}
body.single-post.with-sidebar.sidebar-left .share_buttons,
body.single-post.with-sidebar .share_buttons,
body.single-post.no-sidebar .share_buttons,
body.singular.with-sidebar.sidebar-left .share_buttons,
body.singular.with-sidebar .share_buttons,
body.singular.no-sidebar .share_buttons{
order: 1;
margin-left: 0;
margin-right: auto;
}
body.single-post.with-sidebar.sidebar-left .share_buttons .dropdown ul,
body.single-post.with-sidebar .share_buttons .dropdown ul,
body.single-post.no-sidebar .share_buttons .dropdown ul,
body.singular.with-sidebar.sidebar-left .share_buttons .dropdown ul,
body.singular.with-sidebar .share_buttons .dropdown ul,
body.singular.no-sidebar .share_buttons .dropdown ul{
padding: .1em .5em !important;
}
body.single-post.with-sidebar.sidebar-left .share_buttons .dropdown ul li::before,
body.single-post.with-sidebar .share_buttons .dropdown ul li::before,
body.single-post.no-sidebar .share_buttons .dropdown ul li::before,
body.singular.with-sidebar.sidebar-left .share_buttons .dropdown ul li::before,
body.singular.with-sidebar .share_buttons .dropdown ul li::before,
body.singular.no-sidebar .share_buttons .dropdown ul li::before{
display: none;
}
body.single-post.with-sidebar.sidebar-left .item-content,
body.single-post.with-sidebar .item-content,
body.single-post.no-sidebar .item-content,
body.singular.with-sidebar.sidebar-left .item-content,
body.singular.with-sidebar .item-content,
body.singular.no-sidebar .item-content{
padding: 35px;
max-width: 1000px;
margin: 0 auto;
}
@media (max-width: 399px) {
body.single-post.with-sidebar.sidebar-left .item-content,
body.single-post.with-sidebar .item-content,
body.single-post.no-sidebar .item-content,
body.singular.with-sidebar.sidebar-left .item-content,
body.singular.with-sidebar .item-content,
body.singular.no-sidebar .item-content{
padding: 25px 20px;
}
}
body.single-post.with-sidebar.sidebar-left .item-content .first-paragraph,
body.single-post.with-sidebar .item-content .first-paragraph,
body.single-post.no-sidebar .item-content .first-paragraph,
body.singular.with-sidebar.sidebar-left .item-content .first-paragraph,
body.singular.with-sidebar .item-content .first-paragraph,
body.singular.no-sidebar .item-content .first-paragraph{
font-weight: 500;
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
}
body.single-post.with-sidebar.sidebar-left .item-content p,
body.single-post.with-sidebar .item-content p,
body.single-post.no-sidebar .item-content p,
body.singular.with-sidebar.sidebar-left .item-content p,
body.singular.with-sidebar .item-content p,
body.singular.no-sidebar .item-content p{
margin-bottom: 15px;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid),
body.single-post.with-sidebar.sidebar-left .item-content ol:not(.blocks-gallery-grid),
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid),
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid),
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid),
body.single-post.no-sidebar .item-content ol:not(.blocks-gallery-grid),
body.singular.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid),
body.singular.with-sidebar.sidebar-left .item-content ol:not(.blocks-gallery-grid),
body.singular.with-sidebar .item-content ul:not(.blocks-gallery-grid),
body.singular.with-sidebar .item-content ol:not(.blocks-gallery-grid),
body.singular.no-sidebar .item-content ul:not(.blocks-gallery-grid),
body.singular.no-sidebar .item-content ol:not(.blocks-gallery-grid){
list-style: none;
padding-left: 20px;
margin-bottom: 20px;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid) li,
body.single-post.with-sidebar.sidebar-left .item-content ol:not(.blocks-gallery-grid) li,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid) li,
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid) li,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid) li,
body.single-post.no-sidebar .item-content ol:not(.blocks-gallery-grid) li,
body.singular.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid) li,
body.singular.with-sidebar.sidebar-left .item-content ol:not(.blocks-gallery-grid) li,
body.singular.with-sidebar .item-content ul:not(.blocks-gallery-grid) li,
body.singular.with-sidebar .item-content ol:not(.blocks-gallery-grid) li,
body.singular.no-sidebar .item-content ul:not(.blocks-gallery-grid) li,
body.singular.no-sidebar .item-content ol:not(.blocks-gallery-grid) li{
position: relative;
padding: 4px 0 4px 0;
font-weight: 400;
color: var(--colorDark);
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post.with-sidebar.sidebar-left .item-content ol:not(.blocks-gallery-grid) li::before,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid) li::before,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post.no-sidebar .item-content ol:not(.blocks-gallery-grid) li::before,
body.singular.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid) li::before,
body.singular.with-sidebar.sidebar-left .item-content ol:not(.blocks-gallery-grid) li::before,
body.singular.with-sidebar .item-content ul:not(.blocks-gallery-grid) li::before,
body.singular.with-sidebar .item-content ol:not(.blocks-gallery-grid) li::before,
body.singular.no-sidebar .item-content ul:not(.blocks-gallery-grid) li::before,
body.singular.no-sidebar .item-content ol:not(.blocks-gallery-grid) li::before{
content: "";
position: absolute;
width: 5px;
height: 5px;
background-color: var(--colorMain2);
border-radius: 50%;
left: -20px;
top: 50%;
margin-top: -3px;
}
body.single-post.with-sidebar.sidebar-left #comments,
body.single-post.with-sidebar #comments,
body.single-post.no-sidebar #comments,
body.singular.with-sidebar.sidebar-left #comments,
body.singular.with-sidebar #comments,
body.singular.no-sidebar #comments{
margin-top: 60px;
padding: 55px;
background-color: rgba(0, 0, 0, 0);
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .1);
}
body.single-post.with-sidebar.sidebar-left #comments.alignfull,
body.single-post.with-sidebar #comments.alignfull,
body.single-post.no-sidebar #comments.alignfull,
body.singular.with-sidebar.sidebar-left #comments.alignfull,
body.singular.with-sidebar #comments.alignfull,
body.singular.no-sidebar #comments.alignfull{
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
left: 0;
right: 0;
}
body.single-post.with-sidebar.sidebar-left #comments .comment-reply-title,
body.single-post.with-sidebar #comments .comment-reply-title,
body.single-post.no-sidebar #comments .comment-reply-title,
body.singular.with-sidebar.sidebar-left #comments .comment-reply-title,
body.singular.with-sidebar #comments .comment-reply-title,
body.singular.no-sidebar #comments .comment-reply-title{
font-size: 20px;
margin: 0 0 25px;
line-height: 1;
}
body.single-post.with-sidebar.sidebar-left #comments .comment-form,
body.single-post.with-sidebar #comments .comment-form,
body.single-post.no-sidebar #comments .comment-form,
body.singular.with-sidebar.sidebar-left #comments .comment-form,
body.singular.with-sidebar #comments .comment-form,
body.singular.no-sidebar #comments .comment-form{
margin-bottom: 0;
}
body.single-post.no-sidebar .title-wrap{
text-align: center;
}
body.single-post.no-sidebar .title-wrap .background-author{
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.side-item .post-thumbnail{
margin-bottom: 0;
}
.side-item .item-content{
padding-top: 2em;
}
@media screen and (min-width: 576px) {
.side-item{
display: flex;
}
.side-item > *{
flex: 2 1;
}
.side-item > *:first-child{
flex: 1 1;
margin-right: 30px;
}
.side-item.has-post-thumbnail .item-content{
padding-top: 0;
}
}
.item-media img{
display: block;
}
.content-absolute{
position: relative;
display: flex;
}
.content-absolute .entry-title{
margin-bottom: .3em;
}
.content-absolute .overlap-content{
position: absolute;
padding: 3em 1em 1em;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content h1,
.content-absolute .overlap-content h2,
.content-absolute .overlap-content h3,
.content-absolute .overlap-content h4{
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content a{
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content a:hover{
color: #fff;
color: var(--colorLight);
opacity: .7;
}
.content-absolute .overlap-content span .svg-icon svg{
fill: #fff;
}
.content-absolute .overlap-content .entry-footer{
padding: 0;
border: none;
margin-top: .5em;
color: rgba(255, 255, 255, .7);
}
.content-absolute .overlap-content .entry-footer a:hover{
color: #43aee1;
color: var(--colorMain);
}
.content-absolute h2,
.content-absolute h3{
margin-bottom: .15em;
}
.content-absolute p:last-child{
margin-bottom: 0;
}
.abs-link{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.icon-box{
margin-bottom: 2em;
}
.icon-box .icon-box-content{
padding-top: 1em;
}
.icon-box h3{
margin-bottom: .75em;
}
.icon-box .icon-box-media{
display: block;
}
.icon-box .icon-box-media img,
.icon-box .icon-box-media svg{
display: block;
margin-bottom: 1.75em;
}
.icon-box.text-center img,
.icon-box.text-center svg{
margin-left: auto;
margin-right: auto;
}
.icon-box.horizontal{
display: flex;
}
.icon-box.horizontal img,
.icon-box.horizontal svg{
max-width: 100px;
margin-right: 1em;
}
.icon-box.horizontal h3{
margin-bottom: .5em;
}
body{
position: relative;
left: 0;
}
body:after{
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 1001;
visibility: hidden;
opacity: 0;
}
body,
body:after,
.page_header_side{
transition: all .8s ease-in-out;
}
body{
transition-property: left, right;
}
body.active-side-header{
left: 310px;
}
body.active-side-header .page_header_side{
left: 0;
}
body.active-side-header:after{
visibility: visible;
opacity: 1;
}
.page_header_side{
z-index: 1002;
position: fixed;
width: 310px;
left: -310px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header{
box-shadow: 0 0px 3px 3px rgba(50, 50, 50, .15);
}
.page_header_side .social-links-wrap{
margin-top: 10px;
text-align: center;
}
.page_header_side .social-links-wrap a .svg-icon svg{
fill: #b2b2b2;
}
.page_header_side .social-links-wrap a:hover .svg-icon svg{
fill: var(--colorMain);
}
.side_header_inner{
padding: 60px 30px;
}
.side_header_inner .logo_text{
text-align: left;
}
.toggle_menu_side{
position: absolute;
top: 15px;
right: -65px;
background-color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
box-shadow: 0 0 4px 0 rgba(50, 50, 50, .5);
}
.toggle_menu_side:before{
font-family: "FontAwesome";
content: "";
}
.active-slide-side-header .toggle_menu_side:before,
.active-side-header .toggle_menu_side:before{
content: "";
}
.ds .toggle_menu_side{
background-color: var(--colorDark);
color: var(--colorLight);
}
@media (max-width: 350px) {
.toggle_menu_side{
top: 5px;
right: -55px;
}
}
.page_header_side.active-slide-side-header{
left: 0;
}
.page_header_side.header_side_right{
left: auto;
right: -310px;
}
.page_header_side.header_side_right.active-slide-side-header{
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side{
right: auto;
left: -65px;
}
@media (max-width: 350px) {
.page_header_side.header_side_right .toggle_menu_side{
left: -50px;
}
}
body.active-side-header.slide-right{
left: -310px;
}
body.active-side-header.slide-right .page_header_side{
left: auto;
right: 0;
}
.mainmenu_side_wrapper ul ul,
.mainmenu_side_wrapper .mega-menu{
height: 0;
overflow: hidden;
}
.mainmenu_side_wrapper ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.mainmenu_side_wrapper .mega-menu > ul{
height: auto;
}
.menu-side-click{
padding: 0;
}
.menu-side-click li{
position: relative;
list-style: none;
}
.menu-side-click li a{
margin-right: 25px;
}
.menu-side-click li .activate_submenu{
cursor: pointer;
position: absolute;
right: 0;
top: 11px;
font-size: 16px;
color: var(--colorMain);
text-align: center;
width: 25px;
}
.menu-side-click li .activate_submenu:before{
content: "+";
}
.menu-side-click li.active-submenu > .activate_submenu:before{
content: "-";
}
.menu-side-click ul{
padding-left: 20px;
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity .05s, height .05s ease;
}
.menu-side-click .active-submenu > div{
height: auto;
}
.menu-side-click .active-submenu > ul,
.menu-side-click .active-submenu > div > ul{
display: block;
opacity: 1;
height: auto;
transition: opacity .6s, height .6s ease;
}
.scroll-wrapper{
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
.scroll-wrapper > .scroll-content{
border: none;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{
height: 0;
width: 0;
}
.scroll-wrapper.scroll--rtl{
direction: rtl;
}
.scroll-element{
box-sizing: content-box;
display: none;
}
.scroll-element div{
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{
display: block;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx > .scroll-element div{
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track{
display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar{
background-color: rgba(127, 127, 127, .4);
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-radius: 7px;
transition: opacity .2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7;
}
.scrollbar-macosx > .scroll-element.scroll-x{
bottom: 0;
height: 0;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y{
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 0;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar{
height: 7px;
min-width: 10px;
top: -9px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{
left: -9px;
min-height: 10px;
width: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer{
left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size{
left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer{
top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size{
top: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
top: -11px;
}
.scrollbar-macosx{
height: 100%;
overflow: hidden;
overflow: scroll;
}
.page_topline .page_topline_wrap{
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.page_topline .page_topline_wrap{
display: block;
text-align: center;
}
}
section.page_topline{
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
}
section.page_topline a{
text-transform: uppercase;
}
.topline{
position: relative;
}
.header-absolute-wrap .topline{
background-color: rgba(0, 0, 0, 0);
}
.topline .container,
.topline .container-fluid{
display: flex;
align-items: center;
padding-top: .5em;
padding-bottom: .5em;
}
.topline .container > *:first-child,
.topline .container-fluid > *:first-child{
margin-right: auto;
}
@media (min-width: 1200px) {
.topline .container-fluid > *{
margin-left: 15px;
margin-right: 15px;
}
}
.topline .icon-inline{
margin: 0 1em 0 0;
}
.topline .icon-inline:last-child{
margin-right: 0;
}
@media (min-width: 1200px) {
.topline .dropdown-menu.site-meta .icon-inline:first-child .svg-icon{
margin-left: -3px;
}
}
@media screen and (max-width: 991px) {
.topline .dropdown-menu-md{
display: none;
}
.topline .active .dropdown-menu-md{
min-width: 300px;
max-width: 310px;
padding: 1em 1em;
display: block;
position: absolute;
z-index: 11;
background-color: #fff;
background-color: var(--colorLight);
color: #666;
color: var(--colorFont);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.topline .active .dropdown-menu-md a:not([class]){
color: #000;
color: var(--colorDarkMuted);
}
.topline .active .dropdown-menu-md a:not([class]):hover{
color: #43aee1;
color: var(--colorMain);
}
.topline .active .dropdown-menu-md svg{
fill: #000;
fill: var(--colorDarkMuted);
}
.topline .active .dropdown-menu-md > *{
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.topline .active .dropdown-menu-md > * + *{
margin-top: .7em;
}
.topline .icon-inline{
margin-right: 0;
height: auto;
}
}
.topline.l{
color: var(--colorDarkMuted);
}
.right .dropdown-menu{
right: 0;
}
#topline_dropdown_toggle{
height: 26px;
margin-left: -0.5em;
}
.right #topline_dropdown_toggle{
margin-right: -0.5em;
}
@media screen and (min-width: 992px) {
#topline_dropdown_toggle{
display: none;
}
}
.toplogo{
position: relative;
}
.toplogo>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.toplogo .container-fluid,
.toplogo .container{
padding-left: 0;
padding-right: 0;
}
@media (min-width: 991px) {
.toplogo .logo.logo-left{
padding-left: 15px;
}
}
.toplogo .meta-wrap{
line-height: 1;
}
.toplogo .meta-wrap > *{
margin: .5em 0;
}
.toplogo [class*=cols-]{
align-items: center;
}
@media (max-width: 599px) {
.toplogo [class*=cols-]{
flex-direction: column;
}
.toplogo [class*=cols-]>*{
width: auto;
}
.toplogo [class*=cols-] .search-social-wrap,
.toplogo [class*=cols-] .meta-wrap{
margin: 1em 0;
}
}
@media (min-width: 600px) {
.toplogo [class*=cols-]>*:last-child{
text-align: right;
justify-content: flex-end;
}
}
.toplogo .search-social-wrap.flex-column{
align-items: flex-end;
flex-direction: column;
}
.toplogo .search-social-wrap.flex-column > *{
margin: 1em 0;
}
.toplogo .search-social-wrap.flex-column > * + *{
margin-top: 0;
}
.toplogo .container-md-flex .icon-inline .svg-icon{
line-height: 1;
margin-right: 4px;
}
.toplogo .container-md-flex .icon-inline .svg-icon:hover{
-webkit-animation: scaleDisappear .5s;
animation: scaleDisappear .5s;
}
.toplogo .container-md-flex .icon-inline .svg-icon.icon-phone svg{
fill: var(--colorMain);
}
.toplogo .container-md-flex .icon-inline .svg-icon.icon-clock-outline svg{
fill: var(--colorMain2);
}
.toplogo .container-md-flex .icon-inline .svg-icon svg{
max-width: 42px;
max-height: 42px;
}
@-webkit-keyframes scaleDisappear {
0%{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
60%{
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100%{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleDisappear {
0%{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
60%{
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100%{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.toplogo .container-md-flex .icon-inline .body .title{
text-align: left;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 3px;
}
.toplogo .container-md-flex .icon-inline .body .text{
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: .8;
color: var(--colorFont);
margin-bottom: 8px;
}
@media (max-width: 991px) {
.toplogo .container-md-flex .icon-inline{
margin-top: 1em !important;
}
}
@media (max-width: 991px) {
.toplogo{
text-align: center;
}
}
.toplogo .container-md-flex .logo{
margin-right: auto;
}
.toplogo .container-md-flex .icon-inline,
.toplogo .container-md-flex .search-social-wrap{
margin: 0 15px;
}
.search-social-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.header-absolute-wrap{
position: relative;
}
.header-absolute-content{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.header div.container,
.header div.container-fluid,
.header-wrap{
min-height: 80px;
}
.header-wrap.transparent{
background-color: rgba(0, 0, 0, 0);
}
.header-wrap.absolute{
min-height: 0;
}
.header{
top: 0;
left: 0;
right: 0;
position: relative;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
z-index: 10000;
}
.header.transparent{
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.header.affix{
position: fixed;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .1);
background-color: #fff;
background-color: var(--colorLight);
}
.header.affix.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.header.affix.i{
background-color: #141414;
background-color: var(--colorDark);
}
.header.affix.i.m{
background-color: #000;
background-color: var(--colorDarkMuted);
}
.header.affix.i.c{
background-color: #43aee1;
background-color: var(--colorMain);
}
.header.affix .section-hr{
opacity: 0;
}
.header.affix.scrolling-down{
transition-timing-function: ease-in;
transition-duration: .25s;
}
.header.affix.scrolling-up{
transition-timing-function: ease-out;
transition-duration: .3s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header.affix.always-sticky{
-webkit-transform: none;
transform: none;
}
.header div.container,
.header div.container-fluid{
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1600px) {
.header div.container-fluid{
padding-left: 57px;
padding-right: 57px;
}
}
.header #nav_toggle{
display: none;
}
.header.header-2:not(.affix) .logo,
.header.header-3:not(.affix) .logo{
display: none;
opacity: 0;
}
#header-image .l:not(.affix),
#header-image .i:not(.affix),
#header-image .m:not(.affix){
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.header-login{
margin-right: 1em;
}
.header-login .svg-icon{
padding-right: .5em;
position: relative;
bottom: -1px;
}
.header-login button{
transition: all .3s ease-in-out;
font-size: inherit;
}
.header-login button:hover{
color: var(--colorMain);
}
.l .header-login button{
color: var(--colorDarkMuted);
}
.l .header-login button:hover{
color: var(--colorMain);
}
.header-search{
position: relative;
}
@media (min-width: 400px) {
.header .header-search .search-form{
margin: 0 1em;
}
}
.header-search #search_toggle{
border: none;
background: rgba(0, 0, 0, 0);
font-size: 14px;
}
.header-search #search_toggle .fa.fa-search{
margin-right: 7px;
color: var(--colorDarkGrey);
}
@media (max-width: 1199px) {
.header-search #search_toggle .fa.fa-search{
color: var(--colorLight);
}
}
.header-search #search_toggle:hover .fa.fa-search{
color: var(--colorMain);
}
.header-button{
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.header-button{
margin: 0 1em;
}
}
.no-logo .header-button{
margin: 0 0 0 1em;
}
@media (max-width: 1199px) {
.no-logo .header-button{
margin: 10px 0;
}
}
.header-meta .icon-inline{
font-size: 16px;
margin-left: 10px;
}
.header-meta .svg-icon{
padding: 10px;
border-radius: 50%;
margin-right: 4px;
}
#search_dropdown{
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 0;
transition: all .25s ease-in-out;
-webkit-transform: scale(0);
transform: scale(0);
}
#search_dropdown .search-form input{
background-color: rgba(0, 0, 0, 0);
border: none;
color: var(--colorLight);
}
#search_dropdown .search-form input::-webkit-input-placeholder{
color: var(--colorLight);
}
#search_dropdown .search-form input:-ms-input-placeholder{
color: var(--colorLight);
}
#search_dropdown .search-form input::placeholder{
color: var(--colorLight);
}
#search_dropdown.active{
opacity: 1;
background-color: rgba(0, 0, 0, 0);
z-index: 10003;
-webkit-transform: scale(1);
transform: scale(1);
}
#search_dropdown form{
margin: 0 0 0 40px;
}
#search_modal_close{
position: fixed;
left: -60px;
top: 10px;
transition: right .6s ease;
width: 40px;
height: 40px;
margin: 0;
}
#search_modal_close span,
#search_modal_close span:before,
#search_modal_close span:after{
background-color: var(--colorLight);
}
.active + #search_modal_close{
left: 0;
z-index: 100003;
}
#search_modal_close:hover span,
#search_modal_close:hover span:before,
#search_modal_close:hover span:after{
background-color: var(--colorMain2);
}
#login_modal_close{
background-color: var(--colorLight);
color: var(--colorLight);
position: fixed;
right: -60px;
top: 5px;
transition: right .6s ease;
z-index: 999;
}
.active + #login_modal_close{
right: 0;
z-index: 22;
}
.cart-price{
font-size: 16px;
}
@media (max-width: 575px) {
.cart-price{
display: none;
}
}
.l .cart-price{
color: var(--colorDarkMuted);
}
@media (min-width: 1600px) {
.header.header-1 div.container-fluid{
padding-left: 65px;
padding-right: 65px;
}
}
.header.header-1 img{
max-width: 60px;
max-height: 60px;
}
.header-4.i .cart-dropdown .dropdown-toggle .cart-count{
color: var(--colorLight);
}
.header-4.i a.social-icon.border-icon{
border-color: var(--colorLight);
}
.header-4.i .icon-inline.phone span:last-child{
color: var(--colorLight);
}
.header-4.i.affix .icon-inline.phone span:first-child{
display: none;
}
.header-4.i li a:not([class]){
opacity: 1;
}
.header-4.i .top-menu li.menu-item-has-children:after{
-webkit-filter: grayscale(1) brightness(1000%);
filter: grayscale(1) brightness(1000%);
}
@media (min-width: 1200px) {
.header-4 .top-menu ul{
border-radius: 0;
padding: 50px;
background-color: var(--colorBackground);
}
.header-4 .top-menu ul li{
min-width: 140px;
}
.header-4 .top-menu ul li:not(:last-child) > a{
padding-bottom: 30px;
}
.header-4 .top-menu ul.sub-menu .current-menu-item > a{
color: var(--colorMain2);
}
.header-4 .current-menu-ancestor > a{
color: var(--colorMain2) !important;
}
.header-4 .current-menu-ancestor > a::before{
width: 100%;
}
.header-4 .top-menu ul.sub-menu a:hover{
color: var(--colorMain2);
}
.header-4 .top-menu li.menu-item-has-children .sub-menu li.menu-item-has-children:after{
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.header-4 .top-menu li.menu-item-has-children:after{
-webkit-filter: grayscale(1) brightness(0%);
filter: grayscale(1) brightness(0%);
}
.header-4.header-tall .logo{
padding-top: 4px;
padding-bottom: 4px;
}
.header-4 .cart-dropdown .cart-dropdown-menu{
border-radius: 0;
box-shadow: none;
top: 67px;
}
.header-4.affix .cart-dropdown .cart-dropdown-menu{
top: 47px;
}
.header-4.l.affix{
background-color: var(--colorBackground);
}
.header-4.l.affix .icon-inline.phone span:first-child{
display: none;
}
.header-4 li.current-menu-item > a,
.header-4 li.current_page_parent > a{
color: var(--colorMain2);
}
.header-4 .logo .logo-text .logo-text-secondary{
font-weight: 600;
}
@media screen and (min-width: 1200px) {
.header-4 .top-menu li a{
font-size: 14px;
font-weight: 500;
}
.header-4 .top-menu li a::before{
background-color: var(--colorMain2);
height: 1px;
}
.header-4 .top-menu li a:hover{
color: var(--colorMain2);
}
.header-4 .top-menu.menu-low-items > li{
margin: 0 25px;
padding: 46px 0;
}
.header-4.affix .top-menu.menu-low-items > li{
padding: 24px 0;
}
}
.header-4 .meta-wrap{
display: flex;
align-items: center;
justify-content: end;
}
.header-4 .social-links a + a{
margin-left: 10px;
}
.header-4 .social-links-wrap{
margin: 0 25px;
}
@media (max-width: 1600px)and (min-width: 1200px) {
.header-4 .social-links-wrap{
margin: 0 0 0 25px;
}
}
.header-4 a.social-icon.border-icon{
border-color: var(--colorDark);
border-width: 1px;
width: 40px;
height: 40px;
}
.header-4 a.social-icon.border-icon:hover{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.header-4 a.social-icon.border-icon:hover .svg-icon svg{
fill: var(--colorMain2);
}
.header-4 .icon-inline.phone{
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
padding-left: 20px;
border-left: 1px solid var(--colorBorder);
margin-left: 25px;
max-width: 155px;
}
.header-4 .icon-inline.phone span:first-child{
width: 100%;
color: var(--colorFont);
font-size: 14px;
font-weight: 500;
}
.header-4 .icon-inline.phone span:last-child{
font-size: 18px;
font-weight: 600;
}
.header-4 .cart-dropdown .dropdown-toggle{
display: flex;
align-items: center;
padding: 0;
margin: 0 25px;
}
.header-4 .cart-dropdown .dropdown-toggle:hover .svg-icon svg{
fill: var(--colorMain3);
}
.header-4 .cart-dropdown .dropdown-toggle .svg-icon svg{
transition: all .25s ease-in-out;
fill: var(--colorMain2);
}
.header-4 .cart-dropdown .dropdown-toggle .cart-count{
position: relative;
right: 0;
-webkit-transform: none;
transform: none;
color: var(--colorDark);
font-size: 14px;
font-weight: 500;
order: 2;
margin-left: 5px;
}
@media (min-width: 1200px) {
.header-4 #dropdown-cart{
background-color: var(--colorBackground);
border: none;
}
}
.header-4 .cart-dropdown .cart-dropdown-menu a:not([class]){
color: var(--colorFont);
}
.header-4 .cart-dropdown .cart-dropdown-menu a:not([class]):hover{
color: var(--colorDark);
}
.header-4 .logo img{
max-height: 60px;
}
.header-4 .logo .logo-text{
margin: 0 .3em;
}
@media (min-width: 1200px) {
.header-4#header.header-tall:not(.affix) .logo{
padding-top: 30px;
padding-bottom: 30px;
}
.header-4#header.header-tall .logo{
padding-top: 10px;
padding-bottom: 10px;
}
}
@media screen and (min-width: 1200px) {
.header-4 .top-nav{
padding: 0;
}
}
.admin-bar .side_header_inner{
margin-top: 32px;
}
.admin-bar#body .page_header_side.header_side_right .toggle_menu_side,
.admin-bar#body .page_header_side.header_side_right.active-slide-side-header .toggle_menu_side{
top: 52px;
}
.logo-wrap{
text-align: center;
line-height: 1;
}
.logo-link{
display: inline-block;
}
.logo{
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
white-space: nowrap;
}
.logo:hover{
color: inherit;
text-decoration: none;
}
.logo.px{
padding-left: 1.5em;
padding-right: 1.5em;
}
.logo .logo-text{
padding: 5px 15px 5px 8px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
}
.logo .logo-text .logo-text-primary{
font-weight: 900;
font-size: 30px;
line-height: 1.1;
}
.logo .logo-text .logo-text-secondary{
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .1em;
display: block;
width: 100%;
margin-left: 2px;
color: #989898;
}
@media (min-width: 1200px) {
.container .logo.no-image .logo-text{
margin: 0;
}
}
.logo:not(.logo-between) .logo-text-primary{
font-size: 30px;
font-weight: 900;
}
#header .logo{
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 1200px) {
#header.menu-center.has-menu .logo{
margin-right: 0;
}
}
#header.header-tall:not(.affix) .logo{
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1200px) {
#header.header-tall:not(.affix) .logo{
padding-top: 35px;
padding-bottom: 35px;
}
}
.logo.logo-left{
text-align: left;
}
.logo.logo-left span span{
display: block;
}
.logo.logo-vertical{
display: inline-block;
text-align: center;
}
.logo.logo-vertical span{
display: block;
}
.logo.logo-between span{
padding: 0 1em;
}
.logo.logo-between.no-image{
padding: 0 .25em;
}
.logo.logo-between.no-image span{
padding: 0 .25em;
}
.logo img{
width: auto;
display: inline;
}
#header.page_header_side .logo{
margin-bottom: 40px;
}
#header.page_header_side .logo .logo-text{
padding: 5px 0 5px 8px;
}
.footer .logo-footer{
position: relative;
}
.footer .logo-footer .logo-text{
padding: 0;
position: relative;
z-index: 1;
}
.footer .logo-footer .logo-bg{
position: absolute;
top: -18px;
left: calc(50% - 40px);
opacity: .3;
z-index: 0;
}
.section-hr{
box-sizing: border-box;
position: absolute;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e5e5e5;
background-color: var(--colorBorder);
width: 100%;
}
.container .section-hr,
.section-hr.container{
left: 0;
right: 0;
max-width: 1170px;
}
.section-hr:first-child{
bottom: auto;
top: 0;
}
#box{
display: flex;
flex-direction: column;
min-height: 100vh;
}
#box.box-fade-in{
transition: opacity .35s ease-out;
opacity: 0;
}
.window-loaded #box.box-fade-in{
opacity: 1;
}
.title{
position: relative;
}
.title h1{
margin-top: 0;
margin-bottom: 0;
}
.title .breadcrumbs{
margin: 17px 0 0;
}
.title .breadcrumbs > span{
display: inline-block;
margin: 0 10px;
}
.title .search-form{
margin: 1em 0;
max-width: 400px;
}
.title.text-center .search-form{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.title.title-inline>[class*=container]{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.title.title-inline h1 + nav{
margin-left: 15px;
padding-left: 15px;
}
.title.title-inline .search-form{
margin-left: 2em;
margin-right: 2em;
}
}
.title.title-3 .container{
overflow: hidden;
}
.title.title-3 .breadcrumbs{
margin: 15px 0 0;
text-transform: uppercase;
}
.title.title-3 h1{
font-size: 32px;
}
@media (min-width: 768px) {
.title.title-3 h1{
font-size: 40px;
word-wrap: break-word;
font-weight: 900;
}
}
.title.title-3 a,
.title.title-3 span.breadcrumb_last,
.title.title-3 span.breadcrumbs_item:last-child{
margin: 0;
padding: 0 10px;
}
.title.title-3 span.breadcrumb_last,
.title.title-3 span.breadcrumbs_item:last-child{
color: var(--colorMain);
}
.intro{
position: relative;
}
@media (min-width: 768px) {
.intro .d-grid{
align-items: center;
}
.intro.image-right .d-grid > *:first-child{
order: 2;
}
}
@media (max-width: 767px) {
.intro .d-grid .intro-section-text{
padding-top: 2em;
text-align: center;
}
}
.intro.image-top .intro-section-text{
margin-top: 3em;
}
.intro.image-bottom .intro-section-text{
margin-bottom: 3em;
}
.intro .intro-social-links{
display: none;
}
@media (max-width: 1364px) {
.intro .intro-social-links{
display: block;
}
}
.intro .intro-social-links .social-links{
margin-bottom: 1em;
}
@media (max-width: 767px) {
.intro .intro-social-links .social-links{
justify-content: center;
}
}
.intro .intro-social-links-absolute{
display: none;
}
@media (min-width: 1365px) {
.intro .intro-social-links-absolute{
display: block;
position: absolute;
top: 50%;
left: 2%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.intro .intro-social-links-absolute .social-links{
flex-direction: column;
}
.intro .intro-social-links-absolute .social-links a{
margin: 10px;
}
@media (min-width: 1400px) {
.intro.image-scale .intro-image{
margin: 20% 0;
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
.intro-buttons{
margin-top: 2em;
}
#main{
position: relative;
flex-grow: 1;
overflow: hidden;
}
.with-sidebar #main{
overflow: visible;
}
.column-aside{
max-width: 440px;
margin: 4em 0 0;
}
.column-aside .widgets-wrap.sticky{
position: sticky;
top: 40px;
}
.column-aside .widgets-wrap > * + *{
margin-top: 55px;
}
@media (max-width: 767px) {
.column-aside .widgets-wrap > * + *{
margin-top: 50px;
}
}
@media screen and (min-width: 320px)and (max-width: 991px) {
.column-aside{
max-width: none;
}
.column-aside .widgets-wrap{
display: flex;
flex-wrap: wrap;
}
.column-aside .widgets-wrap > *{
margin-top: 0;
margin-bottom: 3em;
flex: 1 1 100%;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child{
margin-bottom: 0;
}
}
@media screen and (min-width: 992px) {
.with-sidebar .main-columns{
display: flex;
}
.with-sidebar .column-main{
width: 66.666%;
padding-right: 0;
}
.with-sidebar .sidebar-gap-1 .column-main{
padding-right: 1rem;
}
.with-sidebar .sidebar-gap-2 .column-main{
padding-right: 2rem;
}
.with-sidebar .sidebar-gap-3 .column-main{
padding-right: 3rem;
}
.with-sidebar .sidebar-gap-4 .column-main{
padding-right: 4rem;
}
.with-sidebar .column-aside{
margin-top: 0;
width: 33.333%;
}
.with-sidebar .sidebar-25 .column-main{
width: 75%;
}
.with-sidebar .sidebar-25 .column-aside{
width: 25%;
}
.sidebar-left .column-aside{
order: 1;
}
.sidebar-left .column-main{
order: 2;
padding-right: 0 !important;
padding-left: 0;
}
.sidebar-left .sidebar-gap-1 .column-main{
padding-left: 1em;
}
.sidebar-left .sidebar-gap-2 .column-main{
padding-left: 2em;
}
.sidebar-left .sidebar-gap-3 .column-main{
padding-left: 3em;
}
.sidebar-left .sidebar-gap-4 .column-main{
padding-left: 4em;
}
}
.sidebar-home > *{
margin-bottom: 4em;
}
@media screen and (min-width: 767px) {
.sidebar-home{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3em;
}
.sidebar-home > *{
margin-bottom: 0;
}
.sidebar-home > .widget-fullwidth{
grid-column: 1/span 3;
}
}
.sidebar-home-before{
margin-bottom: 4em;
}
.sidebar-home-after{
margin-top: 4em;
}
.footer-top.footer-top-2{
padding-top: 74px;
}
.footer-top.footer-top-2 .footer_top-heading{
line-height: 1;
margin-top: 20px;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 60px;
color: var(--colorDark);
}
.footer-top.footer-top-2 .footer_top-shortcode{
margin-top: 50px;
}
.footer-top.footer-top-2 input[type=email]{
width: 740px;
min-height: 60px;
background: var(--colorLight);
border-radius: 5px;
padding: 15px 30px;
border: none;
text-align: center;
}
@media (max-width: 991px) {
.footer-top.footer-top-2 input[type=email]{
width: 280px;
}
}
.footer-top.footer-top-2 input[type=email]::-webkit-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 input[type=email]:-ms-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 input[type=email]::placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 button[type=submit]{
border-color: var(--colorMain);
}
.footer-top.footer-top-2 button[type=submit]:hover{
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.footer-top.footer-top-2 form.mc4wp-form label{
margin-bottom: 32px;
}
}
.footer-top .grid-wrapper{
align-items: center;
}
.footer{
position: relative;
overflow: hidden;
}
.footer-widgets > *{
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.footer-widgets > div + div{
margin-top: 30px;
}
}
@media screen and (min-width: 768px) {
.footer-widgets.one-half-only{
width: 50%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.footer-widgets.one-half-first > *:first-child{
width: 50%;
}
.footer-widgets.one-half-second > *:nth-child(2){
width: 50%;
}
.footer-widgets.second-third-narrow > *:nth-child(2),
.footer-widgets.second-third-narrow > *:nth-child(3){
width: 16.666%;
}
}
.footer-widgets-fullwidth > * + *{
margin-top: 3em;
}
footer .social-links-list{
margin: 30px 0 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
footer .social-links-list i{
line-height: 40px;
}
footer .social-links-list li:not(:last-child){
margin-right: 10px;
}
@media (min-width: 768px) {
footer.footer-7{
padding-bottom: 38px;
}
}
footer.i .widget{
color: #989898;
}
footer.i .widget a[href*="mailto:"]{
color: var(--colorMain2);
text-decoration: none !important;
}
footer.i .widget a[href*="mailto:"]:hover{
color: var(--colorMain);
}
footer.i .widget a[href*="tell:"]{
color: var(--colorMain3);
font-weight: 500;
font-size: 24px;
line-height: 31px;
}
footer.i .widget .lofo-footer{
margin-top: -8px;
}
footer .widget_nav_menu ul li.menu-item:first-child{
border: none;
}
footer .widget_nav_menu ul li.menu-item{
border: none;
line-height: 30px;
min-height: 45px;
}
footer .widget_nav_menu ul li.menu-item a{
opacity: 1;
padding: 0;
color: var(--colorFont);
}
footer .widget_nav_menu ul li.menu-item a:hover{
color: var(--colorLight);
}
footer .leaf > img{
max-width: 170px !important;
display: block;
}
footer .leaf-circular-text .wp-block-group__inner-container{
position: relative;
}
footer .leaf-circular-text .wp-block-group__inner-container figure{
position: relative;
}
footer .leaf-circular-text .wp-block-group__inner-container::before{
content: "";
display: block;
position: absolute;
width: 170px;
height: 170px;
background-image: url(//ehg-services.ch/wp-content/themes/aircool/assets/img/circular-text.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .2;
border-radius: 50%;
-webkit-animation: iqrotation 15s infinite linear;
animation: iqrotation 15s infinite linear;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
footer .lofo-footer{
max-width: 50px;
}
.copyright{
position: relative;
}
.copyright .copyright-text{
margin: 10px 0;
text-transform: uppercase;
color: var(--colorDark);
font-weight: normal;
}
.copyright .copyright-menu{
margin: .5em 0;
padding: 0;
list-style: none;
}
@media (min-width: 1520px) {
.copyright .copyright-menu{
padding-right: 72px;
}
}
.copyright .copyright-menu li{
display: inline-block;
margin: 0;
}
.copyright .copyright-menu li a:hover{
color: var(--colorLight);
}
.copyright .copyright-menu li:not(:last-child)::after{
content: "|";
position: relative;
left: .5em;
}
.copyright .copyright-menu li + li{
margin-left: 10px;
}
.copyright .cols-2{
align-items: center;
}
@media screen and (max-width: 767px) {
.copyright .cols-2{
display: block;
}
.copyright .cols-2 > *{
width: auto;
}
}
.copyright .cols-2 > *:last-child{
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
.copyright .cols-2 > *:last-child:not(:only-child){
margin-top: 0;
text-align: right;
}
}
#to-top{
position: fixed;
right: 10px;
bottom: -50px;
background-color: #43aee1;
background-color: var(--colorMain);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
text-align: center;
transition: all .25s ease-in-out;
z-index: 2;
opacity: .7;
}
#to-top.visible{
bottom: 10px;
}
#to-top:before{
color: #fff;
content: "";
font-size: 16px;
line-height: 48px;
font-family: "FontAwesome";
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all .2s linear;
}
#to-top:hover{
opacity: 1;
bottom: 8px;
}
#overlay{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 20;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, .001);
transition: all .25s ease-in-out;
}
.top-menu-active #overlay,
.side-menu-active #overlay,
.login-dropdown-active #overlay,
.search-dropdown-active #overlay{
background-color: rgba(0, 0, 0, .9);
opacity: 1;
visibility: visible;
}
.search-dropdown-active #overlay{
z-index: 24;
}
.embed-responsive{
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.pswp__zoom-wrap .embed-responsive{
max-width: 90%;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.pswp__zoom-wrap .embed-responsive{
max-width: 50%;
}
}
#login_dropdown{
z-index: -20;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -50%;
margin-left: auto;
margin-right: auto;
transition: all .4s ease-in-out;
}
#login_dropdown.active{
display: flex;
z-index: 99;
top: 100px;
max-width: 800px;
max-height: 500px;
height: 100%;
width: calc(100% - 30px);
overflow-y: auto;
background-color: var(--colorLight);
}
.modal{
display: none;
width: 100%;
border: 1px solid var(--colorDark);
}
.modal.active{
display: flex;
}
.modal > *{
padding: 2em 1.5em;
}
.modal h4{
font-weight: 400;
}
.modal .form-section{
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.modal .form-section form,
.modal .form-section input:not([type=submit]):not([type=checkbox]){
width: 100%;
}
.modal .img-section{
flex-shrink: 0;
width: 50%;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.modal .img-section p{
margin-bottom: 0;
}
.modal .img-section h4{
margin-top: .3em;
margin-bottom: 1em;
}
.modal .img-section > *{
z-index: 1;
}
.modal .img-section p,
.modal .img-section h4{
color: var(--colorLight);
}
.modal .img-section::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: var(--colorDarkMuted);
opacity: .5;
z-index: 0;
}
@media (max-width: 767px) {
.modal .img-section{
display: none;
}
}
#footer.l a{
color: var(--colorFont);
}
#footer.l a:hover{
color: var(--colorMain);
}
ul a:not([href]):empty{
display: none;
}
.nav-btn{
width: 60px;
height: 60px;
border: none;
padding: 0;
text-align: center;
position: relative;
cursor: pointer;
}
@media (max-width: 1199px) {
.nav-btn{
margin-left: -15px;
}
}
.nav-btn[id]{
background: rgba(0, 0, 0, 0);
}
.nav-btn:hover,
.nav-btn:focus{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span,
.nav-btn span:before,
.nav-btn span:after{
width: 30px;
height: 2px;
margin: auto;
left: 0;
display: block;
position: relative;
content: "";
background: #323232;
background: var(--colorDarkGrey);
transition: .25s all ease-in-out;
}
.i .nav-btn span,
.i .nav-btn span:before,
.i .nav-btn span:after{
background: #fff;
background: var(--colorLight);
}
.i .l.affix .nav-btn span,
.i .l.affix .nav-btn span:before,
.i .l.affix .nav-btn span:after{
background: #141414;
background: var(--colorDark);
}
.nav-btn[aria-expanded=true] span{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span:before{
bottom: 10px;
opacity: 1;
}
.nav-btn span:after{
top: 8px;
}
.nav-btn[aria-expanded=true] span:before{
top: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-btn[aria-expanded=true] span:after{
top: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-btn.type-dots{
width: 28px;
height: 28px;
}
.nav-btn.type-dots span,
.nav-btn.type-dots span:before,
.nav-btn.type-dots span:after{
height: 3px;
width: 3px;
border-radius: 50%;
}
.nav-btn.type-dots span:before{
bottom: 6px;
}
.nav-btn.type-dots span:after{
top: 3px;
}
.nav-btn.type-dots[aria-expanded=true] span,
.nav-btn.type-dots[aria-expanded=true] span:before,
.nav-btn.type-dots[aria-expanded=true] span:after{
width: 22px;
height: 2px;
border-radius: 0;
}
.nav-btn.type-dots[aria-expanded=true] span:after{
top: -1px;
}
[class*=container]>.nav-btn:first-child{
margin: 0 .5em;
}
[class*=container]>.nav-btn:last-child{
margin: 0 .5em;
}
.top-nav{
position: relative;
flex: 1 1;
}
.top-nav a,
.top-nav a:hover{
text-decoration: none;
}
@media screen and (min-width: 1200px) {
.top-nav{
position: relative;
flex: 1 1;
display: flex;
align-items: center;
}
.menu-center .top-nav{
justify-content: center;
}
.menu-right .top-nav{
justify-content: flex-end;
}
.no-logo .top-menu > li:first-child{
margin-left: 0;
}
.top-menu{
display: flex;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
line-height: 1.1;
}
.menu-right .top-menu{
justify-content: flex-end;
}
.menu-center .top-menu{
justify-content: center;
}
.top-menu ~ .nav-btn{
display: none;
}
.top-menu a{
font-weight: bold;
}
.top-menu ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
opacity: 0;
transition: all .2s ease-in;
background: #fff;
background: var(--colorLight);
margin-top: 10px;
text-align: left;
padding: 15px 0;
border-radius: 5px;
border-top: 5px solid var(--colorMain);
box-shadow: 2px 0 20px rgba(0, 0, 0, .2);
min-width: 10em;
}
.top-menu ul a{
display: inline-block;
text-transform: uppercase;
font-weight: 400;
white-space: nowrap;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
}
.top-menu ul.sub-menu a{
color: #323232;
color: var(--colorDarkGrey);
}
.top-menu ul.sub-menu a:hover{
color: #43aee1;
color: var(--colorMain);
}
.top-menu ul.sub-menu .current-menu-item > a{
color: #43aee1;
color: var(--colorMain);
}
.top-menu li{
position: relative;
}
.top-menu li:hover,
.top-menu li:focus,
.top-menu li:focus-within{
overflow: visible;
}
.top-menu li:hover > ul,
.top-menu li:focus > ul,
.top-menu li:focus-within > ul{
z-index: 2;
display: block;
opacity: 1;
margin-top: 0;
}
.top-menu ul ul{
top: -20px;
left: 100%;
border-color: var(--colorMain2);
}
.top-menu ul ul li.menu-item-has-children:after{
position: absolute;
right: 1em;
top: .5em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.top-menu ul ul.sub-menu li a:hover{
color: #f69c1d;
color: var(--colorMain2);
}
.top-menu ul ul ul{
min-width: 0;
padding: 0 0 0 .5em;
top: 0;
left: 0;
margin-top: 0;
opacity: 1;
position: relative;
display: block;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
}
.top-menu > li{
margin: 0 15px;
overflow: hidden;
}
.top-menu > li:hover{
overflow: visible;
}
.top-menu > li > a{
display: inline-block;
padding: .5em 0;
position: relative;
text-transform: uppercase;
font-weight: 400;
line-height: 30px;
}
}
@media screen and (min-width: 1200px)and (min-width: 1400px) {
.top-menu > li > a{
margin-left: 15px;
margin-right: 15px;
}
}
@media screen and (min-width: 1200px)and (min-width: 992px) {
.top-menu > li > a{
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 1200px)and (min-width: 992px) {
.top-menu > li > a{
padding-top: 25px;
padding-bottom: 25px;
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 1200px) {
.top-menu > li:last-child{
margin-right: 0;
}
}
@media screen and (min-width: 1200px) {
.top-menu.menu-low-items > li{
margin: 0 15px;
}
.top-menu.menu-low-items > li:last-child{
margin-right: 0;
}
}
@media screen and (min-width: 1200px) {
.top-menu > .current_page_parent > a:before,
.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before{
width: 100%;
}
}
@media (min-width: 1200px) {
.top-menu > .current_page_parent > a,
.top-menu > .current-menu-parent > a,
.top-menu > .current-menu-item > a,
.top-menu > .current-menu-ancestor > a{
color: var(--colorMain) !important;
}
}
@media screen and (max-width: 1199px) {
.top-menu-active{
height: 100%;
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.top-nav{
display: block;
z-index: 21;
width: 0;
position: fixed;
overflow: auto;
background-color: var(--colorDarkGrey);
padding: 70px 20px 10px 10px;
top: 0;
left: 0;
bottom: 0;
right: 100%;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 400;
word-wrap: break-word;
text-align: left;
transition: all .4s ease-out 0s;
opacity: 0;
}
.top-nav::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: var(--colorMain);
display: block;
width: 100%;
height: 60px;
}
.top-nav.active{
visibility: visible;
opacity: 1;
width: 100%;
}
.top-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.top-nav ul ul li:before{
content: "-";
display: inline-block;
position: relative;
margin-right: .8em;
}
.top-nav li{
padding: .2em 0;
}
.top-nav .top-menu > li{
display: block;
padding: 10px 15px;
position: relative;
font-size: 14px;
}
.top-nav .top-menu > li:before{
display: none;
}
.top-nav .top-menu > li > a{
color: #fff;
}
.top-nav .top-menu a{
color: #fff;
color: var(--colorl #ffffff);
}
.top-nav .top-menu a:hover{
color: #43aee1;
color: var(--colorMain);
}
.top-nav .nav-btn{
position: fixed;
right: 0;
top: 0;
}
.top-nav .nav-btn span,
.top-nav .nav-btn span:before,
.top-nav .nav-btn span:after{
background: #fff;
background: var(--colorl #ffffff);
}
.top-nav .nav-btn#nav_close{
position: absolute;
margin: 0;
}
.top-nav .menu-many-items{
padding: 0;
}
.top-nav .menu-many-items i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.top-nav .menu-many-items .toggle_submenu{
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
text-align: center;
opacity: 1;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all .4s ease-out 0s;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
background-color: rgba(0, 0, 0, 0);
z-index: 1;
}
.top-nav .menu-many-items .toggle_submenu:before{
position: relative;
top: 1px;
line-height: 30px;
content: "";
font-family: "FontAwesome";
font-size: 20px;
color: var(--colorDarkFont);
}
.top-nav .menu-many-items li{
position: relative;
}
.top-nav .menu-many-items > li{
transition: .3s ease-in-out;
}
.top-nav .menu-many-items .active-submenu .sub-menu > li:first-child{
margin-top: 10px;
}
.top-nav .menu-many-items .active-submenu > .toggle_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.top-nav .menu-many-items ul{
opacity: 0;
height: 0;
}
.top-nav .menu-many-items ul li{
padding: 10px;
}
.top-nav .menu-many-items ul li .toggle_submenu{
right: -5px;
}
.top-nav .menu-many-items .active-submenu > ul{
opacity: 1;
height: auto;
}
.top-nav .menu-many-items ul{
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
#header #nav_toggle{
display: block;
}
#header.no-logo #nav_toggle{
margin-right: auto;
}
}
.topline-menu{
list-style: none;
padding: 0;
margin: 0;
}
@media screen and (max-width: 991px) {
.topline-menu li + li{
margin-top: .7em;
}
}
@media screen and (min-width: 992px) {
.topline-menu li{
margin: 0 .5em;
display: inline-block;
}
.topline-menu li:first-child{
margin-left: 0;
}
.topline-menu li:last-child{
margin-right: 0;
}
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail{
max-width: 100%;
height: auto;
display: block;
}
.wp-caption{
margin-bottom: 1em;
}
.wp-caption-text{
margin-bottom: 1em;
}
.sticky{
display: block;
position: relative;
}
.screen-reader-text{
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus{
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery-item{
margin-bottom: 1em;
}
.bypostauthor{
display: block;
}
.alignleft{
max-width: 50%;
float: left;
margin-top: 0;
margin-right: 1.5em;
margin-bottom: 1em;
clear: both;
}
.alignright{
max-width: 50%;
float: right;
margin-top: 0;
margin-left: 1.5em;
margin-bottom: 1em;
clear: both;
}
.aligncenter{
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
}
.search-form{
position: relative;
}
.search-form input{
border: none;
background-color: var(--colorLight);
height: 60px;
min-height: 60px;
color: var(--colorDark);
width: 100%;
padding-left: 30px;
padding-right: 60px;
padding-top: 16px;
padding-bottom: 15px;
font-size: 14px;
line-height: 30px;
font-weight: 300;
border: 1px solid var(--colorBorder);
}
.search-form input::-webkit-input-placeholder{
text-transform: uppercase;
color: var(--colorDark);
opacity: 1;
}
.search-form input:-ms-input-placeholder{
text-transform: uppercase;
color: var(--colorDark);
opacity: 1;
}
.search-form input::placeholder{
text-transform: uppercase;
color: var(--colorDark);
opacity: 1;
}
.search-form button{
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 60px;
height: 60px;
}
.search-form button::before{
display: none;
}
.search-form button .fa.fa-search{
color: var(--colorMain);
font-size: 16px;
}
.search-form button:hover .fa.fa-search{
color: var(--colorFont);
}
.search-form button.search-submit{
font-size: 0;
}
.search-form button.search-submit svg{
font-size: 20px;
}
.search-form button.search-submit:hover{
opacity: .5;
}
.search-form button.search-submit,
.search-form button.search-submit:hover{
border: none;
background: none;
}
.category-description{
margin-bottom: 4em;
}
.i .layout-default .has-post-thumbnail,
.i .layout-default article{
border-color: var(--colorLight);
}
.layout-default article{
border: 1px solid rgba(0, 0, 0, .1);
}
.layout-default .has-post-thumbnail{
border: 1px solid rgba(0, 0, 0, .1);
}
.layout-default .has-post-thumbnail figure{
border-radius: 5px 5px 0 0;
}
.layout-default .has-post-thumbnail > .item-content{
padding: 25px;
}
@media (min-width: 400px) {
.layout-default .has-post-thumbnail > .item-content{
padding: 35px;
}
}
@media (min-width: 1200px) {
.layout-default .has-post-thumbnail > .item-content{
padding: 55px;
}
}
.grid-item .layout-default .has-post-thumbnail > .item-content{
padding-top: 2em;
}
.layout-default .has-post-thumbnail > .item-content.content-narrow{
padding-top: 2.5em;
}
@media (min-width: 992px) {
.content-narrow{
margin-left: 4.5em;
margin-right: 4.5em;
}
.no-sidebar.container-1170 .content-narrow{
margin-left: 12em;
margin-right: 12em;
}
}
article.post.format-gallery .flex-direction-nav{
display: none;
}
.post-thumbnail{
position: relative;
font-size: 0;
overflow: hidden;
text-align: center;
line-height: 1;
}
.post-thumbnail.mb-2{
margin-bottom: 40px;
}
.post-thumbnail .svg-icon.icon-video{
position: absolute;
transition: all .2s ease-in-out 0s;
color: var(--colorLight);
font-size: 14px;
line-height: 60px;
width: 60px;
height: 60px;
text-align: center;
border: 2px solid var(--colorLight);
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
}
.post-thumbnail .svg-icon.icon-video svg{
fill: var(--colorLight);
}
.post-thumbnail img{
transition: all .3s ease-in-out;
border-radius: 5px 5px 0 0;
}
.grid-item article:not(.format-gallery) .post-thumbnail::before,
.hfeed article:not(.format-gallery) .post-thumbnail::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--colorDark);
filter: alpha(opacity=0);
opacity: 0;
transition: all .2s linear;
}
.grid-item article:not(.format-gallery):hover .post-thumbnail::before,
.hfeed article:not(.format-gallery):hover .post-thumbnail::before{
opacity: .8;
}
.entry-header .sticky-post{
float: right;
font-size: 14px;
line-height: 1;
}
.entry-header + .entry-footer{
margin-top: -1em;
}
.entry-header.entry-header-small + .entry-footer{
margin-top: -0.5em;
}
.blog article,
.single article{
border-radius: 5px;
margin: 0 auto;
}
.blog article.sticky,
.single article.sticky{
border: 2px solid var(--colorMain2);
}
.blog article .sticky-post,
.single article .sticky-post{
position: absolute;
top: 24px;
right: -38px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 16px;
font-weight: bold;
color: var(--colorLight);
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 30px;
background-color: var(--colorMain2);
z-index: 1;
}
.blog article .sticky-post .svg-icon,
.single article .sticky-post .svg-icon{
display: none;
}
.entry-title{
font-size: 20px;
line-height: 1.25;
font-weight: 500;
margin-top: 0;
margin-bottom: 25px;
}
.meta-cat + .entry-content{
margin-top: 1.2em;
}
.entry-content{
line-height: 1.2;
}
.entry-content:after{
content: "";
display: block;
clear: both;
}
.entry-content p:last-child:not([class*=mb-]){
margin-bottom: 0;
}
.entry-content figure:not(:last-child){
margin-bottom: 1.2em;
}
.read-more{
clear: both;
}
.entry-footer{
word-break: initial;
min-width: 100%;
margin-bottom: 5px;
clear: both;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: #666;
color: var(--colorFont);
}
.entry-footer .entry-date-wrap a,
.entry-footer .entry-date-wrap span{
color: var(--colorMain2);
}
.entry-footer .entry-categories-wrap{
margin-left: auto;
margin-right: 0;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .5em;
text-indent: .5em;
}
.entry-footer:empty{
display: none;
}
.entry-footer:before,
.entry-footer:after{
content: "";
display: block;
clear: both;
}
.entry-footer:first-child{
margin-top: 0;
}
.entry-footer:last-child{
margin-bottom: 0;
}
.entry-footer.entry-footer-bottom{
margin-top: 25px;
}
.entry-footer .meta-date{
margin-right: auto;
padding-right: 15px;
}
.entry-footer a{
color: #43aee1;
color: var(--colorMain);
}
.entry-footer a:focus,
.entry-footer a:hover{
color: #141414;
color: var(--colorDark);
}
.entry-footer .entry-tags a{
display: inline-block;
}
.entry-footer .author-avatar img{
max-width: 60px;
border-radius: 50%;
}
.entry-footer .entry-author-wrap,
.entry-footer .entry-date-wrap{
white-space: nowrap;
}
.entry-footer .entry-tags-wrap{
margin-left: auto;
margin-right: 0;
}
.entry-footer .comments-link{
margin-left: 0;
margin-right: auto;
}
.entry-footer .svg-icon svg{
fill: #666;
fill: var(--colorFont);
}
.entry-footer > span{
margin-right: 1.25em;
}
.entry-footer .meta-word{
margin-right: 4px;
}
.entry-footer .tags-word{
margin-top: .4em;
}
.post-thumbnail + .entry-footer{
margin-top: 0;
}
.entry-footer .share_buttons{
margin-left: auto;
}
.categories-list,
.tags-list{
white-space: initial;
}
.categories-list a{
margin: 0 4px 6px 0;
}
.entry-categories-separator:before{
content: " ";
}
.hfeed article{
clear: both;
overflow: hidden;
}
.hfeed article + article{
margin-top: 2.78em;
}
.hfeed .entry-footer:last-child{
border: none;
padding-top: 0;
}
.post-password-form{
margin: 1em 0;
}
.grid-item .entry-title{
font-size: 1.15em;
}
.grid-item .post-title + .entry-footer{
margin-top: .5em;
}
.hide-tax-name .taxonomy-name-title{
display: none;
}
.layout-meta-top .entry-footer-top{
margin-bottom: 2em;
}
.layout-meta-top .entry-footer-bottom{
margin-top: 2em;
}
.layout-side-small .post-thumbnail{
margin-right: 20px;
margin-bottom: 15px;
}
.layout-side-small .post-thumbnail img{
max-width: 100px;
}
.layout-side-small .post-thumbnail ~ *{
overflow: hidden;
}
.layout-side-small .item-content{
padding-top: 0;
}
.layout-cols-excerpt{
text-align: center;
}
.layout-title-only h3{
font-size: inherit;
margin-bottom: 0;
}
.layout-title-only article + article{
margin-top: 0;
}
.layout-title-meta-only h3{
font-size: 1.25em;
margin-bottom: 0;
}
.layout-title-meta-only .entry-footer{
margin-bottom: .5em;
}
.layout-title-meta-only article + article{
margin-top: 4em;
}
.layout-cols .grid-wrapper,
.layout-cols-cat .grid-wrapper{
justify-content: space-between;
}
.layout-cols .grid-wrapper .grid-item article,
.layout-cols-cat .grid-wrapper .grid-item article{
padding: 0;
margin: 0;
}
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail{
border-radius: 5px 5px 0 0;
}
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img{
border-radius: 5px 5px 0 0;
}
@media (min-width: 1520px) {
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img{
height: 100%;
min-height: 480px;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1520px) {
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .flexslider img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .flexslider img{
height: 100%;
min-height: 480px;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
.layout-cols .grid-wrapper .grid-item article .item-content,
.layout-cols-cat .grid-wrapper .grid-item article .item-content{
position: relative;
padding: 50px;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-content,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-content{
margin-top: 20px;
}
.layout-cols .grid-wrapper .grid-item article .item-content h3.entry-title,
.layout-cols-cat .grid-wrapper .grid-item article .item-content h3.entry-title{
font-weight: 500;
font-size: 24px;
line-height: 31px;
margin-bottom: 20px;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-footer,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-footer{
margin: 0;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-footer .author-avatar,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-footer .author-avatar{
position: absolute;
top: -30px;
left: 50px;
}
.single .post-thumbnail-background .container{
margin-top: 8vw;
margin-bottom: 8vw;
}
.single span[id^=more-]+h3{
margin-top: 0;
}
.single .format-chat p{
padding: .5em 1em;
background: var(--colorBackground);
}
.single .format-chat p:nth-child(odd){
background: var(--colorDark);
color: var(--colorLight);
}
@media (min-width: 1200px) {
.single.container-1170.no-sidebar .entry-footer{
margin-left: 200px;
margin-right: 200px;
}
.single.container-1170.no-sidebar .grid-item .entry-footer{
margin: 0;
}
.single.container-1170.no-sidebar .entry-content > *:not(.wp-block-embed):not(.wp-block-gallery):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){
width: auto;
margin-left: 200px;
margin-right: 200px;
}
}
.single .post-password-form label{
margin: 0;
}
.single .post-password-form [type=submit]{
padding-top: 18px;
padding-bottom: 17px;
}
.related-posts{
margin: 4.5em 0 -35px;
}
@media (max-width: 767px) {
.related-posts{
margin-top: 4em;
margin-bottom: -50px;
}
}
.related-posts h6{
margin-bottom: 0;
}
.related-posts h5{
margin-top: .5em;
}
.related-posts .related-posts-heading{
font-size: 2.2em;
text-align: center;
margin-bottom: 1em;
font-weight: 400;
}
.author-meta{
margin-top: 60px;
}
.author-meta .side-item.has-post-thumbnail{
border-radius: 5px;
}
.author-meta .author-name{
font-size: 20px;
color: var(--colorDarkGrey);
margin: 0 0 15px;
position: relative;
}
.author-meta .item-media{
margin-right: 0;
}
.author-meta .item-media img{
margin: 0;
width: auto;
height: 100%;
vertical-align: middle;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 0 0 5px;
}
@media (max-width: 575px) {
.author-meta .item-media img{
border-radius: 5px 5px 0 0;
}
}
.author-meta .item-content{
padding: 40px;
}
.author-meta .author-social{
position: relative;
left: 0;
bottom: 0;
}
.author-meta .author-social a{
display: inline-block;
margin: 0;
color: #b2b2b2;
font-size: 14px;
}
.author-meta .author-social a:not(:first-child){
margin-left: 24px;
}
.author-meta .author-social a:before{
top: 1px;
position: relative;
}
.author-meta .author-social a:hover{
color: var(--colorMain) !important;
}
.author-meta .author-social a.social-icon + a.social-icon.color-bg-icon{
margin-left: 5px;
}
.post-nav{
display: flex;
justify-content: center;
max-width: 1000px;
margin: 80px auto 65px;
}
.post-nav > div:first-child{
margin-right: 40px;
}
@media screen and (max-width: 575px) {
.post-nav > div:first-child{
margin-right: 0;
margin-bottom: 20px;
}
}
.post-nav > div .post-nav-item{
background-position: center;
background-size: cover;
padding: 0;
height: 145px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.post-nav > div .post-nav-item{
padding: 30px;
}
}
.post-nav > div .post-nav-item::before{
border-radius: 5px;
transition: all .5s ease;
}
.post-nav > div .post-nav-item .post-nav-words-wrap{
position: relative;
display: block;
z-index: 2;
padding: 0 15px;
max-width: 100%;
text-align: center;
}
@media screen and (max-width: 767px) {
.post-nav{
flex-wrap: wrap;
margin: 4em 0;
}
}
.post-nav > *{
position: relative;
display: block;
flex: 1 1;
max-width: 50%;
}
@media screen and (max-width: 575px) {
.post-nav > *{
width: 100%;
max-width: none;
flex-basis: auto;
}
.post-nav > *:last-child{
border-top: 1px solid;
border-color: #e5e5e5;
border-color: var(--colorBorder);
}
}
.post-nav .prev-item{
text-align: right;
}
.post-nav .prev-item .post-nav-word::before{
display: none;
}
.post-nav .next-item{
text-align: left;
}
.post-nav .next-item .post-nav-word::after{
display: none;
}
.post-nav .post-nav-arrow{
display: none;
}
.post-nav .post-nav-word{
color: var(--colorMain);
display: block;
font-weight: bold;
line-height: 21px;
font-weight: 500;
text-transform: uppercase;
font-size: 12px;
transition: all .3s ease-in-out 0s;
}
.post-nav .post-nav-title{
font-size: 17px;
font-weight: 400;
line-height: 24px;
display: inline-block;
word-wrap: break-word;
max-width: 100%;
margin-top: 5px;
color: var(--colorLight);
transition: all .3s ease-in-out 0s;
}
.post-nav .post-nav-title:hover{
color: var(--colorMain);
}
.post-nav .background-cover{
color: #fff;
}
.post-nav-item{
display: flex;
padding: 1em 0;
height: 100%;
align-items: center;
}
.post-nav-item.next-item{
justify-content: flex-end;
}
.post-nav-item.bg-item{
padding: 2em 1em;
}
.post-nav-arrow{
margin-right: .6em;
position: relative;
left: -1em;
}
.has-image .post-nav-arrow svg{
fill: #fff;
}
.post-nav-arrow svg{
max-width: none;
max-height: none;
width: 50px;
height: 50px;
}
.next-item .post-nav-arrow{
left: auto;
right: -1em;
margin-right: 0;
}
.post-nav-thumb{
margin-right: 1em;
}
.post-nav-thumb img{
display: block;
max-width: 80px;
}
@media screen and (max-width: 767px) {
.post-nav-thumb img{
max-width: 60px;
}
}
.next-item .post-nav-thumb{
margin-right: 0;
margin-left: 1em;
}
.layout-meta-side .post-thumbnail + .entry-header{
padding-top: 1.25em;
}
.entry-footer-side{
align-items: initial;
}
@media (min-width: 600px) {
.item-content.d-flex{
display: flex;
}
.entry-header + .item-content.d-flex{
padding-top: 0;
}
.item-content.d-flex .entry-content{
width: calc(100% - 12em);
}
.item-content.d-flex .entry-footer-side:empty + .entry-content{
width: 100%;
}
.entry-footer-side{
display: flex;
flex-direction: column;
width: 18em;
padding-right: 2em;
}
.entry-footer-side .comments-link{
float: none;
order: 2;
margin-left: 0;
}
.entry-footer-side > span{
margin: .25em 0;
}
}
.layout-default .meta-cat{
margin-top: .8em;
}
.meta-date{
font-size: 16px;
}
.meta-date .svg-icon svg{
fill: #666;
fill: var(--colorFont);
}
.meta-date a{
color: var(--colorFont);
}
.meta-date a:hover{
color: var(--colorMain);
}
.entry-author-wrap{
font-size: 16px;
}
.entry-author-wrap .svg-icon svg{
fill: #666;
fill: var(--colorFont);
}
.entry-author-wrap a{
color: var(--colorFont);
}
.entry-author-wrap a:hover{
color: var(--colorMain);
}
.meta-cat .svg-icon{
display: none;
}
.meta-cat a{
display: inline-block;
padding: .9em 1.8em;
border-radius: 5px;
line-height: 1;
border: 1px solid var(--colorMain);
background-color: var(--colorMain);
color: var(--colorLight);
font-size: 14px;
}
.meta-cat a:hover{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorFont);
color: var(--colorFont);
}
.meta-tags .svg-icon{
display: none;
}
.meta-tags a{
padding: 10px 16px;
border-radius: 5px;
color: var(--colorDark);
border: 2px solid var(--colorFont);
background-color: rgba(0, 0, 0, 0);
margin: 0 .45em .65em 0;
line-height: 1;
}
.meta-tags a:hover{
background-color: var(--colorFont);
color: var(--colorLight);
}
.item-content.bg-lightgrey{
background-color: rgba(0, 0, 0, 0);
}
.item-content .share_buttons{
margin-top: 1em;
}
.layout-default .item-content{
position: relative;
padding: 25px;
}
@media (min-width: 400px) {
.layout-default .item-content{
padding: 35px;
}
}
@media (min-width: 1200px) {
.layout-default .item-content{
padding: 55px;
}
}
.layout-default .item-content .author-avatar{
position: absolute;
top: -25px;
left: 25px;
}
.layout-default .item-content .author-avatar img{
max-width: 50px;
}
@media (min-width: 400px) {
.layout-default .item-content .author-avatar{
top: -30px;
left: 35px;
}
.layout-default .item-content .author-avatar img{
max-width: 60px;
}
}
@media (min-width: 1200px) {
.layout-default .item-content .author-avatar{
left: 55px;
}
}
.layout-default .item-content .entry-date-wrap{
order: -1;
}
.post-block{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-radius: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
padding: 30px;
transition: all .3s ease-in-out;
}
.post-block .post-thumbnail{
border-radius: 5px;
overflow: hidden;
}
.footer-btn a{
font-size: 16px;
font-weight: 600;
}
.footer-btn a::after{
content: "";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 900;
font-size: 12px;
margin-left: 10px;
margin-bottom: 2px;
}
.entry-view-wrap span:last-child{
margin-left: 5px;
}
.post .gallery .gallery-item{
text-align: center;
padding: 0 7px;
}
.post .gallery .gallery-item a img{
width: 100%;
}
.post .meta-date{
margin-top: -5px;
}
.layout-search{
max-width: 1000px;
margin: 0 auto;
}
.layout-search > article,
.layout-search > div{
margin-top: 0;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.layout-search > article,
.layout-search > div{
margin-bottom: 30px;
}
}
.layout-search > article:last-child,
.layout-search > div:last-child{
margin-bottom: 0;
}
.layout-search > article ul.products.search-results li.product,
.layout-search > article ul.products.search-results li.product,
.layout-search > div ul.products.search-results li.product,
.layout-search > div ul.products.search-results li.product{
margin-bottom: 0;
}
.layout-search article + article{
margin-top: 0;
}
.layout-search article{
background-color: rgba(0, 0, 0, 0);
padding: 55px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 5px;
}
@media (max-width: 1199px) {
.layout-search article{
padding: 35px;
}
}
@media (max-width: 399px) {
.layout-search article{
padding: 25px;
}
}
.layout-search article .entry-title{
font-size: 20px;
line-height: 1;
}
.layout-search article .entry-title a:hover{
color: var(--colorMain);
}
.layout-search article .more-link:hover{
color: var(--colorMain);
}
.layout-search article:nth-child(even) .entry-title a:hover,
.layout-search article:nth-child(even) .more-link:hover{
color: var(--colorMain2);
}
@media (min-width: 600px) {
.layout-search .woo .products.search-results .product-loop-item .product-thumbnail-wrap{
width: 50%;
}
.layout-search .woo .products.search-results .product-loop-item .product-thumbnail-wrap a img{
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 0 0 5px;
}
.layout-search .woo .products.search-results .product-loop-item .product-text-wrap{
width: 50%;
}
}
.i .layout-search .woo ul.products li.product .product-loop-item,
.i .layout-search article{
border-color: var(--colorLight);
}
.required{
color: #ffcc8d;
color: var(--colorMain4);
}
.single-post #comments.comments-area{
background-color: rgba(0, 0, 0, 0);
padding: 55px;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .1);
}
.single-post #comments.comments-area.alignfull{
margin-top: 60px;
padding: 55px;
}
@media (max-width: 1199px) {
.single-post #comments.comments-area.alignfull{
padding: 35px;
}
}
@media (max-width: 399px) {
.single-post #comments.comments-area.alignfull{
padding: 30px 20px;
}
}
.single-post #comments.comments-area.alignfull .comments-wrap{
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.container.pb-0 .single-post #comments.comments-area.alignfull{
margin-bottom: -0em;
}
.container.pb-1 .single-post #comments.comments-area.alignfull{
margin-bottom: -1em;
}
.container.pb-2 .single-post #comments.comments-area.alignfull{
margin-bottom: -2em;
}
.container.pb-3 .single-post #comments.comments-area.alignfull{
margin-bottom: -3em;
}
.container.pb-4 .single-post #comments.comments-area.alignfull{
margin-bottom: -4em;
}
.container.pb-5 .single-post #comments.comments-area.alignfull{
margin-bottom: -5em;
}
.container.pb-6 .single-post #comments.comments-area.alignfull{
margin-bottom: -6em;
}
.container.pb-7 .single-post #comments.comments-area.alignfull{
margin-bottom: -7em;
}
.container.pb-8 .single-post #comments.comments-area.alignfull{
margin-bottom: -8em;
}
.container.pb-9 .single-post #comments.comments-area.alignfull{
margin-bottom: -9em;
}
.container.pb-10 .single-post #comments.comments-area.alignfull{
margin-bottom: -10em;
}
@media (max-width: 767px) {
.single-post #comments.comments-area.alignfull{
margin-top: 50px;
}
}
.single-post #comments.comments-area .comment-respond h3.comment-reply-title{
font-size: 20px;
margin: 0 0 25px;
line-height: 1;
}
.single-post #comments.comments-area .comment-respond form.comment-form{
margin-bottom: 0;
}
.single-post #comments.comments-area .comment-respond form.comment-form p{
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 20px !important;
}
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea{
min-height: 240px;
padding: 15px 30px;
}
.single-post #comments.comments-area .comment-respond form.comment-form p.form-submit{
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-email{
width: calc(50% - 10px);
}
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-email{
margin-left: 10px;
}
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-author{
margin-right: 10px;
}
}
.comments-title{
font-weight: 500;
line-height: 1;
font-size: 20px;
margin: 25px 0;
}
.comment-list{
padding: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.comment-list{
margin-bottom: 2em;
}
}
ol.children{
margin-top: 69px;
padding-left: 90px;
}
@media (max-width: 575px) {
ol.children{
margin-top: 30px;
margin-left: 10px;
padding-left: 10px;
}
}
.comment,
.pingback,
.trackback{
list-style: none;
margin-bottom: 1em;
}
.pingback + .comment,
.trackback + .comment{
margin-top: 2em;
}
.comment{
padding-top: 5px;
margin-bottom: 62px;
}
.comment:last-child{
margin-bottom: 0;
}
.comment:last-child p{
margin-bottom: 0;
}
.comment-meta{
position: relative;
margin-left: 90px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 30px;
color: #666;
color: var(--colorFontMuted);
}
.comment-meta b{
font-weight: normal;
}
.comment-meta .says{
display: none;
}
.comment-author{
font-size: 18px;
line-height: 1.3;
}
.comment-author img{
background-color: #f2f2f2;
width: 70px;
height: 70px;
position: absolute;
left: -90px;
top: 0;
}
.comment-metadata{
font-size: 15px;
}
.comment-content{
margin-left: 90px;
}
@media (max-width: 575px) {
.comment-content{
margin-left: 0;
}
}
.comment-body{
position: relative;
}
.comment-body .edit-link:before{
content: " | ";
}
.reply{
margin-left: 90px;
font-size: 15px;
}
.reply .svg-icon{
display: none;
}
.reply a{
color: var(--colorMain);
}
.comment-reply-title{
font-weight: 400;
margin-bottom: .8em;
}
.comment-reply-title a{
color: #666;
color: var(--colorFontMuted);
}
.comment-form{
display: flex;
flex-wrap: wrap;
margin-bottom: 5em;
}
.comment-form p{
width: 100%;
margin-bottom: 1.5em;
}
@media (min-width: 1200px) {
.comment-form p.comment-form-author{
width: 50%;
padding-right: 15px;
}
.comment-form p.comment-form-email{
width: 50%;
padding-left: 15px;
}
}
.comment-form .form-submit{
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes{
font-size: .92em;
margin-bottom: .5em;
color: var(--colorFont);
}
.comment-form .comment-form-cookies-consent{
line-height: 1.5;
}
.comment-form .comment-form-cookies-consent [type=checkbox]{
position: relative;
top: -1px;
}
.comment-form .comment-form-cookies-consent label{
display: inline !important;
margin-left: .3em;
}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url]{
width: 100%;
background-color: var(--colorLight);
color: var(--colorDark);
}
.comment-form textarea::-webkit-input-placeholder, .comment-form input[type=text]::-webkit-input-placeholder, .comment-form input[type=email]::-webkit-input-placeholder, .comment-form input[type=url]::-webkit-input-placeholder{
opacity: 1;
color: var(--colorDark);
}
.comment-form textarea:-ms-input-placeholder, .comment-form input[type=text]:-ms-input-placeholder, .comment-form input[type=email]:-ms-input-placeholder, .comment-form input[type=url]:-ms-input-placeholder{
opacity: 1;
color: var(--colorDark);
}
.comment-form textarea::placeholder,
.comment-form input[type=text]::placeholder,
.comment-form input[type=email]::placeholder,
.comment-form input[type=url]::placeholder{
opacity: 1;
color: var(--colorDark);
}
.comment-form .comment-form-author,
.comment-form .comment-form-email{
order: -1;
}
.form-group{
position: relative;
}
.form-group input,
.form-group textarea{
padding-left: 50px !important;
}
.form-group label+[class*=icon2-],
.form-group label+[class*=fa-]{
position: absolute;
font-size: 14px;
left: 27px;
top: 23px;
width: 14px;
text-align: center;
color: #f69c1d;
}
#comments #commentform .form-submit [type=submit]{
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
}
@media (min-width: 768px) {
#comments #commentform .form-submit [type=submit]{
min-width: 210px;
}
}
#comments #commentform .form-submit [type=submit]:hover{
background-color: var(--colorMain) !important;
border-color: var(--colorMain) !important;
}
li .comment-respond{
margin-top: 1em;
}
.wp-block-latest-comments__comment-date{
color: var(--colorDarkMuted);
font-size: 14px;
}
ol.comment-list .comment-meta{
margin-left: 90px;
padding-right: 20px;
line-height: 24px;
}
ol.comment-list .comment-meta .comment-author{
width: 100%;
font-weight: 500;
font-size: 20px;
line-height: 1;
color: var(--colorFont);
}
ol.comment-list .comment-meta .comment-author img{
border-radius: 50%;
}
ol.comment-list .comment-meta .comment-metadata{
width: 100%;
display: block;
margin: 0 0 10px;
line-height: 30px;
font-weight: 400;
}
ol.comment-list .comment-meta .comment-metadata a{
color: var(--colorMain2);
}
ol.comment-list .comment-meta .comment-metadata a:hover{
color: var(--colorDark);
}
@media (max-width: 575px) {
ol.comment-list .comment-meta{
margin-left: 0;
padding-right: 0;
justify-content: center;
}
ol.comment-list .comment-meta .comment-author img{
position: relative;
display: block;
top: 0;
left: 0;
}
}
ol.comment-list .comment-content{
line-height: 24px;
}
ol.comment-list .reply{
position: absolute;
top: 0;
right: 0;
font-size: 0;
}
@media (max-width: 575px) {
ol.comment-list .reply{
top: 0;
}
}
ol.comment-list .reply a::before{
content: "";
font-family: "fontAwesome";
font-size: 16px;
color: var(--colorFont);
opacity: .7;
transition: all .4s ease-in-out;
}
ol.comment-list .reply a:hover::before{
color: var(--colorDark);
}
.widget .widget-title{
font-size: 28px;
margin: 0 0 20px;
position: relative;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
}
.widget p{
line-height: 21px;
}
.widget .icon[class^=ico-],
.widget .icon[class*=" ico-"]{
color: var(--colorMain);
margin-right: 16px;
}
.widget > ul,
.widget > ul ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget ul:last-child,
.widget ol:last-child{
margin-bottom: 0;
}
.widget select{
display: block;
width: 100%;
}
.widget.widget_custom_posts .item-content{
margin-left: 0 !important;
margin-right: auto !important;
}
.widget_search .widget-title + form,
.widget_categories .widget-title + form{
margin-top: 1.15em;
}
.widget_archive select{
margin-top: 1.65em;
}
.widget.widget_block .wp-block-tag-cloud{
margin-bottom: 0;
}
.widget.widget_block a.tag-cloud-link{
display: inline-block;
line-height: 1.3;
border: 2px solid var(--colorFont);
padding: 8px 20px;
border-radius: 5px;
font-size: 16px !important;
color: var(--colorDark);
font-weight: 500;
transition: all .3s ease-in-out;
margin-top: 10px;
}
.widget.widget_block a.tag-cloud-link:hover{
color: var(--colorLight);
background-color: var(--colorFont);
}
.widget_rss li + li{
margin-top: 1em;
}
.widget_rss .rsswidget{
font-weight: 700;
}
.widget_rss .rss-date{
display: block;
font-size: 14px;
margin-bottom: .5em;
}
.widget.widget_mc4wp_form_widget{
background-color: rgba(0, 0, 0, 0);
border-radius: 5px;
}
.widget.widget_mc4wp_form_widget p{
line-height: 30px;
}
.widget.widget_mc4wp_form_widget .widget-title{
margin-bottom: 20px;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields input{
width: 100%;
padding-right: 60px;
border-width: 1px;
border-style: solid;
color: var(--colorDark);
opacity: 1;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields input::-webkit-input-placeholder{
color: var(--colorDark);
opacity: 1;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields input:-ms-input-placeholder{
color: var(--colorDark);
opacity: 1;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields input::placeholder{
color: var(--colorDark);
opacity: 1;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields{
position: relative;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields p{
margin-bottom: 20px;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields p:last-child{
margin-bottom: 0;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields p label{
display: none;
margin-bottom: 0;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]{
height: 60px;
width: 50px;
margin-left: 4px;
margin-right: 4px;
display: block;
border: none;
position: absolute;
top: 0;
right: 0;
font-size: 0;
padding: 0;
line-height: 1;
background-color: rgba(0, 0, 0, 0);
transition: all .4s linear 0s;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]::before{
font-size: 16px;
content: "";
font-family: "FontAwesome";
color: var(--colorMain) !important;
background-image: none !important;
position: relative !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
height: auto !important;
-webkit-transform: none !important;
transform: none !important;
transition: all .4s linear 0s;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover{
background-color: rgba(0, 0, 0, 0) !important;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover::before{
color: var(--colorDark) !important;
}
.widget.widget_mc4wp_form_widget .wp-block-search .wp-block-search__button{
position: absolute;
right: 0;
font-size: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 50px;
}
.elementor-widget-container .sidebar-visible{
display: none;
}
.elementor-widget-container p{
line-height: 30px;
}
.elementor-widget-container .widget-title{
margin-bottom: 20px;
}
.elementor-widget-container .mc4wp-form-fields input{
width: 100%;
padding-right: 60px;
border-width: 1px;
border-style: solid;
color: var(--colorDark);
background-color: var(--colorLight);
opacity: 1;
}
.elementor-widget-container .mc4wp-form-fields input::-webkit-input-placeholder{
color: var(--colorDark);
opacity: 1;
}
.elementor-widget-container .mc4wp-form-fields input:-ms-input-placeholder{
color: var(--colorDark);
opacity: 1;
}
.elementor-widget-container .mc4wp-form-fields input::placeholder{
color: var(--colorDark);
opacity: 1;
}
.elementor-widget-container .mc4wp-form-fields{
position: relative;
}
.elementor-widget-container .mc4wp-form-fields p{
margin-bottom: 0;
}
.elementor-widget-container .mc4wp-form-fields p label{
display: none;
margin-bottom: 0;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]{
height: 60px;
width: 50px;
margin-left: 4px;
margin-right: 4px;
display: block;
border: none;
position: absolute;
top: 0;
right: 0;
font-size: 0;
padding: 0;
line-height: 1;
background-color: rgba(0, 0, 0, 0);
transition: all .4s linear 0s;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]::before{
font-size: 16px;
content: "";
font-family: "FontAwesome";
color: var(--colorMain) !important;
background-image: none !important;
position: relative !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
height: auto !important;
-webkit-transform: none !important;
transform: none !important;
transition: all .4s linear 0s;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover{
background-color: rgba(0, 0, 0, 0) !important;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover::before{
color: var(--colorDark) !important;
}
.elementor-widget-container .wp-block-search .wp-block-search__button{
position: absolute;
right: 0;
font-size: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 50px;
}
.widget_block h5{
line-height: 1.3;
}
.wp-block-categories-list li > *{
padding: 20px 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
padding: 0 0 11px !important;
}
.widget_archive ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul{
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.widget_archive ul ul li,
.widget_categories ul ul li,
.widget_nav_menu ul ul li,
.widget_meta ul ul li,
.widget_pages ul ul li,
.widget_recent_comments ul ul li,
.widget_recent_entries ul ul li{
padding-left: 20px;
}
.widget_archive ul ul li:last-child,
.widget_categories ul ul li:last-child,
.widget_nav_menu ul ul li:last-child,
.widget_meta ul ul li:last-child,
.widget_pages ul ul li:last-child,
.widget_recent_comments ul ul li:last-child,
.widget_recent_entries ul ul li:last-child{
padding-bottom: 0;
border-bottom: none;
}
.widget_archive ul ul li a,
.widget_categories ul ul li a,
.widget_nav_menu ul ul li a,
.widget_meta ul ul li a,
.widget_pages ul ul li a,
.widget_recent_comments ul ul li a,
.widget_recent_entries ul ul li a{
color: #989898;
}
.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_meta ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_recent_entries ul li:last-child{
padding-bottom: 0;
border-bottom: none;
}
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li{
border-top: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
.widget_archive li + li,
.widget_categories li + li,
.widget_nav_menu li + li,
.widget_meta li + li,
.widget_pages li + li,
.widget_recent_comments li + li,
.widget_recent_entries li + li{
border-top: none;
}
.widget_archive a:empty,
.widget_archive li>a:not([href]),
.widget_categories a:empty,
.widget_categories li>a:not([href]),
.widget_nav_menu a:empty,
.widget_nav_menu li>a:not([href]),
.widget_meta a:empty,
.widget_meta li>a:not([href]),
.widget_pages a:empty,
.widget_pages li>a:not([href]),
.widget_recent_comments a:empty,
.widget_recent_comments li>a:not([href]),
.widget_recent_entries a:empty,
.widget_recent_entries li>a:not([href]){
display: none !important;
}
.widget_recent_entries li{
border: none;
}
.widget_recent_entries li .post-date{
display: block;
color: var(--colorMain2);
}
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_meta li,
.widget_pages li{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_meta li a,
.widget_pages li a{
flex-grow: 10;
display: inline-block;
padding-top: 12px;
padding-bottom: 12px;
}
.widget_recent_comments li{
padding: 15px 0;
}
.widget_recent_comments li:first-child{
padding-top: 0;
}
.widget_recent_comments li:before{
font-family: FontAwesome;
content: "";
font-size: 16px;
line-height: 1;
position: relative;
top: 0;
padding-right: 10px;
color: var(--colorMain);
}
.widget_recent_entries li{
padding: 15px 0 15px 36px;
}
.widget_recent_entries p{
margin-bottom: 0;
}
.widget_recent_entries li:first-child{
padding-top: 0;
}
.widget_recent_entries > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_popular_entries > ul > li:first-child,
.widget_nav_menu > ul > li:first-child,
.widget_pages > ul > li:first-child{
border-top: none;
margin-top: 0;
}
.widget_popular_entries > ul > li:first-child{
margin-top: 0;
}
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a{
display: inline-block;
padding: 3px 0 3px 25px;
position: relative;
color: var(--colorDarkGrey);
}
.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu a:before,
.widget_pages a:before{
font-family: FontAwesome;
content: "";
font-size: 14px;
color: var(--colorMain);
position: absolute;
left: 0;
top: 11px;
}
.widget_nav_menu a i{
padding-right: 7px;
}
.widget_archive ul li > span,
.widget_categories ul li > span{
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 5px;
float: right;
color: var(--colorLight);
background-color: var(--colorMain2);
text-align: center;
}
.wp-block-calendar{
box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
position: relative;
}
.widget_calendar .calendar_wrap{
box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
position: relative;
}
.wp-block-calendar,
.widget_calendar{
text-align: center;
border-radius: 5px;
}
.wp-block-calendar a,
.widget_calendar a{
text-decoration: none;
}
.wp-block-calendar table,
.widget_calendar table{
font-size: 14px;
}
.wp-block-calendar table th,
.widget_calendar table th{
border: none;
background: var(--colorDark);
color: var(--colorLight);
padding: 14px 8px;
font-size: 16px;
line-height: 22px;
font-weight: bold;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
background-color: var(--colorMain2);
color: var(--colorLight);
font-size: 24px;
line-height: 31px;
padding: 24px;
font-weight: 500;
border-radius: 5px 5px 0 0;
}
.wp-block-calendar tbody,
.widget_calendar tbody{
background-color: var(--colorBackground);
}
.wp-block-calendar tbody a,
.widget_calendar tbody a{
font-weight: bold;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
font-size: 18px;
line-height: 30px;
padding: 15px 10px;
border: none;
}
.i .wp-block-calendar tbody td,
.i .widget_calendar tbody td{
background-color: rgba(255, 255, 255, .05);
}
.wp-block-calendar tbody td a,
.widget_calendar tbody td a{
color: var(--colorMain2);
font-weight: 400;
}
.wp-block-calendar tbody tr td:first-child,
.widget_calendar tbody tr td:first-child{
padding-left: 50px;
}
.wp-block-calendar tbody tr td:last-child,
.widget_calendar tbody tr td:last-child{
padding-right: 50px;
}
.wp-block-calendar thead tr th:first-child,
.widget_calendar thead tr th:first-child{
padding-left: 50px;
}
.wp-block-calendar thead tr th:last-child,
.widget_calendar thead tr th:last-child{
padding-right: 50px;
}
.wp-block-calendar tr:first-child > td,
.widget_calendar tr:first-child > td{
padding-top: 50px;
}
.wp-block-calendar tr:last-child > td,
.widget_calendar tr:last-child > td{
padding-bottom: 50px;
}
@media (max-width: 400px) {
.wp-block-calendar table th,
.widget_calendar table th{
padding: 4px;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
padding: 15px;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
padding: 4px;
}
.wp-block-calendar tbody tr td:first-child,
.widget_calendar tbody tr td:first-child{
padding-left: 15px;
}
.wp-block-calendar tbody tr td:last-child,
.widget_calendar tbody tr td:last-child{
padding-right: 15px;
}
.wp-block-calendar thead tr th:first-child,
.widget_calendar thead tr th:first-child{
padding-left: 15px;
}
.wp-block-calendar thead tr th:last-child,
.widget_calendar thead tr th:last-child{
padding-right: 15px;
}
.wp-block-calendar tr:first-child > td,
.widget_calendar tr:first-child > td{
padding-top: 15px;
}
.wp-block-calendar tr:last-child > td,
.widget_calendar tr:last-child > td{
padding-bottom: 15px;
}
}
.wp-block-calendar nav,
.widget_calendar nav{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
display: flex;
}
.wp-block-calendar nav span:first-child,
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:first-child,
.widget_calendar nav span:last-child{
width: 75px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 3;
}
.wp-block-calendar nav span:first-child a,
.wp-block-calendar nav span:last-child a,
.widget_calendar nav span:first-child a,
.widget_calendar nav span:last-child a{
font-size: 0;
}
@media (max-width: 400px) {
.wp-block-calendar nav,
.widget_calendar nav{
height: 60px;
}
.wp-block-calendar nav span:first-child,
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:first-child,
.widget_calendar nav span:last-child{
width: 60px;
height: 60px;
}
}
.wp-block-calendar nav span:first-child,
.widget_calendar nav span:first-child{
left: 0;
top: 0;
}
.wp-block-calendar nav span:first-child a:before,
.widget_calendar nav span:first-child a:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .3s ease-in-out;
}
.wp-block-calendar nav span:first-child a:hover::before,
.widget_calendar nav span:first-child a:hover::before{
opacity: .5;
}
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:last-child{
right: 0;
top: 0;
}
.wp-block-calendar nav span:last-child a:before,
.widget_calendar nav span:last-child a:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .3s ease-in-out;
}
.wp-block-calendar nav span:last-child a:hover::before,
.widget_calendar nav span:last-child a:hover::before{
opacity: .5;
}
.widget_theme_meta .sub-title{
margin-bottom: 1.5em;
}
.widget_theme_meta .theme-meta-img.wp-block-image{
margin-bottom: 2em;
}
.widget_theme_meta .theme-meta .icon-inline{
margin: 0 0 .5em;
display: flex;
line-height: 1.2;
align-items: flex-start;
color: var(--colorLight);
}
.widget_theme_meta .theme-meta .svg-icon{
line-height: 1.6;
}
.widget_theme_meta .theme-meta .svg-icon svg{
fill: var(--colorMain);
}
.widget_theme_meta .social-links{
display: block;
margin-top: 1em;
}
.widget_theme_meta .social-links .social-icon{
background: var(--colorMain);
width: 40px;
height: 40px;
border-radius: 100%;
line-height: 40px;
}
.widget_theme_meta .social-links .social-icon:hover{
background: var(--colorBackground) !important;
}
.widget_theme_meta .social-links .social-icon:hover svg{
color: var(--colorMain);
}
.widget_theme_meta .social-links .social-icon.icon-facebook{
background: #4267b2;
}
.widget_theme_meta .social-links .social-icon.icon-facebook:hover svg{
fill: #4267b2;
}
.widget_theme_meta .social-links .social-icon.icon-twitter{
background: #1da1f2;
}
.widget_theme_meta .social-links .social-icon.icon-twitter:hover svg{
fill: #1da1f2;
}
.widget_theme_meta .social-links .social-icon.icon-instagram{
background: #dc2743;
}
.widget_theme_meta .social-links .social-icon.icon-instagram:hover svg{
fill: #dc2743;
}
.widget_theme_meta .social-links a + a{
margin-left: 8px;
}
.text-center .theme-meta .icon-inline{
justify-content: center;
}
.l .widget_theme_meta .theme-meta .icon-inline{
color: var(--colorFont);
}
.l .widget_theme_meta .social-icon svg{
fill: var(--colorLight);
}
.widget_theme_category a,
.widget_theme_category .category-block{
display: block;
height: 100%;
}
.widget_theme_category a:hover{
outline: 3px solid;
}
.widget_theme_category h5,
.widget_theme_category p{
margin-bottom: 0;
}
.widget_theme_spacer hr{
height: 3px;
background-color: #43aee1;
background-color: var(--colorMain);
width: 4em;
margin-left: 0;
margin-top: 1.5em;
}
.widget_theme_spacer .text-center hr{
margin-left: auto;
}
.is-style-text-secondary a{
color: var(--colorMain);
}
.has-drop-cap:not(:focus):first-letter{
font-size: 3.5em;
line-height: 1;
padding-right: .1em;
font-weight: 700;
color: var(--colorMain);
}
.has-drop-cap:not(:focus):after{
padding-top: 0;
}
.wp-block-button,
.wp-block-buttons{
margin-bottom: 2em;
}
.wp-block-button:last-child,
.wp-block-buttons:last-child{
margin-bottom: 0;
}
.wp-block-separator{
margin-left: 0;
margin-right: 0;
min-width: 100px;
max-width: 100px;
}
.wp-block-separator.is-style-dots{
max-width: 200px;
}
.wp-block-separator.center:not([class*=align]){
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-wide,
.wp-block-separator.alignfull,
.wp-block-separator.alignwide{
max-width: none !important;
}
.wp-block-cover{
margin-bottom: 2em;
}
.wp-block-cover,
.wp-block-cover-image{
position: relative !important;
height: auto;
}
.container-1170 .wp-block-cover__inner-container{
max-width: 1170px;
}
.container-960 .wp-block-cover__inner-container{
max-width: 960px;
}
.container-720 .wp-block-cover__inner-container{
max-width: 720px;
}
@media (max-width: 600px) {
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-buttons.alignleft,
.wp-block-buttons.alignright{
max-width: none;
}
.wp-block-buttons .wp-block-button{
margin: 0 0 4px;
}
.wp-block-button__link:active,
.wp-block-button__link:hover{
color: var(--colorLight);
background-color: var(--colorMain2);
}
.is-style-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
color: var(--colorDark);
}
.is-style-outline .wp-block-button__link:hover{
background-color: var(--colorDarkMuted);
color: var(--colorLight);
}
.size-medium .wp-block-button__link{
padding: 16px 35px;
}
.size-small .wp-block-button__link{
padding: 12px 20px;
}
.is-style-inverse-fill .wp-block-button__link{
background-color: var(--colorDark);
}
.is-style-inverse-fill .wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link:hover{
background-color: var(--colorDark);
color: var(--colorLight);
}
.is-style-color-link .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorFont);
}
.is-style-color-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 8px;
}
.is-style-color-link .wp-block-button__link:hover{
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 8px;
}
.is-style-dark-link .wp-block-button__link:hover{
color: var(--colorFont);
}
.is-style-ellipse-btn-fill .wp-block-button__link{
border-radius: 50%;
font-size: 0;
padding: 25px;
}
.is-style-ellipse-btn-fill .wp-block-button__link::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//ehg-services.ch/wp-content/themes/aircool/assets/img/arrow-right.png) no-repeat center/cover;
background-color: var(--colorLight);
}
.is-style-ellipse-btn-ouline .wp-block-button__link{
border-radius: 50%;
font-size: 0;
padding: 25px;
background: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//ehg-services.ch/wp-content/themes/aircool/assets/img/arrow-right.png) no-repeat center/cover;
background-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link:hover{
background: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link:hover::before{
background-color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-fill .wp-block-button__link,
.i .is-style-inverse-fill .wp-block-button__link{
background: rgba(0, 0, 0, 0);
border-color: var(--colorLight);
color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-fill .wp-block-button__link:hover,
.i .is-style-inverse-fill .wp-block-button__link:hover{
background: var(--colorLight);
color: var(--colorMain);
}
.has-dark-background-color .is-style-inverse-outline .wp-block-button__link,
.i .is-style-inverse-outline .wp-block-button__link{
background: var(--colorLight);
color: var(--colorMain);
border-color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-outline .wp-block-button__link:hover,
.i .is-style-inverse-outline .wp-block-button__link:hover{
background: rgba(0, 0, 0, 0);
border-color: var(--colorLight);
color: var(--colorLight);
}
.wp-block-file{
margin: 2em 0;
}
.wp-block-file a:not([class]){
font-size: 1.2em;
}
.wp-block-pullquote{
padding: 0;
border-top: none;
border-bottom: none;
position: relative;
text-align: initial;
}
.cols-padding .wp-block-pullquote{
margin-top: -1.5em !important;
}
.wp-block-pullquote.is-style-solid-color blockquote{
text-align: center;
}
.wp-block-pullquote blockquote{
border: none;
margin: 2em 0;
text-align: center;
}
.wp-block-pullquote blockquote:before{
display: block;
margin: 0 auto 1em;
text-align: center;
color: #fff;
background-color: var(--colorMain);
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
font-size: 32px;
}
.wp-block-pullquote.has-background blockquote{
padding: 2em 1em;
}
.wp-block-pullquote p{
font-size: 26px;
line-height: 1.3;
margin-bottom: 10px;
}
.wp-block-pullquote cite{
color: var(--colorDarkMuted);
font-size: 14px;
text-transform: none;
font-style: normal;
}
.wp-block-pullquote.has-background-background-color{
margin-top: 3em;
}
.wp-block-pullquote.has-background-background-color blockquote{
padding: 0 1em 2em;
text-align: center;
}
.wp-block-pullquote.has-background-background-color blockquote:before{
position: relative;
top: -25px;
margin-bottom: 5px;
}
.wp-block-pullquote.has-background-background-color blockquote p{
font-size: 26px;
}
.wp-block-pullquote.has-background-background-color blockquote cite{
display: block;
margin-top: 1.8em;
}
.wp-block-pullquote.has-main-background-color{
position: relative;
padding: 2.5em 1em 4.6em;
}
.wp-block-pullquote.has-main-background-color blockquote{
max-width: 67%;
}
.wp-block-pullquote.has-main-background-color blockquote p{
font-size: 26px;
line-height: 1.5;
font-weight: 300;
}
.wp-block-pullquote.has-main-background-color blockquote cite{
color: var(--colorLight);
display: block;
margin-top: 1.8em;
}
.wp-block-pullquote.has-main-background-color blockquote cite img{
max-width: 30px;
}
.wp-block-pullquote.has-main-background-color blockquote:before{
position: absolute;
font-size: 80px;
left: 1.5em;
top: .92em;
}
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"]{
padding-left: 0;
padding-right: 1.25em !important;
}
.wp-block-quote.is-style-muted{
border: none;
background-color: var(--colorBackground);
padding-right: 2em;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption{
opacity: .7;
width: 100%;
display: block;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption{
font-size: 14px;
padding: 40px 30px 35px;
line-height: 1.7;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 70%, transparent);
}
.wp-block-gallery{
margin-top: 4.2em;
margin-bottom: 2.5em;
}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery:first-child{
margin-top: 0;
}
.wp-block-gallery:last-child{
margin-bottom: 0;
}
.wp-block-gallery img{
transition: all .3s ease;
}
.wp-block-gallery figure a{
position: relative;
}
.wp-block-gallery figure a:before{
z-index: 2;
transition: all .3s ease;
content: "";
border: 1px solid #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
pointer-events: none;
}
.wp-block-gallery figure a:hover:before{
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
opacity: .5;
}
.wp-block-gallery.is-style-caption-bottom .blocks-gallery-item{
display: block;
margin-bottom: 0;
}
.wp-block-gallery.is-style-caption-bottom figure{
display: block;
height: auto;
}
.wp-block-gallery.is-style-caption-bottom figcaption{
color: var(--colorDarkMuted);
padding: 1.2em 0 .4em;
font-size: 18px;
text-align: inherit;
background: none;
position: relative;
}
.i .wp-block-gallery.is-style-caption-bottom figcaption{
color: var(--colorLight);
}
@media (max-width: 500px) {
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item{
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.gallery-gap-0 .blocks-gallery-grid .blocks-gallery-item{
margin: 0;
}
.gallery-gap-0 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.gallery-gap-30 .blocks-gallery-grid{
margin-right: -14px;
}
.gallery-gap-30 .blocks-gallery-grid .blocks-gallery-item{
padding: 0 14px 14px 0;
}
.gallery-gap-30 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.gallery-gap-50 .blocks-gallery-grid{
margin-right: -34px;
}
.gallery-gap-50 .blocks-gallery-grid .blocks-gallery-item{
padding: 0 34px 34px 0;
}
.gallery-gap-50 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.wp-block-image{
line-height: 0;
}
.wp-block-image .alignleft{
min-width: 60px;
margin-right: 3em;
margin-bottom: 1em;
}
.wp-block-image .alignright{
min-width: 60px;
margin-left: 2em;
margin-bottom: 1em;
}
.wp-block-image .alignfull{
max-width: none;
}
.wp-block-image.is-style-shadow{
padding: 3px;
border-radius: 3px;
box-shadow: 0 0 10px 0 rgba(100, 100, 100, .3);
}
.wp-block-image.is-style-shadow > a{
display: block;
overflow: hidden;
}
.wp-block-image.is-style-shadow > a > img{
transition: all .3s ease-in-out;
}
.wp-block-image.is-style-shadow:hover > a > img{
opacity: .7;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wp-block-image.is-style-bg-colormain img{
padding: 20%;
border-radius: 25%;
background-color: var(--colorMain);
}
.wp-block-image.is-style-bg-colormain-round img{
padding: 20%;
border-radius: 50%;
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding: 0 0 0 12%;
}
.wp-block-media-text:not(.alignfull).has-media-on-the-right .wp-block-media-text__content{
padding-right: 12%;
padding-left: 0;
}
}
@media (max-width: 767px) {
.wp-block-media-text:not(.alignfull){
display: block;
}
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-preformatted{
white-space: pre-wrap;
}
.has-small-font-size{
font-size: 15px;
}
.has-medium-font-size{
margin-bottom: 1.5em;
}
.has-large-font-size{
letter-spacing: .028em;
font-size: 1.45em;
}
.has-huge-font-size{
line-height: 1.4;
}
.wp-block-table{
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-table.is-style-no-borders{
margin: 0;
}
.wp-block-table.is-style-no-borders td,
.wp-block-table.is-style-no-borders th{
line-height: 1;
padding: 0 0 1.65em;
border: none;
}
.wp-block-social-links:last-child{
margin-bottom: 0;
}
.wp-block-embed__wrapper{
position: relative;
}
.wp-block-embed__wrapper:before{
content: "";
display: block;
}
.wp-block-embed__wrapper iframe{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed{
margin: 4em 0;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{
padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{
padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{
padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{
padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{
padding-top: 200%;
}
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-categories-list,
.wp-block-archives-list{
padding: 0;
list-style: none;
}
.wp-block-latest-posts ul,
.wp-block-latest-comments ul,
.wp-block-categories-list ul,
.wp-block-archives-list ul{
list-style: none;
}
.wp-block-search,
.wp-block-calendar,
.wp-block-categories,
.wp-block-archives{
margin-bottom: 2em;
}
.wp-block-search:last-child,
.wp-block-calendar:last-child,
.wp-block-categories:last-child,
.wp-block-archives:last-child{
margin-bottom: 0;
}
[class*=wp-block].is-grid{
max-width: none;
}
.wp-block-categories-list.is-style-inline{
position: relative;
max-width: none;
padding: .5em 0;
margin: 2em 0 3.3em;
}
.wp-block-categories-list.is-style-inline:before,
.wp-block-categories-list.is-style-inline:after{
position: absolute;
content: "";
height: 1px;
width: 136%;
left: -18%;
background-color: var(--colorBorder);
}
.wp-block-categories-list.is-style-inline:before{
top: -0.3em;
}
.wp-block-categories-list.is-style-inline:after{
bottom: -0.3em;
}
.wp-block-categories-list.is-style-inline li{
display: inline-block;
margin-right: 2em;
margin-top: .5em;
margin-bottom: .5em;
}
.wp-block-categories-list.is-style-inline li:before{
display: none;
}
.wp-block-latest-comments li{
position: relative;
}
.wp-block-latest-comments article{
display: inline-block;
}
.wp-block-latest-comments .avatar{
position: absolute;
}
.wp-block-latest-posts__featured-image{
margin-bottom: .75em;
}
.wp-block-latest-posts__featured-image + a{
display: block;
line-height: 1.34;
margin-bottom: .25em;
}
.wp-block-latest-posts__post-date{
color: var(--colorMain2);
font-size: 16px;
}
.align-center{
align-items: center;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.wp-block-pullquote):not(.rich-text):not(.wp-block-getwid-progress-bar__bar){
padding: .5em;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.wp-block-pullquote):not(.rich-text):not(.wp-block-getwid-progress-bar__bar) p:last-child{
margin-bottom: 0;
}
[class*=wp-block-columns] .wp-block-column>p:not([class*=mb-]){
margin-bottom: 1em;
}
.wp-block-columns{
margin-bottom: 0;
}
.wp-block-column{
margin-bottom: 0;
}
.wp-block-column>*:first-child:not([class*=mt-]){
margin-top: 0;
}
.wp-block-column:after{
content: "";
display: block;
clear: both;
}
.cols-highlight > .wp-block-column{
background-color: var(--colorBackground);
}
.cols-highlight.l.m > .wp-block-column{
background-color: var(--colorLight);
}
.cols-highlight.i > .wp-block-column{
background-color: rgba(255, 255, 255, .1);
}
.cols-bordered > .wp-block-column{
border: 1px solid var(--colorBorder);
}
.cols-bordered.i > .wp-block-column{
border-color: rgba(255, 255, 255, .15);
}
.cols-shadow > .wp-block-column{
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.cols-shadow-hover > .wp-block-column{
position: relative;
bottom: 0;
transition: all .15s ease-in;
}
.cols-shadow-hover > .wp-block-column:hover{
bottom: 2px;
box-shadow: 0 0 40px 0 rgba(100, 100, 100, .2);
}
.cols-padding > .wp-block-column{
padding: 1.5em;
}
.cols-padding > .wp-block-column > .alignwide{
margin-top: -1.5em;
margin-left: -1.5em;
max-width: none;
width: calc(100% + 3em);
}
.cols-rounded > .wp-block-column{
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 781px)and (min-width: 600px) {
.wp-block-column{
flex-grow: 1;
}
}
.wp-block-columns .gap-0 .wp-block-column:not(:first-child),
.gap-0 .wp-block-column:not(:first-child){
margin-left: 0;
}
.wp-block-columns .gap-1 .wp-block-column:not(:first-child),
.gap-1 .wp-block-column:not(:first-child){
margin-left: 1px;
}
.wp-block-columns .gap-2 .wp-block-column:not(:first-child),
.gap-2 .wp-block-column:not(:first-child){
margin-left: 2px;
}
.wp-block-columns .gap-3 .wp-block-column:not(:first-child),
.gap-3 .wp-block-column:not(:first-child){
margin-left: 3px;
}
.wp-block-columns .gap-5 .wp-block-column:not(:first-child),
.gap-5 .wp-block-column:not(:first-child){
margin-left: 5px;
}
.wp-block-columns .gap-10 .wp-block-column:not(:first-child),
.gap-10 .wp-block-column:not(:first-child){
margin-left: 10px;
}
.wp-block-columns .gap-15 .wp-block-column:not(:first-child),
.gap-15 .wp-block-column:not(:first-child){
margin-left: 15px;
}
.wp-block-columns .gap-20 .wp-block-column:not(:first-child),
.gap-20 .wp-block-column:not(:first-child){
margin-left: 20px;
}
.wp-block-columns .gap-30 .wp-block-column:not(:first-child),
.gap-30 .wp-block-column:not(:first-child){
margin-left: 30px;
}
.wp-block-columns .gap-50 .wp-block-column:not(:first-child),
.gap-50 .wp-block-column:not(:first-child){
margin-left: 50px;
}
.wp-block-columns .gap-60 .wp-block-column:not(:first-child),
.gap-60 .wp-block-column:not(:first-child){
margin-left: 60px;
}
@media (max-width: 599px) {
.wp-block-column .wp-block-column{
flex-basis: auto !important;
}
.wp-block-column .wp-block-column:first-child,
.wp-block-column .wp-block-column:last-child{
min-width: 60px;
}
[class*=gap-]>.wp-block-column:not(:first-child){
margin-left: 0;
}
}
@media (max-width: 781px)and (min-width: 600px) {
.wp-block-column .wp-block-column{
flex-basis: inherit !important;
}
}
@media (max-width: 781px) {
.cols-single-sm{
display: block;
}
.cols-single-sm .wp-block-column{
margin-bottom: 2em;
}
.cols-single-sm .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-sm .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-sm .wp-block-column:empty{
display: none;
}
}
@media (max-width: 991px) {
.cols-single-md{
display: block;
}
.cols-single-md .wp-block-column{
margin-bottom: 2em;
}
.cols-single-md .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-md .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-md .wp-block-column:empty{
display: none;
}
}
@media (max-width: 1199px) {
.cols-single-lg{
display: block;
}
.cols-single-lg .wp-block-column{
margin-bottom: 2em;
}
.cols-single-lg .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-lg .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-lg .wp-block-column:empty{
display: none;
}
}
.cols-single{
display: block;
}
.cols-single .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single .wp-block-column:empty{
display: none;
}
.cols-single-none{
flex-wrap: nowrap;
}
@media (max-width: 599px) {
.wp-block-column{
margin-bottom: 2em;
}
.wp-block-column:last-child{
margin-bottom: 0;
}
}
.wp-social-link{
margin-right: 5px;
}
.wp-social-link a{
padding-left: 5px;
padding-right: 5px;
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg{
width: 18px;
height: 18px;
fill: var(--colorDarkMuted);
}
.has-background-dim{
color: rgba(255, 255, 255, .75);
}
.has-light-color{
color: var(--colorLight);
}
.has-font-color{
color: var(--colorFont);
}
.has-font-muted-color{
color: var(--colorFontMuted);
}
.has-background-color{
color: var(--colorBackground);
}
.has-border-color{
color: var(--colorBorder);
}
.has-dark-color{
color: var(--colorDark);
}
.has-dark-muted-color{
color: var(--colorDarkMuted);
}
.i .has-dark-muted-color{
color: var(--colorLight);
}
.i.c .has-dark-muted-color{
color: var(--colorDarkMuted);
}
.has-main-color{
color: var(--colorMain);
}
.has-main-2-color{
color: var(--colorMain2);
}
.has-light-background-color{
background-color: var(--colorLight);
}
.has-font-background-color{
background-color: var(--colorFont);
}
.has-font-muted-background-color{
background-color: var(--colorFontMuted);
}
.has-background-background-color{
background-color: var(--colorBackground);
}
.has-border-background-color{
background-color: var(--colorBorder);
}
.has-dark-background-color{
background-color: var(--colorDark);
}
.has-dark-muted-background-color{
background-color: var(--colorDarkMuted);
}
.has-main-background-color{
background-color: var(--colorMain);
}
.has-main-2-background-color{
background-color: var(--colorMain2);
}
.alignfull{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
}
@media (min-width: 1200px) {
.alignfull{
padding-left: 7px;
padding-right: 7px;
}
}
.alignfull.wp-block-image > img{
max-width: none;
width: 100vw;
}
.with-sidebar #columns .alignfull{
width: 100%;
max-width: 100%;
margin-left: 0;
left: 0;
right: 0;
padding-left: 0;
padding-right: 0;
}
.with-sidebar .alignfull > img{
max-width: 100%;
width: auto;
}
@media screen and (min-width: 1300px) {
.alignwide{
margin-left: -3em;
max-width: none;
width: calc(100% + 6em);
}
}
@media screen and (min-width: 1400px) {
.alignwide{
margin-left: -9em;
max-width: none;
width: calc(100% + 18em);
}
}
.with-sidebar #columns .alignwide{
max-width: 100%;
width: auto;
margin-left: 0;
}
.wp-block-search{
position: relative;
}
.wp-block-search .wp-block-search__input{
max-width: none;
width: 100%;
padding-right: 60px;
padding-left: 20px;
border-radius: 5px;
font-size: 18px;
}
.wp-block-search .wp-block-search__button,
.wp-block-search .search-submit{
position: absolute;
right: 0;
font-size: 0;
padding: 0 22px;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 60px;
}
.wp-block-search .wp-block-search__button::before,
.wp-block-search .search-submit::before{
content: "";
font-family: FontAwesome;
font-size: 16px;
color: var(--colorDark);
transition: all .3s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover::before,
.wp-block-search .search-submit:hover::before{
opacity: .5;
}
#post-1787 [style="height:70px"]{
height: 0 !important;
}
#post-1783 .wp-block-quote{
padding-top: 0;
}
.wp-block-latest-comments__comment:last-child{
margin-bottom: 0;
}
br + code{
margin-top: 1em;
margin-bottom: 1em;
}
.post-password-form label{
font-size: 0;
margin-right: .5em;
vertical-align: bottom;
}
.post-password-form [type=submit]{
margin-top: .75em;
}
.wp-block-media-text:not(:last-child){
margin-bottom: 2em;
}
.wp-block-getwid-icon__wrapper{
padding: 10px 0;
}
.wp-block-getwid-recent-posts__entry-footer{
display: none;
}
.wp-block-getwid-recent-posts__entry-meta{
margin-bottom: 1em;
}
.wp-block-getwid-recent-posts__entry-meta .heading-inner > a{
color: var(--colorMain);
}
.wp-block-getwid-recent-posts__entry-meta .heading-inner > span{
margin-left: 15px;
}
.wp-block-getwid-recent-posts__entry-header{
display: flex;
flex-direction: column-reverse;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form{
display: flex;
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 15px;
}
.text-center .wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form{
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form p{
margin-bottom: 0;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__result{
order: 2;
width: 100%;
margin-top: .5em;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-field-email{
flex-grow: 10;
max-width: 500px;
}
@media (max-width: 400px) {
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-field-email{
max-width: 160px;
}
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__submit{
margin: 0 0 0 10px;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-button__link{
white-space: nowrap;
padding: 17px 27px;
}
.wp-block-getwid-price-box{
padding: 4.5em 1.5em;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__amount,
.wp-block-getwid-price-box .wp-block-getwid-price-box__currency{
font-size: 2.25em;
}
.wp-block-getwid-price-box__pricing{
margin: 1.3em 0 1.8em;
}
.wp-block-getwid-price-box__period{
vertical-align: initial;
}
.wp-block-getwid-price-box__features li:not([class]){
padding: .2em 0;
}
.wp-block-getwid-price-box__features li:not([class]):before{
margin-right: 1em;
color: var(--colorMain);
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "";
}
.i.c .wp-block-getwid-price-box__features li:not([class]):before{
color: var(--colorLight);
}
.wp-block-getwid-price-box__features li:not([class]):only-child:before{
display: none;
}
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__title,
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__percent{
color: var(--colorDark);
}
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__bar{
height: 2px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{
border-radius: 0 3px 3px 3px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__title-wrapper{
font-size: 16px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{
padding: 2.5em 1.87em;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link{
border-radius: 3px 3px 0 0;
border-top: 1px solid var(--colorBorder);
border-right: 1px solid var(--colorBorder);
border-left: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link:not(.ui-tabs-active),
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link:not(.ui-state-active){
background-color: var(--colorBackground);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-tabs-active,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-state-active{
border-bottom-color: rgba(0, 0, 0, 0);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a{
padding: .7em 1.85em !important;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:focus,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:hover{
text-decoration: none;
}
@media (max-width: 767px) {
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link{
width: 100%;
}
}
.wp-block-getwid-counter .wp-block-getwid-counter__wrapper{
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-getwid-counter .wp-block-getwid-counter__wrapper p{
padding: 0;
font-size: 2.5em;
color: var(--colorMain);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-wrapper{
border: none;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-wrapper.ui-accordion-header-active .wp-block-getwid-accordion__header-title{
color: var(--colorMain);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header{
padding: 1.115em 1.87em;
background-color: var(--colorLight);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-title{
font-size: 18px;
font-weight: bold;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__content-wrapper + .wp-block-getwid-accordion__header-wrapper{
margin-top: 30px;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__content{
padding: 0 1.87em 1.115em;
background-color: var(--colorLight);
border: none;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header-wrapper{
border: none;
padding-bottom: 2em;
outline: none;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header{
padding: 0;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header-title{
font-weight: 500;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content-wrapper{
border-bottom: 1px solid var(--colorBorder);
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content-wrapper + .wp-block-getwid-accordion__header-wrapper{
padding-top: 2em;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content{
border: none;
padding: 0 0 2em 0;
}
.wp-block-getwid-image-box h6,
.wp-block-getwid-image-box h5,
.wp-block-getwid-image-box h4,
.wp-block-getwid-image-box h3,
.wp-block-getwid-image-box h2,
.wp-block-getwid-image-box h1{
font-weight: 500;
}
@media (max-width: 767px) {
.wp-block-getwid-image-box.has-image-left .wp-block-getwid-image-box__image-container.is-position-top,
.wp-block-getwid-image-box.has-image-right .wp-block-getwid-image-box__image-container.is-position-top{
margin-bottom: 0;
}
}
.wp-block-getwid-video-popup{
text-align: left;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__icon{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__button.is-size-small .wp-block-getwid-video-popup__icon{
width: 80px;
height: 80px;
}
.getwid-video-popup button.mfp-close{
position: absolute;
font-size: 30px;
}
.wp-block-getwid-video-popup__button.is-size-small.is-style-default .wp-block-getwid-video-popup__button-caption{
padding-left: 25px;
}
.wp-block-getwid-contact-form .wp-block-button__link{
border-radius: 5px;
}
@media (min-width: 1200px) {
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form > *{
width: 100%;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form .wp-block-getwid-field-name{
width: 50%;
padding-right: 10px;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form .wp-block-getwid-field-email{
width: 50%;
padding-left: 10px;
}
}
.wp-block-getwid-contact-form__form p{
margin-bottom: 1.5em;
}
.wp-block-getwid-contact-form__submit{
margin-top: 1em;
}
.wp-block-getwid-contact-form__submit [type=submit]{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.wp-block-getwid-icon-box .wp-block-getwid-icon-box__icon-wrapper.has-background{
padding: 15px;
}
.wp-block-getwid-icon-box.in-line{
justify-content: center;
}
.wp-block-getwid-icon-box.in-line .wp-block-getwid-icon-box__content{
flex: inherit;
}
.wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover{
opacity: .65;
}
.wp-block-getwid-price-box{
padding-top: 0;
padding-bottom: 0;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__title{
font-weight: 400;
margin-bottom: 0;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__pricing{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__period{
width: 100%;
margin-top: 1rem;
font-size: 16px;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box .wp-block-getwid-price-box__amount{
font-size: 50px;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features{
font-size: 16px;
border-top: 1px solid var(--colorBorder);
padding-top: 1.5rem;
text-align: left;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features li{
display: flex;
align-items: center;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features li::before{
order: 2;
margin-right: 0;
margin-left: auto;
padding-left: 15px;
}
.wp-block-getwid-price-box.is-style-price-box-selected,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-bottom: 3px solid var(--colorMain);
border-radius: 5px;
padding: 4.5em 1.5em;
}
.wp-block-getwid-price-box.is-style-price-box-selected .wp-block-getwid-price-box__features,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features{
margin: 0 auto 2.5em;
width: auto;
}
@media (max-width: 767px) {
.wp-block-getwid-price-box.is-style-price-box-selected,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected{
padding: 3em 1.5em;
}
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__pricing,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__pricing{
margin-top: 1.8em;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__period{
width: auto;
margin-top: 0;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__amount,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__amount{
font-size: 32px;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features{
border-top: none;
padding-top: 0;
margin: 0 auto 2.5em;
width: auto;
max-width: 235px;
text-align: center;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features li,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features li{
justify-content: center;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features li::before,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features li::before{
display: none;
}
.wp-block-getwid-price-list{
margin: 0 0 2rem 0;
}
.wp-block-getwid-price-list:last-child{
margin-bottom: 0;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__header{
font-size: 20px;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__title,
.wp-block-getwid-price-list .wp-block-getwid-price-list__amount{
font-weight: 400;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__description{
margin-top: 1.2rem;
font-size: 16px;
}
.wp-block-getwid-content-timeline__line{
color: var(--colorMain);
}
.wp-block-getwid-content-timeline-item.is-active .wp-block-getwid-content-timeline-item__point-content{
border-color: var(--colorMain);
}
.wp-block-getwid-table:not(.has-border-collapse-collapse):not(.has-border-collapse-separate) td{
border: none;
}
.wp-block-getwid-table{
line-height: 1.47;
}
@media (max-width: 767px) {
.wp-block-getwid-table table{
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.wp-block-getwid-table table td{
min-width: 12em;
}
}
.wp-block-getwid-person{
text-align: left;
}
.wp-block-getwid-person .wp-block-getwid-person__title,
.wp-block-getwid-person .wp-block-getwid-person__subtitle,
.wp-block-getwid-person .wp-block-getwid-person__content{
text-align: left;
}
.wp-block-getwid-person .wp-block-getwid-person__title{
color: var(--colorDark);
font-weight: 500;
font-size: 20px;
}
.wp-block-getwid-person .wp-block-getwid-person__subtitle{
font-size: 18px;
}
.wp-block-getwid-person .wp-block-getwid-person__image img{
width: 100%;
margin: 0;
border-radius: 5px;
}
.wp-block-getwid-person .wp-block-getwid-social-links{
margin-top: 0;
}
.wp-block-getwid-person .wp-block-getwid-social-links ul:not(:empty){
padding-top: 2em;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link{
transition: all .3s ease-in-out;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover{
opacity: .6;
}
.wp-block-getwid-person.is-style-person-shadow{
padding: 1.8em;
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-bottom: 3px solid rgba(0, 0, 0, 0);
border-radius: 5px;
transition: all .3s ease-in-out;
background-color: var(--colorLight);
}
.wp-block-getwid-person.is-style-person-shadow:hover{
border-color: var(--colorMain);
}
.wp-block-getwid-person.is-style-person-shadow .wp-block-getwid-person__content-wrapper{
margin-top: 2.5em;
}
.wp-block-getwid-person.is-style-person-shadow .wp-block-getwid-person__content{
margin-top: .5em;
}
.wp-block-getwid-image-box.is-style-image-box-one,
.wp-block-getwid-image-box.is-style-image-box-two-btn,
.wp-block-getwid-image-box.is-style-image-box-two{
padding: 2em 1em 1.2em;
border-radius: 5px;
border-bottom: 3px solid rgba(0, 0, 0, 0);
transition: all .3s ease-in-out;
}
.wp-block-getwid-image-box.is-style-image-box-one:hover,
.wp-block-getwid-image-box.is-style-image-box-two-btn:hover,
.wp-block-getwid-image-box.is-style-image-box-two:hover{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-color: var(--colorMain);
}
@media (max-width: 767px) {
.wp-block-getwid-image-box.is-style-image-box-one,
.wp-block-getwid-image-box.is-style-image-box-two-btn,
.wp-block-getwid-image-box.is-style-image-box-two{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-color: var(--colorMain);
}
.wp-block-getwid-image-box.is-style-image-box-one:hover,
.wp-block-getwid-image-box.is-style-image-box-two-btn:hover,
.wp-block-getwid-image-box.is-style-image-box-two:hover{
border-color: rgba(0, 0, 0, 0);
box-shadow: inherit;
}
}
.wp-block-getwid-image-box.is-style-image-box-two{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
padding-top: 3em;
padding-bottom: 3em;
background-color: var(--colorLight);
position: relative;
}
.wp-block-getwid-image-box.is-style-image-box-two-btn{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
padding-top: 5em;
padding-bottom: 3em;
background-color: var(--colorLight);
position: relative;
}
.wp-block-getwid-image-box.is-style-image-box-two-btn .wp-block-button__link{
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-getwid-custom-post-type.is-style-with-shadow{
overflow: visible;
}
.wp-block-getwid-custom-post-type.is-style-with-shadow .wp-block-getwid-custom-post-type__post-wrapper{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-radius: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
overflow: visible;
transition: all .3s ease-in-out;
}
.wp-block-getwid-custom-post-type.is-style-with-shadow .wp-block-getwid-custom-post-type__post-wrapper:hover{
border-color: var(--colorMain);
}
.wp-block-getwid-custom-post-type .wp-block-group__inner-container{
width: 100%;
}
.wp-block-getwid-custom-post-type img{
width: 100%;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-featured-image img{
border-radius: 5px 5px 0 0;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories i{
color: var(--colorMain);
margin-right: .2em;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories a{
font-size: 16px;
color: var(--colorFont);
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories a:hover{
color: var(--colorMain);
}
.wp-block-getwid-custom-post-type .template-2 .wp-block-group__inner-container,
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container,
.wp-block-getwid-custom-post-type .template-6 .wp-block-group__inner-container{
padding-bottom: 1.5em;
}
.wp-block-getwid-custom-post-type .template-2 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image),
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image),
.wp-block-getwid-custom-post-type .template-6 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image){
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-getwid-custom-post-type .template-2 h6{
margin-top: 2.2rem;
}
.wp-block-getwid-custom-post-type .template-4 .wp-block-group__inner-container{
padding: 1.5em;
}
.wp-block-getwid-custom-post-type .template-4 .wp-block-getwid-template-post-featured-image img{
border-radius: 5px;
}
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container{
padding-bottom: 0;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image){
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-getwid-template-post-content{
padding-bottom: 1em;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-getwid-template-post-button{
padding-bottom: 1em;
padding-top: 1em;
border-top: 1px solid var(--colorBorder);
}
.wp-block-getwid-custom-post-type .template-6 h6,
.wp-block-getwid-custom-post-type .template-6 h5,
.wp-block-getwid-custom-post-type .template-6 h4,
.wp-block-getwid-custom-post-type .template-6 h3,
.wp-block-getwid-custom-post-type .template-6 h2,
.wp-block-getwid-custom-post-type .template-6 h1{
margin-top: 2em;
}
.has-spacing-small > .getwid-columns > *{
padding-left: 5px !important;
padding-right: 5px !important;
}
.has-spacing-medium > .getwid-columns > *{
padding-left: 15px !important;
padding-right: 15px !important;
}
.has-spacing-normal > .getwid-columns > *{
padding-left: 25px !important;
padding-right: 25px !important;
}
.has-spacing-large > .getwid-columns > *{
padding-left: 40px !important;
padding-right: 40px !important;
}
.has-spacing-none > .getwid-columns > *{
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-getwid-template-post-meta.has-direction-row > *{
margin-right: 8px;
}
.pulse-icon{
text-align: center;
}
.pulse-icon > *{
display: inline-block !important;
height: 2.3em;
width: 2.3em;
line-height: 2.3;
border-radius: 50%;
background-color: var(--colorMain);
color: var(--colorLight);
box-shadow: 0 0 0 0 rgba(67, 174, 225, .7), 0 0 0 0 rgba(67, 174, 225, .8);
-webkit-animation: pulse-icon-color-main 1.5s infinite;
}
@media (min-width: 1200px) {
.line-right{
text-align: center;
position: relative;
}
.line-right::after{
content: "";
position: absolute;
display: inline-block;
width: 170px;
height: 1px;
background-color: var(--colorBorder);
top: 50%;
left: calc(100% + 16px);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
}
.line-right-2{
position: relative;
}
.line-right-2 > *:first-child{
position: relative;
display: inline-block !important;
width: 2em;
height: 2em;
line-height: 2em;
color: var(--colorLight);
background-color: var(--colorMain);
border-radius: 50%;
text-align: center !important;
}
@media (min-width: 577px) {
.line-right-2::after{
content: "";
position: absolute;
display: inline-block;
width: calc(100% + 40px);
height: 1px;
background-color: var(--colorMain);
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
}
@media (min-width: 1200px) {
.wp-block-getwid-section.img-center-right .wp-block-getwid-section__background{
background-position: 56% center !important;
}
}
.wp-block-getwid-map .wp-block-getwid-map__points{
display: none;
}
.nav-links:empty{
display: none;
}
.nav-links .next,
.nav-links .prev{
display: inline-flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0);
}
.nav-links .next:hover,
.nav-links .prev:hover{
fill: var(--colorLight);
}
.nav-links .icon-inline .svg-icon svg{
fill: var(--colorDark);
max-width: 1em;
max-height: 1em;
}
.nav-links .icon-inline{
vertical-align: bottom;
}
.nav-links .icon-inline span.svg-icon svg{
display: none;
}
.nav-links .icon-inline .icon-chevron-left::before{
content: "";
font-family: "icomoon";
line-height: 46px;
}
.nav-links .icon-inline .icon-chevron-right::before{
content: "";
font-family: "icomoon";
line-height: 46px;
}
.page-links{
justify-content: flex-start;
}
.nav-links{
justify-content: center;
}
.main .nav-links{
justify-content: center;
}
.nav-links,
.page-links{
line-height: 1;
clear: both;
margin: 14px 0;
display: flex;
flex-wrap: wrap;
}
.nav-links .woocommerce-pagination,
.page-links .woocommerce-pagination{
display: flex;
flex-wrap: wrap;
}
.nav-links:before,
.nav-links:after,
.page-links:before,
.page-links:after{
content: "";
display: block;
clear: both;
}
.nav-links:last-child,
.page-links:last-child{
margin-bottom: 0;
}
.nav-links a,
.nav-links .current,
.page-links a,
.page-links .current{
text-align: center;
border: 1px solid var(--colorBorder);
border-radius: 5px;
overflow: hidden;
color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
font-weight: 400;
margin-right: 6px;
margin-bottom: 6px;
line-height: 46px;
min-width: 46px;
text-transform: uppercase;
transition: all .3s ease-in-out 0s;
}
.nav-links a:last-child,
.nav-links .current:last-child,
.page-links a:last-child,
.page-links .current:last-child{
margin-right: 0;
}
.nav-links a:hover,
.nav-links .current:hover,
.page-links a:hover,
.page-links .current:hover{
color: var(--colorLight);
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
.nav-links .current,
.page-links .current{
color: var(--colorLight);
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
span.page-numbers.dots{
display: block;
line-height: 46px;
min-width: 46px;
min-height: 46px;
text-align: center;
margin-right: 6px;
margin-bottom: 6px;
border: 1px solid var(--colorBorder);
border-radius: 5px;
}
.i .nav-links a,
.i .nav-links .current,
.i .page-links a,
.i .page-links .current{
color: var(--colorLight);
}
.page-links span:first-child{
border: none;
padding-right: 0;
padding-left: 0;
}
#layout.layout-default .pagination{
max-width: 1000px;
margin: 4.7em auto;
}
#layout.layout-cols .pagination .nav-links{
justify-content: center;
}
.pagination{
margin-top: 4.7em;
}
@media (min-width: 992px) {
.no-sidebar.container-1170 .layout-default-wide-image .pagination{
margin-left: 12em;
margin-right: 12em;
}
}
.comments-pagination{
margin-bottom: 2em;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin: 0;
padding: 0;
list-style: none;
}
.flexslider{
margin: 0;
padding: 0;
}
.flexslider .slides > li{
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img{
width: 100%;
display: block;
}
.flex-pauseplay span{
text-transform: capitalize;
}
.slides:after{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides{
display: block;
}
* html .slides{
height: 1%;
}
.no-js .slides > li:first-child{
display: block;
}
.flexslider{
margin: 0 0;
position: relative;
zoom: 1;
}
.flex-viewport{
max-height: 2000px;
transition: all 1s ease;
}
.loading .flex-viewport{
max-height: 300px;
}
.flexslider .slides{
zoom: 1;
}
.flex-direction-nav{
*height: 0;
}
.flex-direction-nav a{
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.flex-direction-nav .flex-prev{
left: 40px;
}
.flex-direction-nav .flex-next{
right: 40px;
text-align: right;
}
.flexslider:hover .flex-prev{
opacity: .7;
}
.flexslider:hover .flex-next{
opacity: .7;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
opacity: 1;
}
.flex-direction-nav .flex-disabled{
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before{
font-family: "icomoon";
font-size: 16px;
content: "";
color: var(--colorDark);
position: absolute;
top: 5px;
left: 12px;
}
.flex-direction-nav a.flex-next:before{
content: "";
left: 16px;
}
.flex-pauseplay a{
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: .8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before{
font-family: "FontAwesome";
font-size: 20px;
display: inline-block;
content: "";
}
.flex-pauseplay a:hover{
opacity: 1;
}
.flex-pauseplay a.flex-play:before{
content: "";
}
.flex-control-nav{
width: 100%;
position: absolute;
bottom: 40px;
margin-top: 40px;
text-align: center;
color: rgba(0, 0, 0, 0);
font-size: 0;
line-height: 0;
}
@media (max-width: 767px) {
.flex-control-nav{
bottom: 20px;
}
}
.flex-control-nav li{
text-align: center;
display: inline-block;
padding: 0 14px;
zoom: 1;
*display: inline;
}
.flex-control-paging li:not(:last-child){
margin-right: 10px;
}
.flex-control-paging li a{
width: 10px;
height: 10px;
margin: 5px 10px;
display: block;
border: 1px solid;
background-color: rgba(0, 0, 0, 0);
border-color: #fff;
border-color: var(--colorLight);
cursor: pointer;
border-radius: 50%;
}
.flex-control-paging li a:hover{
border-color: #43aee1;
border-color: var(--colorMain);
background-color: var(--colorMain);
}
.flex-control-paging li a.flex-active{
border-color: #43aee1;
border-color: var(--colorMain);
background-color: var(--colorMain);
}
.flex-control-thumbs{
margin: 1px -1px;
position: static;
overflow: hidden;
}
.flex-control-thumbs li{
width: 25%;
float: left;
margin: 0 0 1px;
padding: 0 0 0 1px;
}
.flex-control-thumbs img{
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover{
opacity: 1;
}
.flex-control-thumbs .flex-active{
opacity: 1;
cursor: default;
}
.flex-custom-nav{
text-align: center;
position: absolute;
bottom: 38px;
right: 0;
left: 0;
z-index: 3;
line-height: 1;
transition: all .3s ease-in-out;
}
.flex-custom-nav .flex-control-nav{
width: auto;
display: inline-block;
position: static;
}
.flex-custom-nav .flex-custom-link{
font-size: 12px;
position: relative;
bottom: 7px;
margin: 0 8px;
color: #141414;
}
.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link{
color: #fff;
}
.flex-custom-nav .flex-custom-link:hover{
color: #43aee1;
}
.page_slider:hover .flex-custom-nav{
opacity: 1;
}
.widget.widget_custom_posts .item-content{
padding: 0 !important;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a{
text-decoration: none;
display: block;
width: 16px;
height: 26px;
margin: -30px -40px 0;
position: absolute;
top: -30px;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav .flex-prev{
left: auto;
right: 76px;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a:before{
font-family: "icomoon";
font-size: 16px;
content: "";
color: var(--colorDark);
position: absolute;
top: 0;
left: 0;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a.flex-next:before{
content: "";
left: 0;
}
.widget.widget_custom_posts .layout-slider .posts-list li img{
max-width: none;
max-height: auto;
}
.widget.widget_custom_posts .layout-slider .posts-list li + li{
margin-top: 0;
}
.widget.widget_custom_posts .layout-slider .widget-title{
margin-bottom: 30px;
font-weight: 500;
font-size: 30px;
line-height: 39px;
}
.widget.widget_custom_posts .layout-slider .posts-list .posts-list-thumbnail{
margin-right: 0;
}
.widget.widget_custom_posts .layout-slider .svg-icon.icon-video{
display: none;
}
.widget.widget_custom_posts .layout-slider .item-content{
position: relative;
padding: 50px 40px !important;
background-color: var(--colorBackground);
border-radius: 5px;
}
.widget.widget_custom_posts .layout-slider .item-content .author-avatar img{
position: absolute;
top: -30px;
left: 40px;
max-width: 60px;
min-width: 0;
max-height: 60px;
}
.widget.widget_custom_posts .layout-slider li img{
border-radius: 5px 5px 0 0;
}
.widget.widget_custom_posts .layout-slider .flex-control-nav.flex-control-paging{
display: none;
}
.apsc-facebook-icon{
background-color: #3b5998;
}
.apsc-twitter-icon{
background-color: #1dcaff;
}
.apsc-youtube-icon{
background-color: #e52d27;
}
.apsc-soundcloud-icon{
background-color: #f80;
}
.apsc-dribble-icon{
background-color: #ea4c89;
}
.apsc-comment-icon{
background-color: #464646;
}
.apsc-edit-icon{
background-color: #837d7d;
}
.apsc-google-plus-icon{
background-color: #dd4b39;
}
.apsc-instagram-icon{
background-color: #3f729b;
}
.apsc-each-profile a{
color: #fff !important;
display: block;
}
.apsc-each-profile a:hover{
color: #fff !important;
text-decoration: none !important;
}
.apsc-theme-1 .apsc-facebook-icon i{
background-color: #3b5998;
}
.apsc-theme-1 .apsc-twitter-icon i{
background-color: #1dcaff;
}
.apsc-theme-1 .apsc-youtube-icon i{
background-color: #e52d27;
}
.apsc-theme-1 .apsc-soundcloud-icon i{
background-color: #f80;
}
.apsc-theme-1 .apsc-dribble-icon{
background-color: var(--colorLight);
}
.apsc-theme-1 .apsc-dribble-icon i{
background-color: #ea4c89;
}
.apsc-theme-1 .apsc-comment-icon{
background-color: var(--colorLight);
}
.apsc-theme-1 .apsc-comment-icon i{
background-color: #464646;
}
.apsc-theme-1 .apsc-edit-icon{
background-color: var(--colorLight);
}
.apsc-theme-1 .apsc-edit-icon i{
background-color: #837d7d;
}
.apsc-theme-1 .apsc-google-plus-icon{
background-color: var(--colorLight);
}
.apsc-theme-1 .apsc-google-plus-icon i{
background-color: #dd4b39;
}
.apsc-theme-1 .apsc-instagram-icon{
background-color: var(--colorLight);
}
.apsc-theme-1 .apsc-instagram-icon i{
background-color: #3f729b;
}
.apsc-theme-1 .apsc-each-profile{
margin-bottom: 8px;
}
.apsc-theme-1 .apsc-inner-block{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.apsc-theme-1 .social-icon{
display: inline-block;
padding: 4px 0;
transition: all .5s ease-in-out;
}
.apsc-theme-1 .apsc-each-profile a{
display: block;
position: relative;
padding: 14px 29px 14px 60px;
font-size: 12px;
font-weight: 300;
text-transform: capitalize;
color: var(--colorDarkMuted) !important;
}
.apsc-theme-1 .apsc-each-profile a .media-name{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
padding-left: 35px;
color: var(--colorLight);
padding-right: 35px;
}
@media (max-width: 399px) {
.apsc-theme-1 .apsc-each-profile a .media-name{
padding-left: 10px;
padding-right: 10px;
}
}
.apsc-theme-1 .apsc-each-profile a i{
color: var(--colorLight) !important;
}
.apsc-theme-1 .apsc-each-profile a:hover{
opacity: .8;
}
@media (max-width: 768px) {
.apsc-theme-1 .apsc-each-profile a{
padding: 11px 15px 11px 70px;
}
}
.apsc-theme-1 .apsc-each-profile{
border-radius: 0;
overflow: hidden;
}
.apsc-theme-1 .apsc-each-profile a .fa,
.apsc-theme-1 .apsc-each-profile a .fab,
.apsc-theme-1 .apsc-each-profile a .fas{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid #fff;
width: 60px;
font-size: 14px;
-webkit-transform: none;
transform: none;
transition: all .5s ease-in-out;
}
.apsc-theme-1 .apsc-count{
border-radius: 0;
color: var(--colorLight);
display: inline-block;
font-size: inherit;
text-align: center;
position: relative;
padding: 4px 4px;
transition: all .5s ease-in-out;
font-weight: 300;
margin-right: 5px;
}
.apsc-theme-1 .apsc-media-type{
display: inline-block;
text-transform: uppercase;
padding: 4px 0;
font-weight: 300;
color: var(--colorLight);
}
.apsc-theme-4 .apsc-each-profile{
width: 100%;
}
.apsc-theme-4 .apsc-each-profile a{
padding: 0 20px 0 0;
}
.apsc-theme-4 .apsc-each-profile .apsc-inner-block{
align-items: center;
flex-wrap: nowrap;
}
.apsc-theme-4 .apsc-each-profile .social-icon{
height: 60px;
width: 100%;
display: flex;
align-items: center;
}
.apsc-theme-4 .apsc-each-profile .media-name{
margin-left: 90px;
font-size: 15px;
text-transform: uppercase;
font-weight: 500 !important;
}
.apsc-theme-4 .apsc-each-profile .apsc-media-type{
white-space: nowrap;
}
.apsc-theme-5{
display: flex;
flex-wrap: wrap;
}
.widget_search{
background-color: rgba(0, 0, 0, 0);
border-radius: 5px;
}
.widget_search .wp-block-search .wp-block-search__input{
font-size: 14px;
padding-right: 60px;
padding-left: 30px;
}
.widget_search .wp-block-search .wp-block-search__input::-webkit-input-placeholder{
opacity: 1;
color: var(--colorDark);
}
.widget_search .wp-block-search .wp-block-search__input:-ms-input-placeholder{
opacity: 1;
color: var(--colorDark);
}
.widget_search .wp-block-search .wp-block-search__input::placeholder{
opacity: 1;
color: var(--colorDark);
}
.widget_search .wp-block-search .wp-block-search__button,
.widget_search .search-submit{
height: 60px;
width: 60px;
border: none;
line-height: 60px;
}
.widget_search .wp-block-search .wp-block-search__button::before,
.widget_search .search-submit::before{
font-size: 16px;
content: "";
font-family: "FontAwesome";
color: var(--colorMain);
}
.widget_search .wp-block-search .wp-block-search__button:hover::before,
.widget_search .search-submit:hover::before{
opacity: 1;
color: var(--colorDark);
}
.widget_search .wp-block-search__label{
display: block !important;
font-size: 24px;
margin: 0 0 20px;
font-weight: 500;
position: relative;
line-height: 1;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover,
body #booked-profile-page input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover,
body #booked-profile-page .appt-block .google-cal-button > a:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
background: #c4f2d4 !important;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .appt-block .google-cal-button > a:hover{
border-color: var(--colorMain) !important;
}
body table.booked-calendar th,
body table.booked-calendar thead{
background: rgba(0, 0, 0, 0) !important;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover{
background: var(--colorMain) !important;
border-color: var(--colorMain) !important;
color: var(--colorLight);
}
body table.booked-calendar tr.days,
body table.booked-calendar tr.days th,
body .booked-calendarSwitcher.calendar,
body #booked-profile-page .booked-tabs,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
background: var(--colorMain2) !important;
}
body table.booked-calendar tr.days th,
body #booked-profile-page .booked-tabs{
border-color: var(--colorMain2) !important;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover,
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block,
body #booked-profile-page .appt-block .google-cal-button > a,
body .booked-modal p.booked-title-bar,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,
.booked-ms-modal .booked-book-appt{
background: var(--colorMain2);
}
body table.booked-calendar td .date span{
border: 2px solid rgba(0, 0, 0, 0);
}
body table.booked-calendar td:hover .date span{
background: rgba(0, 0, 0, 0);
border: 2px solid var(--colorMain);
}
body table.booked-calendar td:hover .date.tooltipster span{
background: rgba(0, 0, 0, 0);
border: rgba(0, 0, 0, 0);
}
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body #booked-profile-page .appt-block .google-cal-button > a,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{
border-color: var(--colorMain2);
}
body .booked-modal .bm-window p i.fa,
body .booked-modal .bm-window a,
body .booked-appt-list .booked-public-appointment-title,
body .booked-modal .bm-window p.appointment-title,
.booked-ms-modal.visible:hover .booked-book-appt{
color: #56c477;
}
.booked-appt-list .timeslot.has-title .booked-public-appointment-title{
color: inherit;
}
body .calendarSavingState,
body #data-ajax-url{
display: none;
}
body .calendarSavingState{
color: var(--colorDarkGrey);
}
#wp-admin-bar-booked .ab-icon:before{
content: "";
top: 1px;
}
body.booked-noScroll{
position: fixed;
width: 100%;
overflow: hidden;
}
body .bookedClearFix:after{
content: "";
display: table;
clear: both;
}
body table.booked-calendar th,
body table.booked-calendar td{
font-weight: 400;
border: 1px solid var(--colorBorder);
}
body #booked-profile-page input[type=submit],
body #booked-profile-page button,
body .booked-list-view input[type=submit],
body .booked-list-view button,
body table.booked-calendar input[type=submit],
body table.booked-calendar button,
body .booked-modal input[type=submit],
body .booked-modal button{
-webkit-appearance: none;
height: auto;
font-size: 12px;
display: inline-block;
padding: 0 12px;
background: #eee;
color: #333;
line-height: 30px;
text-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body table.booked-calendar input[type=submit],
body table.booked-calendar button{
padding: 13px 20px;
}
@media (min-width: 1200px) {
body table.booked-calendar input[type=submit],
body table.booked-calendar button{
padding: 13px 44px;
min-width: 210px;
}
}
body #booked-profile-page input[type=submit].bb-small,
body #booked-profile-page button.bb-small,
body .booked-list-view input[type=submit].bb-small,
body .booked-list-view button.bb-small,
body table.booked-calendar input[type=submit].bb-small,
body table.booked-calendar button.bb-small,
body .booked-modal input[type=submit].bb-small,
body .booked-modal button.bb-small{
line-height: 24px;
padding: 0 8px;
}
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary{
-webkit-appearance: none;
height: auto;
color: #fff;
border-width: 1px;
border-style: solid;
}
body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page button:hover,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view button:hover,
body table.booked-calendar input[type=submit]:hover,
body table.booked-calendar button:hover,
body .booked-modal input[type=submit]:hover,
body .booked-modal button:hover{
background: #ddd;
color: #000;
height: auto;
text-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover{
color: #fff;
height: auto;
border: 1px solid;
}
body table.booked-calendar{
box-sizing: border-box;
text-shadow: none !important;
box-shadow: none !important;
}
body table.booked-calendar thead th .page-right,
body table.booked-calendar thead th .page-left{
color: var(--colorDarkGrey) !important;
}
body table.booked-calendar thead th .page-right i,
body table.booked-calendar thead th .page-left i{
display: none !important;
}
body table.booked-calendar thead th .page-right:hover,
body table.booked-calendar thead th .page-left:hover{
color: var(--colorMain) !important;
right: 0 !important;
}
body table.booked-calendar thead th .page-right:after,
body table.booked-calendar thead th .page-left:after{
position: absolute;
top: 10px;
font-family: "FontAwesome";
font-style: normal;
font-size: 15px;
}
body table.booked-calendar thead th .page-right:after{
content: "";
right: 5px;
}
body table.booked-calendar thead th .page-left:after{
content: "";
left: 5px;
}
body table.booked-calendar thead th{
text-align: center !important;
color: #fff !important;
}
body table.booked-calendar thead th .monthName{
font-size: 30px;
font-weight: 900;
height: 30px;
display: inline-block;
color: var(--colorDarkGrey);
font-family: "Roboto",sans-serif;
}
body table.booked-calendar tbody td{
padding: 0;
text-align: center;
}
body .booked-calendar-wrap{
margin: 0 0 30px;
}
body .widget_booked_calendar .booked-calendar-wrap{
margin: 0;
}
body table.booked-calendar{
margin: 0;
padding: 0;
background: rgba(0, 0, 0, 0);
border-spacing: 0;
width: 100%;
border: none;
border-bottom: 1px solid var(--colorBorder);
}
body table.booked-calendar thead{
background-color: rgba(0, 0, 0, 0) !important;
color: #fff;
text-transform: none;
}
body table.booked-calendar th{
text-align: center;
position: relative;
font-size: 20px;
width: 14.285%;
border-width: 0;
border-style: solid;
padding: 25px 0;
line-height: 1;
}
body table.booked-calendar tr.days{
color: #fff;
text-transform: uppercase;
}
body table.booked-calendar tr.days th{
padding: 19px 0 18px;
border-width: 1px;
border-style: solid;
font-size: 12px;
font-weight: 500;
letter-spacing: .2em;
}
body table.booked-calendar th .monthName a{
display: none;
}
body table.booked-calendar th .monthName a:hover{
color: rgba(255, 255, 255, .5);
}
body table.booked-calendar th .page-left{
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 0 !important;
top: 30px;
}
@media (max-width: 820px) {
body table.booked-calendar th .page-left{
left: 20px;
}
}
body table.booked-calendar th .page-right{
width: 50px;
height: 50px;
display: block;
position: absolute;
right: 0;
top: 30px;
}
@media (max-width: 820px) {
body table.booked-calendar th .page-right{
right: 20px;
}
}
body table.booked-calendar td{
text-align: center;
overflow: hidden;
position: relative;
font-size: 16px;
font-weight: 300;
color: var(--colorFont);
padding: 0;
border-right: 1px solid var(--colorBorder);
}
@media (min-width: 1200px) {
body table.booked-calendar td{
height: 80px !important;
}
body table.booked-calendar td > span{
line-height: 81px !important;
}
}
body table.booked-calendar td:first-child{
border-left: 1px solid var(--colorBorder);
}
body table.booked-calendar td:last-child{
border-right: 1px solid var(--colorBorder);
}
body table.booked-calendar td .date{
background: #f1f1f1;
display: block;
width: 100%;
height: 100%;
}
body table.booked-calendar td .date .number{
display: inline-block;
border-radius: 30px;
width: 50px;
height: 50px;
line-height: 48px;
}
body table.booked-calendar td:hover .date{
cursor: pointer;
background: var(--colorMain);
}
body table.booked-calendar td:hover .date span{
color: #fff;
}
body table.booked-calendar tr.week td.active{
border-bottom-color: var(--colorBorder);
}
body table.booked-calendar tr.week td.active .date{
background: #ddd;
color: var(--colorFont);
}
body table.booked-calendar tr.week td.active .date .number{
border: none;
background: var(--colorMain);
color: var(--colorLight);
line-height: 50px;
}
@media (max-width: 1100px) {
body table.booked-calendar tr.week td.active .date .number{
line-height: 34px;
}
}
body table.booked-calendar tr.week td.active{
background: #ddd;
}
body table.booked-calendar tr.entryBlock{
color: #fff;
}
body table.booked-calendar tr.entryBlock td{
padding: 0;
text-align: left;
color: #fff;
border-bottom-color: var(--colorBorder);
}
body table.booked-calendar tr.entryBlock.loading td{
height: 132px;
}
body table.booked-calendar td.prev-date .date,
body table.booked-calendar td.prev-date:hover .date,
body table.booked-calendar td.prev-date:hover .date span{
cursor: not-allowed;
background: var(--colorLight) !important;
color: var(--colorFont) !important;
}
body table.booked-calendar td.blur .date,
body table.booked-calendar td.blur:hover .date,
body table.booked-calendar td.blur:hover .date span{
cursor: not-allowed;
background: #f5f5f5 !important;
color: #ccc !important;
}
body table.booked-calendar td.next-month .date span,
body table.booked-calendar td.prev-month .date span{
color: #a6a6a6;
}
body table.booked-calendar td.next-month:hover .date span,
body table.booked-calendar td.prev-month:hover .date span{
color: #fff;
}
body table.booked-calendar td.booked .date,
body table.booked-calendar td.booked:hover .date,
body table.booked-calendar td.booked .date span,
body table.booked-calendar td.booked:hover .date span{
cursor: not-allowed;
background: #fff9f8 !important;
color: #ffa790 !important;
}
body table.booked-calendar td.active:hover .date span{
background: #fff;
}
body table.booked-calendar.booked-pa-active td.booked .date,
body table.booked-calendar.booked-pa-active td.booked:hover .date,
body table.booked-calendar.booked-pa-active td.booked .date span,
body table.booked-calendar.booked-pa-active td.booked:hover .date span{
cursor: pointer;
}
body table.booked-calendar.booked-pa-active td.booked:hover .date span{
background: #e35656 !important;
color: #fff !important;
}
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date,
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date:hover{
background: #ddd !important;
color: #555 !important;
}
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date span,
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date span:hover{
background: #fff !important;
color: #555 !important;
}
body table.booked-calendar td.next-month .date,
body table.booked-calendar td.prev-month .date{
background: #fafafa;
}
body table.booked-calendar td.today .date{
color: #000;
}
body table.booked-calendar td.today .date span{
border: 2px solid var(--colorMain2);
color: #000 !important;
}
body table.booked-calendar td.today.prev-date .date span{
color: #ccc !important;
}
body table.booked-calendar td.today:hover .date{
color: #000 !important;
}
body table.booked-calendar td.today:hover .date span{
background: #31afea !important;
color: #fff !important;
}
body table.booked-calendar td.today.active:hover .date span{
background: #fff !important;
color: #000 !important;
}
body table.booked-calendar td.today.prev-date:hover .date span{
background: none !important;
color: #ccc !important;
}
body table.booked-calendar tr.week td.active .date,
body table.booked-calendar tr.week td.active:hover .date,
body table.booked-calendar tr.entryBlock{
background: #f2f2f2;
}
body .booked-calendar-wrap .booked-appt-list{
font-size: 30px;
line-height: 1;
}
body table.booked-calendar .booked-appt-list{
color: #000;
background: #f2f2f2;
-webkit-transform: scale(0.95);
transform: scale(0.95);
padding: 30px 35px 20px;
display: none;
box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
border-radius: 3px;
}
@media (min-width: 1200px) {
body table.booked-calendar .booked-appt-list{
padding: 40px 55px 40px;
}
}
body .booked-calendar-wrap .booked-appt-list.shown{
-webkit-transform: scale(1);
transform: scale(1);
}
body .booked-calendar-wrap .booked-appt-list h2{
text-align: left;
color: #323232;
font-weight: 900;
font-size: 30px;
margin: 0 0 30px;
line-height: 1.7;
}
body .booked-calendar-wrap .booked-appt-list h2 strong{
font-weight: 400 !important;
}
body .booked-calendar-wrap .booked-appt-list h2 span{
line-height: 1.7;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev{
text-align: left;
}
body .booked-calendar-wrap .booked-appt-list p{
color: #888;
font-weight: 400;
margin: 0 0 20px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot{
box-sizing: border-box;
line-height: 1.8;
color: #888;
min-height: 96px;
border-top: 1px solid var(--colorBorder);
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
border-bottom: 1px solid var(--colorBorder);
}
body .booked-calendar-wrap .booked-appt-list .timeslot.faded{
opacity: .25;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:hover{
background: #f9f9f9;
}
body .booked-list-view .booked-appt-list .timeslot:hover{
background: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
margin: 0 0 20px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title{
margin: 0;
display: block;
color: var(--colorMain2);
font-weight: 400;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
height: 96px;
padding: 25px 0 0 0;
box-sizing: border-box;
float: left;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title .timeslot-time{
height: auto;
min-height: 71px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time i.fa{
color: var(--colorMain);
font-size: 18px;
margin-right: 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
height: 71px;
padding: 18px 0 0 0;
box-sizing: border-box;
float: right;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
line-height: 1;
width: 60%;
font-weight: 400;
color: var(--colorFont);
font-size: 16px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
font-weight: 400;
text-transform: none;
font-size: 16px;
display: inline-block;
line-height: 2.7;
color: var(--colorMain2);
padding-left: 20px;
padding-bottom: 8px;
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
width: 220px;
text-align: right;
padding-left: 0;
}
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range{
width: 240px;
display: inline-block;
}
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range .booked-icon{
color: var(--colorMain2);
font-weight: 600;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available.empty{
color: #e35656;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-unavailable .spots-available{
opacity: 0;
height: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
width: 40%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button{
float: right;
margin: 0 0 0 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot a{
font-weight: 600;
text-decoration: none;
}
body table.booked-calendar .booked-appt-list .timeslot button .spots-available,
body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
min-height: auto;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
margin: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
min-height: auto;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
margin: 0;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time{
height: 60px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
height: 60px;
padding-top: 13px;
padding-right: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time{
padding-top: 22px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
padding-left: 5px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
padding-right: 16px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time{
padding-left: 0;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people,
body .booked-list-view .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
padding-right: 0;
}
body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list .timeslot:hover .timeslot-people{
padding-right: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button{
color: var(--colorLight);
border-width: 2px;
border-style: solid;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover{
border-width: 2px;
border-style: solid;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover{
cursor: default !important;
background: #eee !important;
border-color: var(--colorBorder) !important;
color: #aaa !important;
}
body .booked-list-view{
position: relative;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time{
width: 50%;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
width: 50%;
}
body .booked-list-view.small .booked-appt-list h2,
body .booked-list-view.booked-tight .booked-appt-list h2{
text-align: center;
}
body .booked-list-view.small .booked-list-view-nav,
body .booked-list-view.booked-tight .booked-list-view-nav{
display: block;
margin: -5px 0 30px;
position: relative;
text-align: center;
}
body .booked-list-view.small .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view.small .booked-list-view-nav .booked-list-view-date-prev,
body .booked-list-view.booked-tight .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view.booked-tight .booked-list-view-nav .booked-list-view-date-prev{
margin: 0 3px 5px;
position: relative;
display: inline-block;
top: 0;
}
body table.booked-calendar .timeslot-count strong{
display: block;
text-transform: uppercase;
margin: 20px 0 10px;
}
body table.booked-calendar .appt-block{
width: 80%;
border-top: 1px solid var(--colorBorder);
display: block;
padding: 10px 0;
}
body table.booked-calendar .timeslot-count button{
float: right;
margin: 0 0 0 10px;
}
body table.booked-calendar .timeslot-count a.delete{
float: left;
margin: 0 10px 0 0;
font-size: 20px;
line-height: 1.3;
color: #f59e9e;
}
body table.booked-calendar .timeslot-count a.delete:hover{
color: #e35656;
}
body table.booked-calendar tr.week td.active:hover .count{
top: -40px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendarSwitcher.calendar{
box-sizing: border-box;
display: inline-block;
margin: 0;
padding: 8px 10px 9px 12px;
color: #fff;
border-radius: 5px 5px 0 0;
}
body .booked-calendarSwitcher.calendar p{
position: relative;
line-height: 1;
margin: 0;
}
body .booked-calendarSwitcher.calendar p i.fa{
font-size: 14px;
margin: 0 10px 0 0;
position: relative;
color: #fff;
}
body .booked-calendarSwitcher.calendar select{
position: relative;
cursor: pointer;
background: rgba(0, 0, 0, 0);
font-size: 14px;
min-width: 200px;
border: none;
color: #fff;
-webkit-appearance: none;
}
body .booked-calendarSwitcher.calendar select:active,
body .booked-calendarSwitcher.calendar select:focus{
box-shadow: none;
outline: none;
}
body .booked-calendarSwitcher.calendar p:before{
position: absolute;
top: 1px;
right: 3px;
color: #fff;
font-family: "FontAwesome";
content: "";
}
body .booked-calendarSwitcher.list{
box-sizing: border-box;
display: inline-block;
margin: 0 0 20px;
padding: 0;
}
body .booked-calendarSwitcher.list p{
line-height: 1;
margin: 0;
}
body .booked-calendarSwitcher.list p i.fa{
display: none;
}
body .booked-calendarSwitcher.list select{
font-size: 14px;
min-width: 200px;
border: 1px solid #ddd;
background: #f9f9f9;
height: 30px;
}
body .booked-calendarSwitcher.list select:active,
body .booked-calendarSwitcher.list select:focus{
box-shadow: none;
outline: none;
}
body .booked-calendar-wrap.small table.booked-calendar thead th{
font-size: 16px;
padding: 13px 0 10px;
}
body .booked-calendar-wrap.small table.booked-calendar thead tr.days th{
font-size: 11px;
padding: 7px 0 5px;
}
body .booked-calendar-wrap.small table.booked-calendar td{
font-size: 13px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-left{
left: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-right{
right: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-left:hover{
left: 9px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-right:hover{
right: 9px;
}
body .booked-calendar-wrap.small table.booked-calendar th .monthName{
height: auto;
display: inline-block;
}
body .booked-calendar-wrap.small table.booked-calendar th .monthName a{
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap.small table.booked-calendar td .count{
display: none;
}
body .booked-calendar-wrap.small table.booked-calendar td .date{
height: 100%;
}
body .booked-calendar-wrap.small table.booked-calendar td .date .number{
border: none;
display: block;
border-radius: 0;
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap.small table.booked-calendar td.blur .date,
body .booked-calendar-wrap.small table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ccc;
}
body .booked-calendar-wrap.small table.booked-calendar td.booked .date,
body .booked-calendar-wrap.small table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffe4df;
color: #f15934;
}
body .booked-calendar-wrap.small table.booked-calendar td.today .date{
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap.small table.booked-calendar td.today:hover .date{
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap.small table.booked-calendar td:hover .date{
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date .number{
border: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap.small table.booked-calendar tr.entryBlock td{
padding: 5%;
}
body .booked-calendar-wrap.small .booked-appt-list{
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small .booked-appt-list h2{
text-align: center;
margin: 0 0 15px;
font-size: 15px;
}
body .booked-calendar-wrap.small .booked-appt-list h2 span{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-time,
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people{
width: 100%;
padding: 0;
height: auto;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
height: auto;
padding: 7px 0;
line-height: 1.5;
text-align: center;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
display: none;
}
body .booked-calendar-wrap.small table.booked-calendar td.prev-date .date,
body .booked-calendar-wrap.small table.booked-calendar td.prev-date:hover .date{
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap.small table.booked-calendar td.blur .date,
body .booked-calendar-wrap.small table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap.small table.booked-calendar td.booked .date,
body .booked-calendar-wrap.small table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date,
body .booked-calendar-wrap.small table.booked-calendar td.today.active:hover .date span{
background: #ddd !important;
}
body .booked-list-view.small .booked-appt-list h2{
color: #555;
font-size: 20px;
margin: 0 0 30px;
}
body .booked-list-view.small .booked-appt-list{
max-height: none;
padding: 0;
}
body .booked-list-view .booked-appt-list{
opacity: 1;
position: relative;
}
body .booked-list-view.booked-loading .booked-appt-list{
opacity: .15;
}
body .booked-list-view.booked-loading .booked-appt-list > h2{
opacity: 0;
}
body .booked-list-view .booked-list-view-nav{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
position: absolute;
top: 1px;
right: 35px;
font-weight: 400;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
position: absolute;
top: 1px;
left: 0;
font-weight: 400;
}
body .booked-list-view span.booked-datepicker-wrap{
position: absolute;
top: 2px;
right: 0;
}
body .booked-list-view a.booked_list_date_picker_trigger{
text-align: center;
-webkit-transform: scale(1);
transform: scale(1);
background: #eee;
border: 1px solid #ccc;
box-sizing: content-box;
color: #333;
display: inline-block;
position: relative;
top: -2px;
margin: 0;
font-size: 13px;
width: 24px;
height: 24px;
line-height: 23px;
border-radius: 3px;
}
body .booked-list-view a.booked_list_date_picker_trigger:hover{
background: #ddd;
color: #000;
border-color: #ccc;
}
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{
-webkit-transform: scale(1.23);
transform: scale(1.23);
color: #fff;
}
.booked-appt-list .booked-public-appointment-title{
display: block;
font-weight: 600;
font-size: 15px;
padding: 0 0 5px;
}
.booked-appt-list ul.booked-public-appointment-list,
.booked-appt-list ul.booked-public-appointment-list li{
display: block;
font-weight: 400;
list-style: none;
margin: 0 0 14px;
padding: 0;
}
.booked-appt-list ul.booked-public-appointment-list li{
padding: 0;
margin: 0;
}
.booked-appt-list .booked-public-pending{
color: #aaa;
}
.timeslot-time.booked-public-appointments{
height: auto !important;
}
body .booked-form{
padding-top: 5px;
}
body .booked-form .field{
margin: 5px 0 7px;
}
body .booked-form .field.booked-text-content{
margin-bottom: 0;
margin-top: 20px;
}
body .booked-form .field.booked-text-content *:last-child{
margin-bottom: 0;
}
body .booked-form .field:after{
content: "";
display: table;
clear: both;
}
body .booked-form input[type=radio],
body .booked-form input[type=checkbox]{
position: relative;
top: 2px;
}
body .booked-form .field select,
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea{
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
margin-right: 1.5%;
width: 49.2%;
float: left;
}
body .booked-form .field input:last-child{
margin-right: 0;
}
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea{
font-size: 13px;
padding: 7px 10px;
color: #aaa;
border-radius: 3px;
}
body .booked-form .field textarea,
body .booked-form .field input.hasContent{
color: #555;
}
body .booked-form .field input.large,
body .booked-form .field select.large{
width: 100%;
margin-right: 1px;
width: 99.8%;
}
body .booked-form .spacer{
padding: 5px 0 0 0;
margin: 0;
display: block;
}
body .booked-form .spacer.big{
padding: 25px 0 0;
}
body .booked-form hr{
border: none;
border-top: 1px solid #ddd;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
}
body .booked-form .condition-block{
display: none;
}
body .booked-form .condition-block.default{
display: block;
}
body .booked-form input[type=submit],
body .booked-form button{
float: left;
margin: 0 10px 0 0;
}
body .booked-form .field label{
cursor: pointer;
}
body .booked-form .field label.field-label{
cursor: default;
display: block;
font-weight: bold;
padding: 10px 0 8px;
}
body .booked-form .field textarea{
height: 100px;
width: 100%;
box-sizing: border-box;
line-height: 1.6;
}
body .booked-form .field .checkbox-radio-block{
display: block;
padding: 0 0 3px 10px;
}
body .booked-form .field .checkbox-radio-block label{
font-size: 13px;
display: inline-block;
padding-left: 7px;
position: relative;
top: 3px;
}
body .booked-form .cf-block{
margin: 0 0 25px;
}
body .booked-form .cf-block select{
font-size: 13px;
width: 100%;
height: 33px;
margin-right: 0;
padding: 0 10px;
}
body .booked-form .cf-block ul,
body .booked-form .cf-block ol{
margin-left: 30px;
}
body .booked-form .required-asterisk{
color: #e35656;
margin: -1px 0 0 7px;
}
body .booked-form #ajaxlogin{
width: 100%;
}
body .booked-form #ajaxlogin p.status{
display: none;
padding: 15px 0 0;
margin: 0;
font-size: 15px;
color: #888;
}
body .booked-form #newAppointmentForm p.status{
display: none;
padding: 0 0 20px;
margin: 0;
font-size: 15px;
color: #888;
}
body img.captcha-image{
position: relative;
top: 5px;
left: 5px;
}
body #booked-page-form p.captcha,
body .booked-modal .bm-window p.captcha{
margin: -5px 0 15px;
}
body .booked-form .field p.field-small-p{
font-size: 14px;
margin: -5px 0 5px;
}
body .booked-form input[type=submit].button:disabled{
background: #ddd !important;
border-color: #ddd !important;
color: #aaa !important;
cursor: not-allowed;
}
body .booked-form .booked-appointments{
background: #fff;
padding: 10px 16px 13px;
margin: 0 0 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
border-radius: 3px;
}
body .booked-form .booked-appointment-details{
margin: 0 0 10px;
padding: 0 0 7px;
border-bottom: 1px solid #ddd;
}
body .booked-form .booked-appointment-details:last-child{
margin: 0;
padding: 0;
border: none;
}
body .booked-form .booked-appointment-details.has-error{
color: #e35656;
}
#customerChoices{
display: block;
text-align: left;
background: #fff;
padding: 20px 0 23px;
text-align: center;
margin: -26px -36px 15px;
border-bottom: 1px solid #ddd;
}
#customerChoices .field{
display: inline-block;
}
#customerChoices .field .checkbox-radio-block{
padding-left: 0;
}
#customerChoices .field{
margin: 0 20px 0 0;
}
#customerChoices .field:last-child{
margin: 0;
}
#customerChoices .field .checkbox-radio-block label{
font-weight: 400;
font-size: 15px;
}
#ajaxforgot{
display: none;
}
body .booked-modal{
margin-top: -84px;
min-height: 168px;
position: fixed;
z-index: 9999999;
top: 50%;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal hr{
border-top: 1px solid #ddd;
background: none;
}
body .booked-modal .bm-overlay{
animation: booked-fadein .2s;
-webkit-animation: booked-fadein .2s;
-moz-animation: booked-fadein .2s;
-ms-animation: booked-fadein .2s;
-o-animation: booked-fadein .2s;
-webkit-backface-visibility: hidden;
position: fixed;
background: #000;
background: rgba(0, 0, 0, .65);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal .bm-window{
animation: booked-flyin .2s;
-webkit-animation: booked-flyin .2s;
-moz-animation: booked-flyin .2s;
-ms-animation: booked-flyin .2s;
-o-animation: booked-flyin .2s;
-webkit-backface-visibility: hidden;
padding: 43px 0 25px;
width: 450px;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 5px;
box-shadow: 1px 1px 60px rgba(0, 0, 0, .5);
}
body .booked-modal.bm-loading .bm-window{
background: none;
box-shadow: none;
}
body .booked-modal.bm-closing .bm-overlay{
animation: booked-fadeout .2s;
-webkit-animation: booked-fadeout .2s;
-moz-animation: booked-fadeout .2s;
-ms-animation: booked-fadeout .2s;
-o-animation: booked-fadeout .2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal.bm-closing .bm-window{
animation: booked-flyout .2s;
-webkit-animation: booked-flyout .2s;
-moz-animation: booked-flyout .2s;
-ms-animation: booked-flyout .2s;
-o-animation: booked-flyout .2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal .bm-window{
background: #f5f5f5;
max-height: 100px;
z-index: 2000000000;
}
body .booked-modal .bm-window p{
margin: 0 0 15px;
font-size: 15px;
}
body .booked-modal .bm-window p small{
display: block;
margin: 0 0 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
body .booked-modal .bm-window p.appointment-title{
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.calendar-name{
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.appointment-info{
font-size: 15px;
margin: 0;
line-height: 1.7;
}
body .booked-modal .bm-window p strong{
font-size: 13px;
text-transform: uppercase;
display: inline-block;
padding-right: 3px;
font-weight: 600;
}
body .booked-modal .bm-window a{
text-decoration: none;
}
body .booked-modal .bm-window .close{
line-height: 1;
color: #fff;
color: rgba(255, 255, 255, .5);
font-size: 20px;
position: absolute;
top: 11px;
right: 14px;
}
body .booked-modal .bm-window .close:hover{
color: #fff;
}
body .booked-modal .bm-window p i.fa.fa-clock-o{
font-size: 18px;
position: relative;
top: 1px;
}
body .booked-modal .bm-window p.booked-calendar-name{
font-weight: 600;
font-size: 15px;
}
body .booked-modal .bm-window .booked-scrollable{
max-height: 100px;
padding: 25px 30px;
overflow-y: auto;
overflow-x: hidden;
background: #f5f5f5;
border-radius: 3px;
box-sizing: content-box;
}
body .booked-modal .bm-window p.booked-title-bar{
box-sizing: border-box;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
line-height: 1;
width: 100%;
color: #fff;
border-radius: 4px 4px 0 0;
padding: 15px 30px 15px 15px;
}
body .booked-modal .bm-window p.booked-title-bar small{
margin: 0;
}
body .booked-modal .bm-window .booked-scrollable{
-webkit-overflow-scrolling: touch;
}
body .booked-modal .bm-window .booked-scrollable > *{
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0, 0, 0);
}
body #booked-profile-page{
position: relative;
margin: 0 0 30px;
}
body #booked-profile-page .booked-profile-header{
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
padding: 15px;
position: relative;
}
body #booked-profile-page .booked-profile-header .booked-logout-button{
font-size: 13px;
position: relative;
top: -1px;
}
body #booked-profile-page .booked-user-avatar{
width: 35px;
height: 35px;
position: relative;
top: 0;
left: 0;
float: left;
display: inline-block;
}
body #booked-profile-page .booked-user-avatar img{
width: 100%;
height: auto;
display: block;
margin: 0;
border-radius: 20px;
}
body #booked-profile-page .booked-info{
width: 100%;
}
body #booked-profile-page .booked-user *{
margin: 0;
padding: 0;
line-height: 1.6;
}
body #booked-profile-page .booked-user h3{
color: #fff;
margin: 0;
padding: 4px 0 4px 12px;
float: left;
display: inline-block;
font-size: 17px;
}
body #booked-profile-page .booked-user h3 a{
text-decoration: none;
}
body #booked-profile-page .booked-user h3 a:hover{
color: #fff;
}
body #booked-profile-page .booked-counts{
float: right;
width: 25%;
margin-left: 5%;
}
body #booked-profile-page .booked-counts span{
display: block;
text-align: right;
font-size: 12px;
line-height: 2.1;
}
body #booked-profile-page .booked-counts i.fa{
display: inline-block;
padding-right: 7px;
}
body #booked-profile-page .booked-tabs{
border-width: 1px;
border-style: solid;
border-top: 0;
border-bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
body #booked-profile-page .booked-tabs li{
float: left;
display: inline-block;
margin: 0;
padding: 0;
}
body #booked-profile-page .booked-tabs li a{
font-size: 14px;
border-right-width: 1px;
border-right-style: solid;
display: block;
text-decoration: none;
padding: 0 15px;
line-height: 40px;
}
body #booked-profile-page .booked-tabs li a i.fa{
display: inline-block;
padding-right: 7px;
}
body #booked-profile-page .booked-tab-content{
border-radius: 0 0 3px 3px;
display: none;
padding: 30px 35px 30px 35px;
border-width: 1px;
border-style: solid;
border-top: none;
}
body #booked-profile-page .booked-tabs.login{
border-top-width: 1px;
border-top-style: solid;
}
body #booked-profile-page .booked-tabs li a{
background: rgba(0, 0, 0, .15);
}
body #booked-profile-page .booked-tabs li a:hover{
background: rgba(0, 0, 0, .25);
}
body #booked-profile-page .booked-tabs li a{
color: #fff;
}
body #booked-profile-page .booked-tabs li a:hover{
color: #fff;
}
body #booked-profile-page .booked-tab-content{
border-color: #ddd;
background: #fff;
}
body #booked-profile-page .booked-counts,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover{
color: #fff;
}
body #booked-profile-page .booked-tabs li a{
border: none;
}
body #booked-profile-page p.booked-no-margin{
color: #888;
margin: 0;
}
body #booked-profile-page .booked-show-cf{
outline: none;
font-weight: 600;
}
body #booked-profile-page .booked-show-cf.booked-cf-active{
color: #000;
}
body #booked-profile-page .cf-meta-values-hidden{
animation: booked-popdown .2s;
-webkit-animation: booked-popdown .2s;
-moz-animation: booked-popdown .2s;
-ms-animation: booked-popdown .2s;
-o-animation: booked-popdown .2s;
display: none;
border-left: 3px solid #ddd;
margin: 10px 0 0 0px;
padding: 0 0 0 20px;
}
body #booked-profile-page .cf-meta-values-hidden p{
margin: 0 0 10px;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
}
body #booked-profile-page .cf-meta-values-hidden p:last-child{
margin-bottom: 0;
}
body #booked-profile-page .cf-meta-values-hidden p strong{
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout{
margin: 0;
}
body #booked-profile-page .result-section.table-layout .table-box{
border: none;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .table-row{
min-height: 115px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title{
font-weight: normal;
font-size: 15px;
line-height: 1.6;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title p{
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title small{
display: block;
padding-top: 5px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title a{
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout .table-box .table-head-row{
background: none !important;
}
body #booked-profile-page .result-section.table-layout .table-box .table-cell{
padding: 20px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title{
position: relative;
width: 55%;
padding-right: 25px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
width: 65px;
height: auto;
position: absolute;
border-radius: 3px;
top: 26px;
left: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .cell-title-wrap{
padding-left: 85px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-rating{
width: 20%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-time{
width: 25%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews{
width: 100%;
padding-right: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews .rating{
margin-top: 10px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title .booked-review p{
font-size: 14px;
line-height: 1.7;
}
body #booked-page-form .booked-form-wrap{
padding: 10px 0;
}
body #booked-page-form input[type=submit]{
margin: 0;
}
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form input[type=email],
body #booked-page-form textarea{
margin: 7px 0 0 0;
border-width: 1px;
border-style: solid;
padding: 10px 12px;
width: 100%;
box-sizing: border-box;
}
body #booked-page-form input:disabled,
body #booked-page-form textarea:disabled{
background: #f9f9f9;
color: #bbb;
border: 1px dotted #ccc;
}
body #booked-page-form input[type=file]:disabled{
background: #fff;
border: none;
}
body #booked-page-form label .not-bold{
font-weight: 400;
color: #ccc;
padding: 0 0 0 5px;
}
body #booked-page-form p{
margin: 0 0 15px;
}
body #booked-page-form .login-remember{
float: left;
margin: 2px 0 0 0;
}
body #booked-page-form .login-remember input{
margin: 0 4px 0 0;
position: relative;
top: -1px;
}
body #booked-page-form .login-submit{
float: right;
margin: 0;
}
body #booked-page-form .login-submit input{
margin: 0;
}
body #profile-edit #booked-page-form{
border-top: 1px solid #ddd;
padding-top: 20px;
}
body #profile-edit #booked-page-form input[type=file]{
display: inline-block;
padding: 0;
}
body #profile-edit #booked-page-form label{
font-weight: 600;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url{
float: left;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-password{
float: left;
width: 48%;
margin: 0 4% 25px 0;
}
body #profile-edit #booked-page-form p.form-password.last{
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-textarea,
body #profile-edit #booked-page-form p.form-avatar,
body #profile-edit #booked-page-form p.form-submit{
float: none;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-submit{
margin: 0 0 5px;
}
body #profile-edit #booked-page-form .hint-p{
font-size: 12px;
color: #aaa;
padding-top: 5px;
display: block;
font-style: italic;
}
body #profile-login label,
#profile-register label,
#profile-forgot label{
font-weight: 600;
}
body .booked-upload-wrap,
body .booked-upload-wrap input{
background: #f5f5f5;
border: 1px solid #ddd;
display: block;
height: 35px;
width: 100%;
cursor: pointer;
border-radius: 3px;
position: relative;
}
body .booked-upload-wrap{
width: 100%;
margin: 10px 0 4px;
}
body #booked-submit-recipe-form .booked-upload-wrap{
width: 100%;
margin: 0;
}
body .booked-upload-wrap:hover{
background: #eee;
}
body .booked-upload-wrap span{
color: #888;
font-size: 13px;
text-align: center;
height: 24px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
display: block;
z-index: 1;
}
body .booked-upload-wrap input{
z-index: 2;
opacity: 0;
}
body .booked-upload-wrap.hasFile{
background: #f9f9f9;
border: 1px solid #ccc;
color: #666;
}
body #booked-submit-recipe-form .booked-upload-wrap.hasFile{
width: 100%;
}
body .booked-upload-wrap.hasFile span{
color: #000;
}
body .booked-custom-error{
display: none;
margin: 0 0 20px;
padding: 5px 10px;
background: #fff0f0;
border: 1px solid #e3c3c3;
border-radius: 3px;
}
body .booked-custom-error.not-hidden{
display: block;
}
body #booked-plugin-page p.booked-form-notice,
body #booked-profile-page p.booked-form-notice{
border: 1px solid #e6db55;
border-radius: 3px;
background-color: #fffbcc;
margin: 0 0 35px;
padding: 10px 15px;
}
body #booked-profile-page .booked-profile-appt-list,
body #booked-profile-page #profile-edit{
box-sizing: border-box;
}
body #booked-profile-page h4{
margin: 0 0 20px;
padding: 0;
font-size: 19px;
font-weight: 600;
}
body #booked-profile-page .booked-tabs li.edit-button{
float: right;
}
body #booked-profile-page .booked-profile-appt-list .appt-block{
color: #888;
line-height: 23px;
padding: 20px 0 25px;
border-top: 1px solid #ddd;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block > i.fa{
width: 23px;
color: #333;
}
body #booked-profile-page .booked-profile-appt-list .appt-block:last-child{
padding-bottom: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
border-radius: 3px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
float: right;
padding: 0 12px 1px;
line-height: 33px;
margin: 6px 0 0 0;
background: #ccc;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block.approved{
color: #000;
}
body #booked-profile-page .booked-profile-appt-list .appt-block button{
float: right;
margin: 6px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
color: #aaa;
font-size: 12px;
padding-left: 10px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons{
display: block;
padding: 15px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a{
text-decoration: none;
display: inline-block;
padding: 2px 7px;
margin: 0 7px 0 0;
border-radius: 3px;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:hover{
text-decoration: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .google-cal-button > a{
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 2px 9px;
letter-spacing: 1px;
border-width: 1px;
border-style: solid;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons span{
float: left;
}
body #booked-profile-page .addtocalendar var{
display: none;
}
body #booked-profile-page .addtocalendar{
position: relative;
display: inline-block;
}
body #booked-profile-page .atcb-link{
display: block;
outline: none !important;
cursor: pointer;
}
body #booked-profile-page .atcb-link:focus ~ ul,
body #booked-profile-page .atcb-link:active ~ ul,
body #booked-profile-page .atcb-list:hover{
visibility: visible;
}
body #booked-profile-page .atcb-list{
box-shadow: 0 1px 25px rgba(0, 0, 0, .2);
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 170px;
z-index: 900;
}
body #booked-profile-page .atcb-list,
body #booked-profile-page .atcb-item{
list-style: none;
margin: 0;
padding: 0;
}
body #booked-profile-page .atcb-item{
float: none;
text-align: left;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a.atcb-item-link{
box-sizing: border-box;
text-decoration: none;
outline: none;
display: block;
color: #aaa;
background: #f9f9f9;
border-radius: 0;
margin: 0;
width: 100%;
padding: 3px 12px;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a.atcb-item-link:hover{
color: #555;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .atcb-list li:first-child a.atcb-item-link{
padding-top: 10px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .atcb-list li:last-child a.atcb-item-link{
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
body #booked-profile-page .atcb-item.hover,
body #booked-profile-page .atcb-item:hover{
position: relative;
z-index: 900;
cursor: pointer;
text-decoration: none;
outline: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
border: 1px solid #ddd;
background: #f5f5f5;
color: #aaa;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel:hover{
background: #eee;
color: #888;
border-color: #ccc;
}
body #booked-profile-page .booked-profile-appt-list .calendar-name{
padding: 0 0 5px;
}
.booked-list-date-picker-wrap{
width: 100%;
position: absolute;
text-align: center;
top: 30px;
left: 0;
}
#ui-datepicker-div.booked_custom_date_picker{
animation: booked-popflyin .15s;
-webkit-animation: booked-popflyin .15s;
-moz-animation: booked-popflyin .15s;
-ms-animation: booked-popflyin .15s;
-o-animation: booked-popflyin .15s;
background: #fff;
margin-top: 37px;
margin-left: -107px;
width: 230px;
border: 1px solid #d5d5d5;
padding: 8px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
z-index: 9999 !important;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
position: relative;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
cursor: pointer;
top: 9px;
font-size: 16px;
position: absolute;
display: inline-block;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next .ui-icon{
display: none;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev{
left: 9px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
right: 9px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-title{
text-transform: uppercase;
padding: 9px 0 10px;
text-align: center;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:hover{
opacity: .7;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before{
content: "";
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before{
content: "";
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar{
width: 100%;
border-collapse: collapse;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
font-size: 11px;
font-weight: normal;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
width: 14.285%;
text-align: center;
padding: 5px 0;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody{
border-top: 8px solid #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
font-size: 12px;
font-weight: normal;
background: #fff;
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
text-align: center;
padding: 0;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a{
display: block;
border-radius: 3px;
line-height: 33px;
text-decoration: none;
color: #333;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a:hover{
background: #eee;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td span{
display: block;
line-height: 33px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span{
color: #ddd;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a{
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a{
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover{
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover{
color: #fff;
}
body #booked-page-form input[type=email],
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form textarea,
body #booked-page-form{
border-color: #ccc;
color: #888;
line-height: 1.5;
font-size: 13px;
}
body .booked-calendar-wrap{
transition: height .15s ease-out;
}
body table.booked-calendar td .count,
body table.booked-calendar thead th a,
body .booked-appt-list .timeslot .timeslot-time,
body .booked-appt-list .timeslot .timeslot-people,
body .booked-appt-list .timeslot,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-show-cf,
body .booked-list-view a.booked_list_date_picker_trigger{
transition: all .1s ease-out;
}
body table.booked-calendar td .date,
body table.booked-calendar td .date span{
transition: background .15s ease-out, color .15s ease-out;
}
body .booked-list-view .booked-appt-list{
transition: opacity .2s ease-out;
}
body .booked-appt-list{
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
.booked-tabs{
overflow: hidden;
}
.booked-tabs .booked-tabs-nav{
margin-bottom: 20px;
}
.booked-tabs .booked-tabs-nav span{
display: inline-block;
padding: 0 5px;
border: 1px solid #ccc;
background: #eee;
color: #000;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
cursor: pointer;
box-sizing: border-box;
}
.booked-tabs .booked-tabs-nav span:hover,
.booked-tabs .booked-tabs-nav span.active{
background: #ddd;
color: #fff;
}
.booked-tabs .booked-tabs-cnt > div{
display: none;
}
.booked-tabs .booked-tabs-cnt > div.active{
display: block;
}
@media screen and (max-width: 1200px) {
body .booked-list-view .booked-appt-list h2{
text-align: left;
margin: 0 0 20px;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev{
text-align: left;
}
body .booked-list-view .booked-list-view-nav{
display: block;
height: 26px;
margin: -5px 0 30px;
position: static;
text-align: left;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
margin: 0 6px 5px 0;
position: relative;
display: inline-block;
top: 0;
right: 0;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
float: right;
margin: 0 0 5px;
}
}
@media screen and (max-width: 1100px) {
body table.booked-calendar td .count{
padding: 5px 0;
font-size: 9px;
}
body table.booked-calendar td .date .number{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
}
@media screen and (max-width: 860px) {
body #booked-profile-page .booked-profile-appt-list{
float: none;
width: 100%;
margin: 0 0 30px;
}
body #booked-profile-page #profile-edit{
float: none;
width: 100%;
margin: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
float: right;
margin: 6px 0 0 0;
}
}
@media screen and (max-width: 720px) {
body .booked-calendar-wrap table.booked-calendar thead th{
font-size: 16px;
padding: 13px 0 10px;
}
body .booked-calendar-wrap table.booked-calendar thead tr.days th{
font-size: 11px;
padding: 7px 0 5px;
}
body .booked-calendar-wrap table.booked-calendar td{
font-size: 13px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left{
left: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right{
right: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left:hover{
left: 9px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right:hover{
right: 9px;
}
body .booked-calendar-wrap table.booked-calendar th .monthName{
height: auto;
display: inline-block;
}
body .booked-calendar-wrap table.booked-calendar th .monthName a{
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap table.booked-calendar td .count{
display: none;
}
body .booked-calendar-wrap table.booked-calendar td .date{
height: 100%;
}
body .booked-calendar-wrap table.booked-calendar td .date .number{
border: none;
display: block;
border-radius: 0;
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ccc;
}
body .booked-calendar-wrap table.booked-calendar td.booked .date,
body .booked-calendar-wrap table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffe4df;
color: #f15934;
}
body .booked-calendar-wrap table.booked-calendar td.today .date{
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap table.booked-calendar td.today:hover .date{
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap table.booked-calendar td:hover .date{
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap table.booked-calendar tr.week td.active .date .number{
border: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap table.booked-calendar tr.entryBlock td{
padding: 0;
}
body .booked-calendar-wrap table.booked-calendar .booked-appt-list{
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list{
max-height: 100%;
}
body table.booked-calendar .booked-appt-list h2{
text-align: center;
margin: 0 0 15px;
font-size: 12px;
}
body table.booked-calendar .booked-appt-list h2 span{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-time,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title{
display: block;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people:hover{
width: 100%;
padding: 0;
height: auto;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap table.booked-calendar td.prev-date .date,
body .booked-calendar-wrap table.booked-calendar td.prev-date:hover .date{
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap table.booked-calendar td.booked .date,
body .booked-calendar-wrap table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap table.booked-calendar tr.week td.active .date,
body .booked-calendar-wrap table.booked-calendar tr.week td.active:hover .date{
background: #ddd;
}
body #booked-profile-page .result-section.table-layout{
padding: 10px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
top: 46px;
left: 12px;
}
body #booked-profile-page .booked-tabs li,
body #booked-profile-page .booked-tabs li.edit-button{
display: block;
float: none;
}
body #booked-profile-page .booked-tabs li a,
body #booked-profile-page .booked-tabs li.edit-button a{
border-left: none;
border-right: none;
}
body .booked-modal{
padding: 0;
margin: 20px;
}
body .booked-modal .bm-window{
width: 100%;
padding: 43px 0 0;
box-sizing: border-box;
border-radius: 6px;
}
body .booked-modal .bm-window .booked-scrollable{
padding: 30px 35px;
}
body .booked-modal .bm-overlay{
background: rgba(0, 0, 0, .8);
}
body .booked-modal .bm-window p.name b{
display: block;
}
body .booked-list-view .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot,
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
display: none;
}
}
@media screen and (max-width: 600px) {
body .booked-modal input[type=submit]{
margin: 0 10px 10px 0;
float: none;
}
body .booked-modal .button{
width: 100%;
float: none;
}
body .booked-calendarSwitcher{
width: 100%;
display: block;
padding: 8px 5px;
}
body .booked-calendarSwitcher i.fa{
display: none;
}
body .booked-calendarSwitcher select{
width: 100%;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
display: block;
float: none;
margin: 0 0 10px;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url,
body #profile-edit #booked-page-form p.form-password{
float: none;
width: 100%;
}
body .booked-modal #customerChoices .field{
display: block;
float: none;
margin: 5px 0;
}
}
@media screen and (max-width: 450px) {
body .booked-list-view .booked-appt-list h2 strong{
display: block;
margin: 0 auto;
}
body .booked-list-view .booked-appt-list h2 span:last-child{
display: none;
}
body .booked-list-view .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time,
body .booked-list-view .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
width: 100%;
padding: 0;
height: auto;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
height: auto;
padding: 0;
}
}
p + .progress{
margin-top: -10px;
}
.progress-title + .progress{
margin-top: 20px;
}
.progress{
overflow: visible;
height: 5px;
margin-bottom: 23px;
position: relative;
border-radius: 0;
box-shadow: none;
border: none;
background-color: #f5f5f5;
}
.progress-bar{
float: left;
font-size: 12px;
line-height: 20px;
text-align: center;
background-color: var(--colorMain);
color: inherit;
box-shadow: none;
height: 5px;
transition: width .6s ease;
}
.progress-bar span{
position: absolute;
right: 0;
top: -38px;
font-size: 12px;
font-weight: 700;
letter-spacing: .2em;
}
.progress-title{
font-weight: 900;
font-size: 16px;
line-height: 1;
}
.progress-level{
font-size: 12px;
font-weight: 700;
letter-spacing: .2em;
float: right;
position: relative;
top: 4px;
}
.alert{
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 40px;
}
.media{
margin-top: 16px;
}
.media .media-object{
max-width: 100px;
}
.p-05{
padding: .5em;
}
.p-1{
padding: 1em;
}
.p-2{
padding: 2em;
}
.p-3{
padding: 3em;
}
.p-big{
padding: 2em 8%;
}
.pr-05{
padding-right: .5em;
}
.pl-05{
padding-right: .5em;
}
.pl-10{
padding-left: 10px;
}
.pl-15{
padding-left: 15px;
}
.pl-20{
padding-left: 20px;
}
.pl-25{
padding-left: 25px;
}
.pl-30{
padding-left: 30px;
}
.pt-125{
padding-top: 125px;
}
@media (max-width: 1199px) {
.pt-125{
padding-top: 75px;
}
}
@media (max-width: 479px) {
.pt-125{
padding-top: 50px;
}
}
.pb-90{
padding-bottom: 90px;
}
@media (max-width: 1199px) {
.pb-90{
padding-bottom: 75px;
}
}
@media (max-width: 479px) {
.pb-90{
padding-bottom: 50px;
}
}
.pt-0{
padding-top: 0;
}
@media (max-width: 767px) {
.pt-0{
padding-top: calc(0em / 2);
}
}
.pt-1{
padding-top: 1em;
}
@media (max-width: 767px) {
.pt-1{
padding-top: calc(1em / 2);
}
}
.pt-2{
padding-top: 2em;
}
@media (max-width: 767px) {
.pt-2{
padding-top: calc(2em / 2);
}
}
.pt-3{
padding-top: 3em;
}
@media (max-width: 767px) {
.pt-3{
padding-top: calc(3em / 2);
}
}
.pt-4{
padding-top: 4em;
}
@media (max-width: 767px) {
.pt-4{
padding-top: calc(4em / 2);
}
}
.pt-5{
padding-top: 5em;
}
@media (max-width: 767px) {
.pt-5{
padding-top: calc(5em / 2);
}
}
.pt-6{
padding-top: 6em;
}
@media (max-width: 767px) {
.pt-6{
padding-top: calc(6em / 2);
}
}
.pt-7{
padding-top: 7em;
}
@media (max-width: 767px) {
.pt-7{
padding-top: calc(7em / 2);
}
}
.pt-8{
padding-top: 8em;
}
@media (max-width: 767px) {
.pt-8{
padding-top: calc(8em / 2);
}
}
.pt-9{
padding-top: 9em;
}
@media (max-width: 767px) {
.pt-9{
padding-top: calc(9em / 2);
}
}
.pt-10{
padding-top: 10em;
}
@media (max-width: 767px) {
.pt-10{
padding-top: calc(10em / 2);
}
}
.pb-0{
padding-bottom: 0;
}
@media (max-width: 767px) {
.pb-0{
padding-bottom: calc(0em / 2);
}
}
.pb-1{
padding-bottom: 1em;
}
@media (max-width: 767px) {
.pb-1{
padding-bottom: calc(1em / 2);
}
}
.pb-2{
padding-bottom: 2em;
}
@media (max-width: 767px) {
.pb-2{
padding-bottom: calc(2em / 2);
}
}
.pb-3{
padding-bottom: 3em;
}
@media (max-width: 767px) {
.pb-3{
padding-bottom: calc(3em / 2);
}
}
.pb-4{
padding-bottom: 4em;
}
@media (max-width: 767px) {
.pb-4{
padding-bottom: calc(4em / 2);
}
}
.pb-5{
padding-bottom: 5em;
}
@media (max-width: 767px) {
.pb-5{
padding-bottom: calc(5em / 2);
}
}
.pb-6{
padding-bottom: 6em;
}
@media (max-width: 767px) {
.pb-6{
padding-bottom: calc(6em / 2);
}
}
.pb-7{
padding-bottom: 7em;
}
@media (max-width: 767px) {
.pb-7{
padding-bottom: calc(7em / 2);
}
}
.pb-8{
padding-bottom: 8em;
}
@media (max-width: 767px) {
.pb-8{
padding-bottom: calc(8em / 2);
}
}
.pb-9{
padding-bottom: 9em;
}
@media (max-width: 767px) {
.pb-9{
padding-bottom: calc(9em / 2);
}
}
.pb-10{
padding-bottom: 10em;
}
@media (max-width: 767px) {
.pb-10{
padding-bottom: calc(10em / 2);
}
}
.pl-0{
padding-left: 0;
}
.pl-1{
padding-left: 1em;
}
.pl-2{
padding-left: 2em;
}
.pl-3{
padding-left: 3em;
}
.pl-4{
padding-left: 4em;
}
.pl-5{
padding-left: 5em;
}
.pl-6{
padding-left: 6em;
}
.pl-7{
padding-left: 7em;
}
.pl-8{
padding-left: 8em;
}
.pl-9{
padding-left: 9em;
}
.pl-10{
padding-left: 10em;
}
.pr-0{
padding-right: 0;
}
.pr-1{
padding-right: 1em;
}
.pr-2{
padding-right: 2em;
}
.pr-3{
padding-right: 3em;
}
.pr-4{
padding-right: 4em;
}
.pr-5{
padding-right: 5em;
}
.pr-6{
padding-right: 6em;
}
.pr-7{
padding-right: 7em;
}
.pr-8{
padding-right: 8em;
}
.pr-9{
padding-right: 9em;
}
.pr-10{
padding-right: 10em;
}
@media (min-width: 576px) {
.pl-sm-0{
padding-left: 0;
}
.pl-sm-1{
padding-left: 1em;
}
.pl-sm-2{
padding-left: 2em;
}
.pl-sm-3{
padding-left: 3em;
}
.pl-sm-4{
padding-left: 4em;
}
.pl-sm-5{
padding-left: 5em;
}
.pl-sm-6{
padding-left: 6em;
}
.pl-sm-7{
padding-left: 7em;
}
.pl-sm-8{
padding-left: 8em;
}
.pl-sm-9{
padding-left: 9em;
}
.pl-sm-10{
padding-left: 10em;
}
.pr-sm-0{
padding-right: 0;
}
.pr-sm-1{
padding-right: 1em;
}
.pr-sm-2{
padding-right: 2em;
}
.pr-sm-3{
padding-right: 3em;
}
.pr-sm-4{
padding-right: 4em;
}
.pr-sm-5{
padding-right: 5em;
}
.pr-sm-6{
padding-right: 6em;
}
.pr-sm-7{
padding-right: 7em;
}
.pr-sm-8{
padding-right: 8em;
}
.pr-sm-9{
padding-right: 9em;
}
.pr-sm-10{
padding-right: 10em;
}
.pt-sm-0{
padding-top: 0;
}
.pt-sm-1{
padding-top: 1em;
}
.pt-sm-2{
padding-top: 2em;
}
.pt-sm-3{
padding-top: 3em;
}
.pt-sm-4{
padding-top: 4em;
}
.pt-sm-5{
padding-top: 5em;
}
.pt-sm-6{
padding-top: 6em;
}
.pt-sm-7{
padding-top: 7em;
}
.pt-sm-8{
padding-top: 8em;
}
.pt-sm-9{
padding-top: 9em;
}
.pt-sm-10{
padding-top: 10em;
}
.pb-sm-0{
padding-bottom: 0;
}
.pb-sm-1{
padding-bottom: 1em;
}
.pb-sm-2{
padding-bottom: 2em;
}
.pb-sm-3{
padding-bottom: 3em;
}
.pb-sm-4{
padding-bottom: 4em;
}
.pb-sm-5{
padding-bottom: 5em;
}
.pb-sm-6{
padding-bottom: 6em;
}
.pb-sm-7{
padding-bottom: 7em;
}
.pb-sm-8{
padding-bottom: 8em;
}
.pb-sm-9{
padding-bottom: 9em;
}
.pb-sm-10{
padding-bottom: 10em;
}
}
@media (min-width: 768px) {
.pl-md-0{
padding-left: 0;
}
.pl-md-1{
padding-left: 1em;
}
.pl-md-2{
padding-left: 2em;
}
.pl-md-3{
padding-left: 3em;
}
.pl-md-4{
padding-left: 4em;
}
.pl-md-5{
padding-left: 5em;
}
.pl-md-6{
padding-left: 6em;
}
.pl-md-7{
padding-left: 7em;
}
.pl-md-8{
padding-left: 8em;
}
.pl-md-9{
padding-left: 9em;
}
.pl-md-10{
padding-left: 10em;
}
.pr-md-0{
padding-right: 0;
}
.pr-md-1{
padding-right: 1em;
}
.pr-md-2{
padding-right: 2em;
}
.pr-md-3{
padding-right: 3em;
}
.pr-md-4{
padding-right: 4em;
}
.pr-md-5{
padding-right: 5em;
}
.pr-md-6{
padding-right: 6em;
}
.pr-md-7{
padding-right: 7em;
}
.pr-md-8{
padding-right: 8em;
}
.pr-md-9{
padding-right: 9em;
}
.pr-md-10{
padding-right: 10em;
}
.pt-md-0{
padding-top: 0;
}
.pt-md-1{
padding-top: 1em;
}
.pt-md-2{
padding-top: 2em;
}
.pt-md-3{
padding-top: 3em;
}
.pt-md-4{
padding-top: 4em;
}
.pt-md-5{
padding-top: 5em;
}
.pt-md-6{
padding-top: 6em;
}
.pt-md-7{
padding-top: 7em;
}
.pt-md-8{
padding-top: 8em;
}
.pt-md-9{
padding-top: 9em;
}
.pt-md-10{
padding-top: 10em;
}
.pb-md-0{
padding-bottom: 0;
}
.pb-md-1{
padding-bottom: 1em;
}
.pb-md-2{
padding-bottom: 2em;
}
.pb-md-3{
padding-bottom: 3em;
}
.pb-md-4{
padding-bottom: 4em;
}
.pb-md-5{
padding-bottom: 5em;
}
.pb-md-6{
padding-bottom: 6em;
}
.pb-md-7{
padding-bottom: 7em;
}
.pb-md-8{
padding-bottom: 8em;
}
.pb-md-9{
padding-bottom: 9em;
}
.pb-md-10{
padding-bottom: 10em;
}
}
@media (min-width: 992px) {
.pl-lg-0{
padding-left: 0;
}
.pl-lg-1{
padding-left: 1em;
}
.pl-lg-2{
padding-left: 2em;
}
.pl-lg-3{
padding-left: 3em;
}
.pl-lg-4{
padding-left: 4em;
}
.pl-lg-5{
padding-left: 5em;
}
.pl-lg-6{
padding-left: 6em;
}
.pl-lg-7{
padding-left: 7em;
}
.pl-lg-8{
padding-left: 8em;
}
.pl-lg-9{
padding-left: 9em;
}
.pl-lg-10{
padding-left: 10em;
}
.pr-lg-0{
padding-right: 0;
}
.pr-lg-1{
padding-right: 1em;
}
.pr-lg-2{
padding-right: 2em;
}
.pr-lg-3{
padding-right: 3em;
}
.pr-lg-4{
padding-right: 4em;
}
.pr-lg-5{
padding-right: 5em;
}
.pr-lg-6{
padding-right: 6em;
}
.pr-lg-7{
padding-right: 7em;
}
.pr-lg-8{
padding-right: 8em;
}
.pr-lg-9{
padding-right: 9em;
}
.pr-lg-10{
padding-right: 10em;
}
.pt-lg-0{
padding-top: 0;
}
.pt-lg-1{
padding-top: 1em;
}
.pt-lg-2{
padding-top: 2em;
}
.pt-lg-3{
padding-top: 3em;
}
.pt-lg-4{
padding-top: 4em;
}
.pt-lg-5{
padding-top: 5em;
}
.pt-lg-6{
padding-top: 6em;
}
.pt-lg-7{
padding-top: 7em;
}
.pt-lg-8{
padding-top: 8em;
}
.pt-lg-9{
padding-top: 9em;
}
.pt-lg-10{
padding-top: 10em;
}
.pb-lg-0{
padding-bottom: 0;
}
.pb-lg-1{
padding-bottom: 1em;
}
.pb-lg-2{
padding-bottom: 2em;
}
.pb-lg-3{
padding-bottom: 3em;
}
.pb-lg-4{
padding-bottom: 4em;
}
.pb-lg-5{
padding-bottom: 5em;
}
.pb-lg-6{
padding-bottom: 6em;
}
.pb-lg-7{
padding-bottom: 7em;
}
.pb-lg-8{
padding-bottom: 8em;
}
.pb-lg-9{
padding-bottom: 9em;
}
.pb-lg-10{
padding-bottom: 10em;
}
}
@media (min-width: 1200px) {
.pl-xl-0{
padding-left: 0;
}
.pl-xl-1{
padding-left: 1em;
}
.pl-xl-2{
padding-left: 2em;
}
.pl-xl-3{
padding-left: 3em;
}
.pl-xl-4{
padding-left: 4em;
}
.pl-xl-5{
padding-left: 5em;
}
.pl-xl-6{
padding-left: 6em;
}
.pl-xl-7{
padding-left: 7em;
}
.pl-xl-8{
padding-left: 8em;
}
.pl-xl-9{
padding-left: 9em;
}
.pl-xl-10{
padding-left: 10em;
}
.pr-xl-0{
padding-right: 0;
}
.pr-xl-1{
padding-right: 1em;
}
.pr-xl-2{
padding-right: 2em;
}
.pr-xl-3{
padding-right: 3em;
}
.pr-xl-4{
padding-right: 4em;
}
.pr-xl-5{
padding-right: 5em;
}
.pr-xl-6{
padding-right: 6em;
}
.pr-xl-7{
padding-right: 7em;
}
.pr-xl-8{
padding-right: 8em;
}
.pr-xl-9{
padding-right: 9em;
}
.pr-xl-10{
padding-right: 10em;
}
.pt-xl-0{
padding-top: 0;
}
.pt-xl-1{
padding-top: 1em;
}
.pt-xl-2{
padding-top: 2em;
}
.pt-xl-3{
padding-top: 3em;
}
.pt-xl-4{
padding-top: 4em;
}
.pt-xl-5{
padding-top: 5em;
}
.pt-xl-6{
padding-top: 6em;
}
.pt-xl-7{
padding-top: 7em;
}
.pt-xl-8{
padding-top: 8em;
}
.pt-xl-9{
padding-top: 9em;
}
.pt-xl-10{
padding-top: 10em;
}
.pb-xl-0{
padding-bottom: 0;
}
.pb-xl-1{
padding-bottom: 1em;
}
.pb-xl-2{
padding-bottom: 2em;
}
.pb-xl-3{
padding-bottom: 3em;
}
.pb-xl-4{
padding-bottom: 4em;
}
.pb-xl-5{
padding-bottom: 5em;
}
.pb-xl-6{
padding-bottom: 6em;
}
.pb-xl-7{
padding-bottom: 7em;
}
.pb-xl-8{
padding-bottom: 8em;
}
.pb-xl-9{
padding-bottom: 9em;
}
.pb-xl-10{
padding-bottom: 10em;
}
}
.mt-05{
margin-top: .5em !important;
}
.mt-15{
margin-top: 1.5em !important;
}
.mt-0{
margin-top: 0 !important;
}
.mt-1{
margin-top: 1em !important;
}
.mt-2{
margin-top: 2em !important;
}
.mt-3{
margin-top: 3em !important;
}
.mt-4{
margin-top: 4em !important;
}
.mt-5{
margin-top: 5em !important;
}
.mb-05{
margin-bottom: .5em !important;
}
.mb-15{
margin-bottom: 1.5em !important;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-1{
margin-bottom: 1em !important;
}
.mb-2{
margin-bottom: 2em !important;
}
.mb-3{
margin-bottom: 3em !important;
}
.mb-4{
margin-bottom: 4em !important;
}
.mb-5{
margin-bottom: 5em !important;
}
.h-1{
height: 1px;
}
.h-2{
height: 2px;
}
.h-3{
height: 3px;
}
.h-4{
height: 4px;
}
.h-5{
height: 5px;
}
.page_slider.intro_section{
position: relative;
clear: both;
}
.page_slider.intro_section .animated{
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.page_slider.intro_section .animated.hinge{
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.page_slider.intro_section .slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease -out;
visibility: visible;
}
@keyframes slideExpandUp {
0%{
-webkit-transform: translateY(100%) scaleX(0.5);
transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
transform: translateY(-8%) scaleX(0.5);
}
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);
transform: translateY(0%) scaleX(0.9);
}
70%{
-webkit-transform: translateY(0%) scaleX(1.05);
transform: translateY(0%) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleX(0.95);
transform: translateY(0%) scaleX(0.95);
}
90%{
-webkit-transform: translateY(0%) scaleX(1.02);
transform: translateY(0%) scaleX(1.02);
}
100%{
-webkit-transform: translateY(0%) scaleX(1);
transform: translateY(0%) scaleX(1);
}
}
@-webkit-keyframes slideExpandUp {
0%{
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);
}
70%{
-webkit-transform: translateY(0%) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleX(0.95);
}
90%{
-webkit-transform: translateY(0%) scaleX(1.02);
}
100%{
-webkit-transform: translateY(0%) scaleX(1);
}
}
.page_slider.intro_section .flexslider .slides > li{
position: relative;
}
.page_slider.intro_section li .slide-pre-heading{
color: var(--colorDark);
font-size: 24px;
font-weight: 100;
line-height: 1;
font-style: normal;
margin: 0;
margin-bottom: .8em;
position: relative;
word-break: break-word;
}
.page_slider.intro_section li .slide-heading{
font-weight: 400;
font-size: 70px;
line-height: 1;
margin: 0;
margin-bottom: 86px;
position: relative;
color: var(--colorDark);
word-break: break-word;
}
@media (max-width: 991px) {
.page_slider.intro_section li .slide-heading{
margin-bottom: 14px;
font-size: 30px;
}
}
.page_slider.intro_section li .slide-description{
margin-bottom: 2.5em;
color: var(--colorLight);
font-size: 20px;
font-weight: 300;
line-height: 30px;
}
@media (max-width: 991px) {
.page_slider.intro_section li .slide-description{
font-size: 16px;
margin-bottom: 30px;
}
}
.page_slider.intro_section > img{
width: 100%;
}
.page_slider.intro_section.i{
color: var(--colorLight);
}
.page_slider.intro_section .slides > li{
position: relative;
overflow: hidden;
}
.page_slider.intro_section .flexslider{
overflow: hidden;
}
.page_slider.intro_section .flexslider .flex-control-nav{
display: none;
}
.page_slider.intro_section .flexslider .flex-direction-nav a{
text-decoration: none;
display: block;
width: 80px;
height: 80px;
margin: -40px 0 0;
position: absolute;
border-radius: 50% 0 0 50%;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: #fff;
background-color: rgba(255, 255, 255, .1);
text-align: center;
}
.page_slider.intro_section .flexslider .flex-direction-nav a::before{
font-family: "FontAwesome";
font-size: 20px;
content: "";
position: absolute;
color: var(--colorLight);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
left: 48px;
transition: all .4s ease-out;
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-prev{
left: -40px;
border-radius: 0 50% 50% 0;
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-prev:hover{
left: 0;
background-color: var(--colorMain);
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-prev:hover::before{
left: 10px;
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-next{
right: -40px;
text-align: right;
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-next::before{
content: "";
right: 48px;
left: 20px;
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-next:hover{
right: 0;
background-color: var(--colorMain);
}
.page_slider.intro_section .flexslider .flex-direction-nav a.flex-next:hover::before{
right: 30px;
}
.page_slider.intro_section .flexslider:before,
.page_slider.intro_section .flexslider:after{
content: "";
display: block;
clear: both;
}
.page_slider.intro_section .flexslider .intro-layer img{
width: auto;
display: inline-block;
}
.page_slider.intro_section.blog_slider{
margin-bottom: 30px;
}
@media (min-width: 992px) {
.page_slider.intro_section.blog_slider{
margin-bottom: 70px;
}
.page_slider.intro_section.blog_slider .slides > li{
max-height: 600px;
}
}
.page_slider.intro_section.blog_slider img{
opacity: .2;
}
.page_slider.intro_section.blog_slider .slide_description_wrapper .slide_description{
max-width: none;
}
.page_slider.intro_section .flexslider .container,
.page_slider.intro_section img + .container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.page_slider.intro_section [class*=col-]{
position: static;
min-height: 0;
}
.page_slider.intro_section .slide_description_wrapper{
bottom: 0;
font-size: 0;
height: 100%;
left: 0;
padding: 30px 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
display: block;
}
@media (min-width: 600px) {
.boxed .page_slider.intro_section .slide_description_wrapper{
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section .slide_description_wrapper{
padding-right: 15px;
padding-left: 15px;
}
}
.page_slider.intro_section .slide_description{
font-size: 16px;
}
.page_slider.intro_section .slide_description_wrapper:before,
.page_slider.intro_section .slide_description{
display: inline-block;
vertical-align: middle;
}
.page_slider.intro_section .slide_description_wrapper:before{
content: "";
display: inline-block;
width: 0;
height: 100%;
}
.page_slider.intro_section .slide_description_wrapper.slide_text_top:before{
vertical-align: top;
}
.page_slider.intro_section h2{
line-height: .8;
margin-bottom: .6em;
margin-top: .27em;
}
.page_slider.intro_section p{
margin-bottom: 3em;
}
@media (min-width: 992px) {
.page_slider.intro_section .flex-control-nav{
position: absolute;
bottom: 50px;
}
}
@media (min-width: 1600px) {
.page_slider.intro_section .flex-control-nav{
bottom: 18%;
}
}
@media (min-width: 768px) {
.page_slider.intro_section h2.slide-heading{
font-size: 40px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section h4.slide-pre-heading{
font-size: 24px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section h2.slide-heading{
font-size: 60px;
}
}
@media (min-width: 1450px) {
.page_slider.intro_section .slide_description_wrapper.slide_text_top{
padding-top: 130px;
}
.boxed .page_slider.intro_section .slide_description_wrapper.slide_text_top{
padding-top: 40px;
}
.page_slider.intro_section.blog_slider .slide_description_wrapper{
padding-top: 0;
}
}
.page_slider.intro_section .with_corner_border:before,
.page_slider.intro_section .with_corner_border:after,
.page_slider.intro_section .bottom_corners{
display: none;
}
@media (min-width: 1200px) {
.page_slider.intro_section .with_corner_border:before,
.page_slider.intro_section .with_corner_border:after,
.page_slider.intro_section .bottom_corners{
display: block;
}
}
.with_padding{
padding: 10px;
}
@media (min-width: 400px) {
.with_padding{
padding: 35px;
}
}
@media (min-width: 1200px) {
.with_padding.big-padding,
.with_padding.huge-padding{
padding: 55px;
}
}
@media (min-width: 1600px) {
.with_padding.huge-padding{
padding: 0 15px;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .slide_description_wrapper{
padding: 0;
position: static;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .slide_description{
display: inline-block;
margin: auto;
padding: 40px 0;
text-align: center;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .flex-control-nav{
bottom: 20px;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .flexslider .container{
max-width: 100%;
position: static;
width: auto;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .flex-direction-nav .flex-next,
.page_slider.intro_section .flex-direction-nav .flex-prev{
top: 50%;
}
}
@media (max-width: 570px) {
.page_slider.intro_section .flex-direction-nav .flex-next,
.page_slider.intro_section .flex-direction-nav .flex-prev{
display: none;
}
}
.error404{
display: flex;
flex-direction: column;
min-height: 100vh;
}
.error404 #title,
.error404 #footer-top,
.error404 #footer{
display: none;
}
.error404 #copyright{
background-image: none !important;
background: var(--colorDarkGrey);
}
.error404 #copyright .copyright-text{
color: var(--colorLight);
}
#main.section-404{
flex: 1 0 auto;
}
@media (max-width: 991px) {
#main.section-404{
background-image: none !important;
}
}
@media (min-width: 1200px) {
#main.section-404 main{
width: 50%;
margin-left: auto;
}
}
#main.section-404 p{
color: var(--colorDark);
}
#main.section-404 p.not_found{
font-size: 150px;
font-weight: 900;
line-height: .8;
margin-bottom: 20px;
color: var(--colorMain2);
}
@media (min-width: 768px) {
#main.section-404 p.not_found{
font-size: 210px;
}
}
#main.section-404 p.not_found + h3{
font-size: 28px;
font-weight: 900;
margin: 0 0 30px;
}
#main.section-404 .search-form{
max-width: 360px;
margin: 0 auto;
}
#main.section-404 .search-form input{
background-color: rgba(0, 0, 0, 0);
}
#main.section-404 .divider_15{
margin: 15px 0;
line-height: 1;
}
.testimonials-theme-style .jltma-team-member-thumb img{
border-radius: 100%;
border: 5px solid var(--colorLight);
width: 110px;
max-width: 110px;
}
.testimonials-theme-style .jltma-team-member-content{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.testimonials-theme-style .jltma-team-member-content .jltma-team-member-name{
width: 100%;
order: 2;
}
.testimonials-theme-style .jltma-team-member-content .jltma-team-member-designation{
width: 100%;
order: 3;
}
.testimonials-theme-style .jltma-team-member-content .jltma-team-member-about{
width: 100%;
order: 1;
}
.testimonials-theme-style .jltma-team-member-content .jltma-team-member-about::after{
content: "";
font-family: FontAwesome;
display: block;
font-size: 40px;
font-style: normal;
line-height: 1;
color: var(--colorMain2);
margin-top: 30px;
margin-bottom: 0;
}
.jltma-team-member-social li{
padding: 0 !important;
}
.jltma-team-member-social li a{
margin: 0 12px;
}
@media (min-width: 769px) {
.jltma--advance-tab.two .jltma--advance-tab-nav{
width: -webkit-fit-content;
width: fit-content;
}
.jltma--advance-tab.two .jltma--advance-tab-nav li{
white-space: nowrap;
}
}
@media (max-width: 768px) {
.jltma--advance-tab.two .jltma--advance-tab-nav li{
margin: 0 !important;
}
}
.tabs-content-border .jltma--advance-tab-content.tab-pane{
border-left: 1px solid var(--colorBorder);
border-right: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
position: relative;
}
.tabs-content-border .jltma--advance-tab-content.tab-pane::before{
content: "";
display: block;
width: calc(100% + 2px);
height: 10px;
background-color: var(--colorMain2);
position: absolute;
top: 0;
left: 0;
margin: -1px;
}