@import "https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap";
:root{
--colorLight: #ffffff;
--colorFont: #787878;
--colorFontLight: #b4b4b4;
--colorBackground: #f2f2f2;
--colorBorder: #dfdfdf;
--colorGrey: #f0f0f0;
--colorDark: #1c1c1c;
--colorFontBlue: #2f367a;
--colorMain: #d02954;
--colorMain2: #7f3c6c;
--colorMain3: #2f6686;
--colorMain4: #669850;
--colorMain5: #d2b069;
--colorMainDarken: #7b1832;
--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: 1;
}
.svg-icon svg{
max-width: 1em;
max-height: 1em;
fill: var(--colorFont);
}
.social-links{
line-height: 1;
}
.social-links a{
display: inline-block;
}
.social-links a svg{
max-width: 14px;
max-height: 14px;
}
.social-links a:hover svg{
fill: var(--colorMain3);
}
.social-links a + a{
margin-left: 13px;
}
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(--colorFontBlue);
}
.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: #d02954;
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: auto;
}
body{
background-color: #fff;
background-color: var(--colorLight);
text-rendering: optimizeLegibility;
word-break: break-word;
width: 100%;
position: relative;
font-weight: 300;
line-height: 27px;
}
body,
button,
input,
select,
textarea{
color: #787878;
color: var(--colorFont);
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,segoe ui,fira sans,sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 27px;
}
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(--colorDarkGrey);
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: 15px 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: 0;
padding: 10px 10px 30px 10px;
border: 0;
font-size: 18px;
font-weight: 300;
line-height: 30px;
text-align: center;
font-style: italic;
}
@media (min-width: 768px) {
blockquote,
.wp-block-quote{
margin-left: auto;
margin-right: auto;
}
}
blockquote footer,
.wp-block-quote footer{
font-weight: 600;
font-style: normal;
font-size: 15px;
line-height: 1.4;
text-transform: uppercase;
color: var(--colorMain);
}
blockquote p,
.wp-block-quote p{
margin-bottom: 45px;
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;
font-weight: 300;
color: var(--colorFontLight);
display: block;
width: 100%;
font-size: 16px;
}
blockquote cite strong,
.wp-block-quote cite strong{
text-transform: uppercase;
font-weight: 900;
font-size: 12px;
line-height: 1.2;
margin-top: 10px;
display: block;
width: 100%;
color: var(--colorMain) !important;
}
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;
}
.single-post blockquote,
.single-post .wp-block-quote{
margin-top: 60px;
margin-bottom: 60px;
}
.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(--colorFontBlue);
font-style: normal;
font-size: 14px;
width: 100%;
}
a{
outline: none;
text-decoration: none;
transition: all .3s linear 0s;
color: #232323;
color: var(--colorDarkGrey);
}
a > img{
opacity: 1;
transition: all .3s linear 0s;
}
a:focus,
a:hover{
text-decoration: underline;
color: #d02954;
color: var(--colorMain);
}
a:focus .svg-icon svg,
a:hover .svg-icon svg{
fill: var(--colorMain);
}
a:focus > img,
a:hover > img{
opacity: .8;
}
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(//www.beautesublimeeparval.fr/wp-content/themes/makeup/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{
font-weight: 700;
line-height: 1;
word-break: break-word;
margin-top: 1em;
margin-bottom: .7em;
color: var(--colorDarkGrey);
}
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{
font-size: 52px;
}
h2{
font-size: 40px;
}
h3{
font-size: 28px;
}
h4{
font-size: 20px;
}
h5{
font-size: 16px;
}
h6{
font-size: 14px;
}
@media (min-width: 992px) {
h1{
font-size: 60px;
}
h2{
font-size: 45px;
}
h3{
font-size: 35px;
}
h4{
font-size: 24px;
}
}
p{
margin-top: 0;
margin-bottom: 15px;
}
p:last-child:after{
content: "";
display: block;
clear: both;
}
p:last-child{
margin-bottom: 0;
}
address{
margin-bottom: 15px;
}
hr{
border: 0;
height: 1px;
background-color: #dfdfdf;
background-color: var(--colorBorder);
}
.pre-heading{
color: var(--colorMain2);
}
.pre-heading,
.footer_top-pre-heading{
position: relative;
line-height: 1;
font-weight: 300;
z-index: 0;
text-transform: uppercase;
}
.pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .pre-heading-bg-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;
}
@media (max-width: 767px) {
.pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .pre-heading-bg-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: 50px;
left: 0;
padding: 0 !important;
margin: 5px 0 0 !important;
list-style: none;
z-index: 1;
}
.dropdown ul:not(.topline-menu) li{
padding: 0 !important;
}
.dropdown ul:not(.topline-menu) li::before{
display: none;
}
.dropdown ul:not(.topline-menu) li + li{
margin-left: 1px;
}
.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(--colorFontBlue);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li button:hover::before{
color: var(--colorFontBlue) !important;
}
.slick-dots li.slick-active button{
border-color: var(--colorFontBlue);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li.slick-active button::before{
color: var(--colorFontBlue) !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 .intro-section-text,
.intro-section .intro-section-text{
z-index: 1;
}
.section-intro.image-background img,
.intro-section.image-background img{
width: 100%;
margin-bottom: -1em;
}
@media (min-width: 992px) {
.section-intro.image-background img + .container,
.intro-section.image-background img + .container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
}
}
.section-intro .intro-top-heading,
.intro-section .intro-top-heading{
font-weight: 400;
margin-bottom: 0;
font-size: 35px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.section-intro .intro-top-heading,
.intro-section .intro-top-heading{
font-size: 50px;
}
}
@media (min-width: 992px) {
.section-intro .intro-top-heading,
.intro-section .intro-top-heading{
font-size: 90px;
}
}
@media (min-width: 1200px) {
.section-intro .intro-top-heading,
.intro-section .intro-top-heading{
font-size: 150px;
}
}
.section-intro .dotted_divider,
.intro-section .dotted_divider{
background-image: -webkit-repeating-radial-gradient(center center, var(--colorLight), var(--colorLight) 2px, transparent 2px, transparent 100%);
background-color: rgba(0, 0, 0, 0);
max-width: 40%;
background-size: 16px 16px;
margin: 4% auto;
height: 4px;
background-position: center;
}
.section-intro.text-right .dotted_divider,
.intro-section.text-right .dotted_divider{
margin-right: 0 !important;
}
.section-intro.text-left .dotted_divider,
.intro-section.text-left .dotted_divider{
margin-left: 0 !important;
}
.section-intro.l .dotted_divider,
.intro-section.l .dotted_divider{
background-image: -webkit-repeating-radial-gradient(center center, var(--colorDarkGrey), var(--colorDarkGrey) 2px, transparent 2px, transparent 100%);
}
.section-intro .intro-heading,
.intro-section .intro-heading{
font-size: 25px;
}
@media (min-width: 1200px) {
.section-intro .intro-heading,
.intro-section .intro-heading{
font-size: 45px;
}
}
@media (min-width: 992px) {
.section-intro .intro-heading,
.intro-section .intro-heading{
font-size: 35px;
}
}
.section-intro .intro-description,
.intro-section .intro-description{
font-weight: 300;
margin-bottom: 2em;
}
.section-intro .theme_button,
.intro-section .theme_button{
margin-top: 1em;
}
.post-adds{
font-size: 14px;
margin: 15px 0 30px;
border-radius: 5px;
}
.post-adds span,
.post-adds a{
display: inline-block;
}
.post-adds .share_buttons{
margin: 0;
padding: 0;
width: 40px;
line-height: 40px;
border-radius: 0;
}
.post-adds .share_buttons i{
font-size: 16px;
position: static;
}
.post-adds .share_buttons:first-child{
border-radius: 5px 0 0 5px;
}
.post-adds .share_button{
border-radius: 2px 0 0 2px;
}
.post-adds .theme_button.like_button,
.post-adds .like_button{
border-right: 1px solid rgba(145, 152, 153, .3) !important;
line-height: 50px;
margin-left: -3px;
text-align: center;
width: 50px;
}
.post-adds .theme_button.like_button i,
.post-adds .like_button i{
font-size: 16px;
position: static;
}
.post-adds .theme_button.like_button:hover,
.post-adds .like_button:hover{
color: var(--colorFontBlue);
}
.post-adds .item-likes,
.post-adds .views-count,
.post-adds .comments-link{
font-weight: 500;
padding-left: 5px;
padding-right: 5px;
}
.post-adds .views-count{
padding: 0 10px;
border-radius: 0 5px 5px 0;
color: var(--colorLight);
}
.post-adds .comments-link{
line-height: 50px;
padding: 0 15px;
}
.blog-feed .post-adds .comments-link{
display: none;
}
@media (min-width: 992px) {
.post-adds{
font-size: 14px;
}
.post-adds .theme_button{
width: 50px;
line-height: 50px;
}
.post-adds .item-likes,
.post-adds .views-count,
.post-adds .comments-link{
padding-left: 20px;
padding-right: 20px;
}
.post-adds .views-count{
padding: 0 30px;
}
}
.post-adds .dropdown-menu{
margin: 5px 0 0;
padding: 0;
border: none;
background-color: rgba(0, 0, 0, 0);
}
.dropdown-menu{
border: 2px solid #19bcdb;
border-radius: 0;
box-shadow: none;
font-size: 14px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
z-index: 1001;
}
.dropdown-menu{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
}
.color2{
color: var(--colorMain2);
}
fieldset{
border-color: #dfdfdf;
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-weight: 400;
margin-bottom: .75em;
color: var(--colorDarkGrey);
}
.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: 70px;
border: none;
background-color: var(--colorBackground);
border-radius: 0;
color: var(--colorDarkGrey);
padding-left: 30px;
padding-right: 30px;
padding-top: 23px;
padding-bottom: 23px;
font-size: 18px;
font-weight: 400;
width: 100%;
}
.wpcf7-spinner{
display: none;
}
textarea.form-control{
height: auto;
max-width: 100%;
min-width: 100%;
}
input.form-control{
max-width: 100%;
min-width: 100%;
}
.widget_mc4wp_form_widget [type*=email]{
width: 100%;
padding-right: 60px;
}
.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;
}
input[type=checkbox],
input[type=radio]{
width: 13px;
height: 13px;
margin-right: .25em;
}
input[type=checkbox]{
display: none;
}
input[type=checkbox]+label,
input[type=checkbox]+.wpcf7-list-item-label{
padding-left: 0;
}
input[type=checkbox]+label:before,
input[type=checkbox]+.wpcf7-list-item-label:before{
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 10px 4px 0;
text-align: center;
width: 1.1em;
height: 1.1em;
line-height: 1em;
font-size: 1em;
border: 1px solid var(--colorDarkGrey);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
font-family: "FontAwesome";
}
input[type=checkbox]:checked+label:before,
input[type=checkbox]:checked+.wpcf7-list-item-label:before{
content: "";
color: var(--colorMain);
}
input[type=search]{
-webkit-appearance: textfield;
}
::-webkit-search-decoration{
display: none;
}
.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type=submit]{
width: auto;
font-size: 14px;
font-weight: 700;
padding: 18px 30px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: none;
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all .4s linear 0s;
}
.theme_buttons a:active,
.theme_buttons a:hover,
.theme_buttons a:focus,
.theme_button:active,
.theme_button:hover,
.theme_button:focus,
.wc-proceed-to-checkout .checkout-button:active,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus,
.buttons a:active,
.buttons a:hover,
.buttons a:focus,
button:active,
button:hover,
button:focus,
input[type=submit]:active,
input[type=submit]:hover,
input[type=submit]:focus{
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
.theme_button.color1{
background-color: var(--colorMain) !important;
}
.theme_button.color1:hover,
.theme_button.color1:focus,
.theme_button.color1:active{
background-color: rgba(var(--colorMainRGB), 0.8) !important;
}
.theme_button.color2{
background-color: var(--colorMain2) !important;
}
.theme_button.color2:hover,
.theme_button.color2:focus,
.theme_button.color2:active{
background-color: rgba(var(--colorMain2RGB), 0.8) !important;
}
.theme_button.color3{
background-color: var(--colorMain3) !important;
}
.theme_button.color3:hover,
.theme_button.color3:focus,
.theme_button.color3:active{
background-color: rgba(var(--colorMain3RGB), 0.8) !important;
}
.theme_button.color4{
background-color: var(--colorMain4) !important;
}
.theme_button.color4:hover,
.theme_button.color4:focus,
.theme_button.color4:active{
background-color: rgba(var(--colorMain4RGB), 0.8) !important;
}
.theme_button.color5{
background-color: var(--colorMain5) !important;
}
.theme_button.color5:hover,
.theme_button.color5:focus,
.theme_button.color5:active{
background-color: rgba(var(--colorMain5RGB), 0.8) !important;
}
.theme_buttons.color3 a,
.theme_button.color3{
background-color: var(--colorMain3);
}
.theme_buttons.color3 a:hover,
.theme_buttons.color3 a:focus,
.theme_buttons.color3 a:active,
.theme_button.color3:hover,
.theme_button.color3:focus,
.theme_button.color3:active{
background-color: var(--colorMain3);
color: var(--colorLight);
}
.theme_buttons.color4 a,
.theme_button.color4{
background-color: var(--colorMain4);
}
.theme_buttons.color4 a:hover,
.theme_buttons.color4 a:focus,
.theme_buttons.color4 a:active,
.theme_button.color4:hover,
.theme_button.color4:focus,
.theme_button.color4:active{
background-color: var(--colorMain4);
color: var(--colorLight);
}
.theme_buttons.color5 a,
.theme_button.color5{
background-color: var(--colorMain5);
}
.theme_buttons.color5 a:hover,
.theme_buttons.color5 a:focus,
.theme_buttons.color5 a:active,
.theme_button.color5:hover,
.theme_button.color5:focus,
.theme_button.color5:active{
background-color: var(--colorMain5);
color: var(--colorLight);
}
.theme_buttons a:active,
.theme_buttons a:hover,
.theme_buttons a:focus,
.wc-proceed-to-checkout .checkout-button:hover{
color: var(--colorLight);
opacity: 1;
text-decoration: none;
outline: none;
transition: all .05s linear 0s;
}
.theme_buttons a:active,
.theme_button:active{
top: 1px;
}
.muted_buttons a,
.muted_button{
opacity: .2;
}
.small_buttons a,
.small_button{
padding: 3px 5px 2px;
min-width: auto;
}
.square_buttons a,
.square_button{
padding-left: 10px;
padding-right: 10px;
min-width: auto;
}
.wide_buttons a,
.wide_button{
padding-right: 55px;
padding-left: 55px;
}
a.inactive{
pointer-events: none;
}
.block_buttons a,
.block_button{
display: block;
width: 100%;
text-align: center;
}
.min_width_button{
min-width: 170px;
}
.no_bg_button{
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0);
}
.no_bg_button.color1{
color: var(--colorMain);
}
.no_bg_button.color2{
color: var(--colorMain2);
}
.no_bg_button[class*=color]:hover,
.no_bg_button[class*=color]:focus,
.no_bg_button[class*=color]:active{
color: var(--colorDarkGrey);
}
h1>[class*=rt-icon],
h2>[class*=rt-icon],
h3>[class*=rt-icon],
h4>[class*=rt-icon],
h5>[class*=rt-icon],
h6>[class*=rt-icon]{
position: relative;
top: .08em;
padding-right: .1em;
}
p>[class*=rt-icon]{
font-size: 1.1em;
position: relative;
top: .1em;
line-height: 0;
padding: 0 .2em;
}
p>[class*=rt-icon]+[class*=rt-icon]{
margin-left: -0.75em;
}
.theme_buttons a>[class*=rt-icon],
.theme_button>[class*=rt-icon]{
font-size: 1.8em;
line-height: 0;
position: relative;
top: 5px;
padding: 0 3px;
}
.theme_buttons a>[class*=glyphicon],
.theme_buttons a>[class*=fa-],
.theme_button>[class*=glyphicon],
.theme_button>[class*=fa-]{
font-size: 1.5em;
position: relative;
top: 3px;
line-height: 0;
}
.form-inline [type=submit],
.form-inline .btn,
.form-inline .theme_button{
margin-bottom: 0;
}
.btn-group-lg > .btn,
.btn-lg{
padding: 16px 16px;
}
.btn-group-sm > .btn,
.btn-sm{
padding: 5px 10px;
}
.btn-group-xs > .btn,
.btn-xs{
padding: 1px 5px;
}
.read-more,
.more-link{
font-weight: 700;
}
.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: 700;
padding: 18px 30px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: none;
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all .4s linear 0s;
border-color: var(--colorMain) !important;
}
#footer-top [type=submit]:active,
#footer-top [type=submit]:hover,
#footer-top [type=submit]:focus{
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
#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;
font-style: italic;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
::-moz-placeholder{
opacity: .5;
font-style: italic;
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-moz-placeholder{
opacity: .5;
font-style: italic;
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-ms-input-placeholder{
opacity: .5;
font-style: italic;
-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{
position: relative;
}
.select-wrap::after{
content: "";
font-family: FontAwesome;
color: rgba(var(--colorDarkGrey), 0.7);
font-size: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 24px;
cursor: pointer;
pointer-events: none;
transition: all .4s linear 0s;
z-index: 2;
}
.select-wrap:hover::after{
color: var(--colorMain);
}
.select-wrap select{
position: relative;
cursor: pointer;
z-index: 1;
-webkit-appearance: none;
appearance: none;
box-shadow: none !important;
}
input[type=text]+.theme_button,
input[type=email]+.theme_button,
input[type=url]+.theme_button,
input[type=password]+.theme_button,
input[type=search]+.theme_button,
input[type=tel]+.theme_button,
input[type=number]+.theme_button,
textarea + .theme_button,
select + .theme_button,
.form-control + .theme_button{
position: absolute;
padding: 0;
top: 0;
right: 0;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
color: rgba(var(--colorDarkGrey), 0.7);
min-width: 0;
}
input[type=text]+.theme_button::before,
input[type=email]+.theme_button::before,
input[type=url]+.theme_button::before,
input[type=password]+.theme_button::before,
input[type=search]+.theme_button::before,
input[type=tel]+.theme_button::before,
input[type=number]+.theme_button::before,
textarea + .theme_button::before,
select + .theme_button::before,
.form-control + .theme_button::before{
font-size: 18px;
content: "";
font-family: FontAwesome;
}
input[type=text]+.theme_button:hover,
input[type=email]+.theme_button:hover,
input[type=url]+.theme_button:hover,
input[type=password]+.theme_button:hover,
input[type=search]+.theme_button:hover,
input[type=tel]+.theme_button:hover,
input[type=number]+.theme_button:hover,
textarea + .theme_button:hover,
select + .theme_button:hover,
.form-control + .theme_button:hover{
color: var(--colorMain);
}
form.wpcf7-form .form-with-icons{
margin-left: -15px;
margin-right: -15px;
}
form.wpcf7-form .form-with-icons p{
position: relative;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1199px) {
form.wpcf7-form .form-with-icons p{
margin-top: 5px;
margin-bottom: 5px;
}
}
form.wpcf7-form .form-with-icons p span+[class*=icon2-],
form.wpcf7-form .form-with-icons p span+[class*=fa-]{
position: absolute;
font-size: 14px;
left: 28px;
top: 13px;
width: 14px;
color: var(--colorMain);
}
form.wpcf7-form .form-with-icons p .wpcf7-form-control-wrap{
position: relative;
margin-bottom: 10px;
}
form.wpcf7-form .form-with-icons p .wpcf7-form-control-wrap input,
form.wpcf7-form .form-with-icons p .wpcf7-form-control-wrap textarea{
text-indent: 30px;
}
.l{
background-color: #fff;
background-color: var(--colorLight);
}
.l .darklinks a,
.l .darklinks span,
.l a.darklink{
color: var(--colorDarkGrey);
}
.l .darklinks a:hover,
.l .darklinks span:hover,
.l a.darklink:hover{
color: var(--colorMain);
}
.l .darklinks a .svg-icon svg{
fill: var(--colorDarkGrey);
}
.l .highlight{
border-color: var(--colorMain);
color: var(--colorMain);
}
@media screen and (min-width: 992px)and (min-width: 992px) {
.l .top-menu li.menu-item-has-children a:after{
border-color: var(--colorDarkGrey);
}
}
.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.i{
background-color: var(--colorDarkGrey);
color: var(--colorDarkFont);
}
@media (min-width: 1200px) {
.i.slider-topline{
background-color: rgba(31, 35, 43, .5);
}
}
.i.page_topline{
background-color: rgba(35, 35, 35, .6);
}
.i ::-webkit-input-placeholder{
color: var(--colorDarkGrey);
}
.i ::-moz-placeholder{
color: var(--colorDarkGrey);
}
.i :-moz-placeholder{
color: var(--colorDarkGrey);
}
.i :-ms-input-placeholder{
color: var(--colorDarkGrey);
}
.i h1,
.i h2,
.i h3,
.i h4,
.i h5,
.i h6{
color: var(--colorLight);
}
.i.title h1,
.woo.woocommerce .i #reviews #comments ol.commentlist li .comment-text p.meta strong,
.i ol.comment-list .comment-meta .comment-author,
.i ol.comment-list .comment-meta .comment-metadata a:hover,
.i ol.comment-list .reply a:hover::before,
.i .widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored .post-title a:hover,
.i .layout-default .post:nth-child(1n) .item-content.bottom_border_multi_colored h3.entry-title a:hover,
.i .entry-wrap .icon-inline .like_button.like_active_button i.fa-heart:hover,
.i .entry-wrap .icon-inline .like_button i,
.woo .i .woo div.product .summary .product_meta a:hover,
.i.copyright .copyright-text{
color: var(--colorLight);
}
.woo .i a.remove:hover,
.i .woocommerce table.shop_table .product-name a:hover{
color: var(--colorLight) !important;
}
.i .widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored .more-link a:hover,
.i .entry-wrap .icon-inline.entry-date-wrap a:hover,
.single-post .i .layout-default .format-status .item-content .entry-content,
.single-post .i .layout-default .format-status .item-content,
.woo .i .woo div.product .summary .product_meta > *,
.woocommerce .i #reviews #comments ol.commentlist li .meta,
.woo .i #review_form .comment-form .comment-notes,
.ifooter .widget,
.i .woocommerce-error,
.i .woocommerce-info,
.i .woocommerce-message{
color: var(--colorDarkFont);
}
.i.title .breadcrumbs a{
color: var(--colorLight);
}
.i.title .breadcrumbs a:hover{
color: var(--colorMain);
}
.i.title .breadcrumbs span.breadcrumb_last{
color: var(--colorMain);
}
.i .with_background,
.woo .i ul.products,
.woocommerce .i ul.products,
.woocommerce-cart.woocommerce-page .i .entry-content,
.i .order_wrap #order_review,
.i form.checkout.woocommerce-checkout .col2-set,
.i .woocommerce-error,
.i .woocommerce-info,
.i .woocommerce-message,
.woo .i div.product .woocommerce-tabs .panel{
background-color: var(--colorDarkBackground);
}
.i a{
color: var(--colorLight);
}
.i a:focus,
.i a:hover{
color: #d02954;
color: var(--colorMain);
}
.i .entry-wrap .icon-inline.comments-link a{
color: var(--colorDarkFont);
}
.i .entry-wrap .icon-inline.comments-link a:hover{
color: var(--colorMain);
}
.i .entry-content a.more-link,
.i .format-link .entry-content a{
color: var(--colorLight);
}
.i .entry-content a.more-link:hover,
.i .format-link .entry-content a:hover{
color: var(--colorMain);
}
@media screen and (min-width: 992px) {
.i .top-menu.menu-low-items > li > a:hover,
.i .top-menu.menu-low-items > li > a:focus{
color: var(--colorLight);
}
.i .top-menu.menu-low-items > li > a::before{
background-color: var(--colorLight);
}
}
.i .posts-list li h3 a,
.i .posts-list li h4 a{
color: var(--colorLight);
}
.i.footer a{
color: var(--colorDarkFont);
}
.i.footer a:focus,
.i.footer a:hover{
color: #d02954;
color: var(--colorMain);
}
.i.footer .wp-block-getwid-social-links__item a:hover{
opacity: 1;
}
.i.footer .wp-block-getwid-social-links__item a:hover i{
color: var(--colorMain);
}
.i li a:not([class]){
opacity: 1;
}
.i li a:not([class]):hover{
opacity: 1;
}
.i .highlight{
border-color: var(--colorMain);
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);
}
.woo .i .checkout_coupon.woocommerce-form-coupon button.button[name=apply_coupon],
.i .woocommerce-checkout #payment .form-row.place-order #place_order,
.i .woocommerce table.shop_table td.actions .coupon button[name=apply_coupon],
.i #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .i .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .i .wc-proceed-to-checkout a.checkout-button,
.woo .i ul.products li.product .product-buttons-wrap .add_to_cart_button,
.woo .i ul.products li.product .product-buttons-wrap .product_type_external,
.woo .i ul.products li.product .product-buttons-wrap .view_product,
.woo .i ul.products li.product .product-buttons-wrap .added_to_cart,
.woo .i .woo div.product .summary button[type=submit],
.woo.woocommerce .i #respond input#submit,
.woo.woocommerce .i a.button,
.woo.woocommerce .i button.button,
.woo.woocommerce .i input.button,
.woo .i .return-to-shop a.button,
.i.theme_button{
color: var(--colorDarkGrey);
background-color: var(--colorLight);
}
.woo .i .checkout_coupon.woocommerce-form-coupon button.button[name=apply_coupon]:hover,
.woo .i .checkout_coupon.woocommerce-form-coupon button.button[name=apply_coupon]:focus,
.i .woocommerce-checkout #payment .form-row.place-order #place_order:hover,
.i .woocommerce-checkout #payment .form-row.place-order #place_order:focus,
.i .woocommerce table.shop_table td.actions .coupon button[name=apply_coupon]:hover,
.i .woocommerce table.shop_table td.actions .coupon button[name=apply_coupon]:focus,
.i #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.i #add_payment_method .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-cart .i .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .i .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-checkout .i .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .i .wc-proceed-to-checkout a.checkout-button:focus,
.woo .i ul.products li.product .product-buttons-wrap .add_to_cart_button:hover,
.woo .i ul.products li.product .product-buttons-wrap .add_to_cart_button:focus,
.woo .i ul.products li.product .product-buttons-wrap .product_type_external:hover,
.woo .i ul.products li.product .product-buttons-wrap .product_type_external:focus,
.woo .i ul.products li.product .product-buttons-wrap .view_product:hover,
.woo .i ul.products li.product .product-buttons-wrap .view_product:focus,
.woo .i ul.products li.product .product-buttons-wrap .added_to_cart:hover,
.woo .i ul.products li.product .product-buttons-wrap .added_to_cart:focus,
.woo .i .woo div.product .summary button[type=submit]:hover,
.woo .i .woo div.product .summary button[type=submit]:focus,
.woo.woocommerce .i #respond input#submit:hover,
.woo.woocommerce .i #respond input#submit:focus,
.woo.woocommerce .i a.button:hover,
.woo.woocommerce .i a.button:focus,
.woo.woocommerce .i button.button:hover,
.woo.woocommerce .i button.button:focus,
.woo.woocommerce .i input.button:hover,
.woo.woocommerce .i input.button:focus,
.woo .i .return-to-shop a.button:hover,
.woo .i .return-to-shop a.button:focus,
.i.theme_button:hover,
.i.theme_button:focus{
color: var(--colorDarkGrey);
background-color: rgba(var(--colorLightRGB), 0.8);
box-shadow: 2px 0 10px rgba(255, 255, 255, .4);
}
.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 input[type=text],
.i input[type=email],
.i input[type=url],
.i input[type=password],
.i input[type=search],
.i input[type=tel],
.i input[type=number],
.i textarea,
.i select,
.i .form-control{
background-color: var(--colorBackground);
color: var(--colorDarkGrey);
}
.i input[type=checkbox]+label:before,
.i input[type=checkbox]+.wpcf7-list-item-label:before{
border-color: var(--colorFontLight);
}
.i .wp-block-search .wp-block-search__button::before,
.i .wp-block-search .search-submit::before,
.i input[type=text]+.theme_button,
.i input[type=url]+.theme_button,
.i input[type=password]+.theme_button,
.i input[type=search]+.theme_button,
.i input[type=tel]+.theme_button,
.i input[type=number]+.theme_button,
.i textarea + .theme_button,
.i select + .theme_button,
.i .form-control + .theme_button{
color: var(--colorDarkGrey);
}
.i .wp-block-search .wp-block-search__button::before:hover,
.i .wp-block-search .search-submit::before:hover,
.i input[type=text]+.theme_button:hover,
.i input[type=url]+.theme_button:hover,
.i input[type=password]+.theme_button:hover,
.i input[type=search]+.theme_button:hover,
.i input[type=tel]+.theme_button:hover,
.i input[type=number]+.theme_button:hover,
.i textarea + .theme_button:hover,
.i select + .theme_button:hover,
.i .form-control + .theme_button:hover{
color: var(--colorMain);
}
.i .quantity [type=button]:hover,
.i .quantity [type=button]:focus{
color: var(--colorMain);
}
.i input[type=email]+.theme_button,
.i .select-wrap::after{
color: var(--colorDarkGrey);
}
.i input[type=email]+.theme_button:hover,
.i .select-wrap:hover::after{
color: var(--colorMain);
}
.singular .i #comments.comments-area,
.single-post .i #comments.comments-area,
.single-tribe_events .i #comments.comments-area,
.i .author-meta .side-item .item-content{
background-color: var(--colorDarkBackground);
}
.i.page_topline .social-links-wrap > * a:not(:hover) .svg-icon svg{
fill: var(--colorLight);
}
.i.page_topline .divided-content .icon-inline a:not(:hover){
color: var(--colorLight);
}
.i .search-form button::before{
color: var(--colorLight);
}
.i ::-webkit-input-placeholder{
color: var(--colorFont);
}
.i ::-moz-placeholder{
color: var(--colorFont);
}
.i :-moz-placeholder{
color: var(--colorFont);
}
.i :-ms-input-placeholder{
color: var(--colorFont);
}
.i.title.title-2 .breadcrumbs{
border-color: rgba(255, 255, 255, .2);
}
.i.m{
background-color: #1c1c1c;
background-color: var(--colorDark);
}
.i.c{
background-color: #d02954;
background-color: var(--colorMain);
}
@media (min-width: 992px) {
.i.c .top-menu ul a:hover,
.i.c .top-menu ul a:hover::before{
color: var(--colorMain);
}
}
.i.c.title .breadcrumbs a{
color: var(--colorLight);
}
.i.c.title .breadcrumbs a:hover{
color: var(--colorDarkGrey);
}
.i.c.title .breadcrumbs span.breadcrumb_last{
color: var(--colorDarkGrey);
}
.i.c.page_topline .divided-content .icon-inline a:hover{
color: var(--colorLight);
opacity: .7;
}
.i.c.page_topline .divided-content .icon-inline i{
color: var(--colorLight);
}
.i.c.c2{
background-color: #7f3c6c;
background-color: var(--colorMain2);
}
@media (min-width: 992px) {
.i.c.c2 .top-menu ul a:hover,
.i.c.c2 .top-menu ul a:hover::before{
color: var(--colorMain2);
}
}
.i.c.c3{
background-color: #2f6686;
background-color: var(--colorMain3);
}
@media (min-width: 992px) {
.i.c.c3 .top-menu ul a:hover,
.i.c.c3 .top-menu ul a:hover::before{
color: var(--colorMain3);
}
}
.i.c.c4{
background-color: #669850;
background-color: var(--colorMain4);
}
@media (min-width: 992px) {
.i.c.c4 .top-menu ul a:hover,
.i.c.c4 .top-menu ul a:hover::before{
color: var(--colorMain4);
}
}
.i.c.gradient{
background-image: linear-gradient(0deg, #d02954, #7f3c6c);
background-image: linear-gradient(0deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.horizontal{
background-image: linear-gradient(90deg, #d02954, #7f3c6c);
background-image: linear-gradient(90deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.diagonal{
background-image: linear-gradient(45deg, #d02954, #7f3c6c);
background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2));
}
.i.c a:focus,
.i.c a:hover{
color: var(--colorMain3);
}
.i.c a:focus svg,
.i.c a:hover svg{
fill: var(--colorMain3);
}
.i.c .header-search #search_toggle:hover .fa.fa-search,
.i.c .header-button.user:hover i,
.i.c .cart-dropdown .dropdown-toggle:hover i{
color: var(--colorMain3);
}
.i.c a[href*="mailto:"]{
color: var(--colorLight);
}
.i.c a[href*="mailto:"]:hover{
opacity: .7;
}
.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.c.topline.topline-3 .svg-icon.icon-printer svg,
.i.c.topline.topline-3 .svg-icon.icon-mail svg{
fill: var(--colorLight);
}
.i .svg-icon svg{
fill: var(--colorFontLight);
}
.i .l.affix .svg-icon svg{
fill: #2f367a;
fill: var(--colorFontBlue);
}
.i .header-search #search_toggle .fa.fa-search{
color: var(--colorLight);
}
.i .affix.l,
.i .affix.l.m{
color: #fff;
}
.i .affix.l a,
.i .affix.l.m a{
color: #2f367a;
color: var(--colorFontBlue);
}
.i .affix.l a:hover,
.i .affix.l.m a:hover{
color: #d02954;
color: var(--colorMain);
}
.i .section-hr{
background-color: rgba(255, 255, 255, .3);
}
.i .widget_nav_menu li a{
color: var(--colorLight);
}
.i .with_corner_border::before,
.i .with_corner_border::after{
border-color: var(--colorLight);
}
.i .with_corner_border .bottom_corners::before,
.i .with_corner_border .bottom_corners::after{
border-color: var(--colorLight);
}
.i .theme_buttons a,
.i .theme_button{
color: var(--colorDarkGrey);
background-color: var(--colorLight);
}
.i .theme_buttons a:hover,
.i .theme_buttons a:focus,
.i .theme_buttons a:active,
.i .theme_button:hover,
.i .theme_button:focus,
.i .theme_button:active{
color: var(--colorDarkGrey);
box-shadow: 2px 0 10px rgba(255, 255, 255, .4);
}
.i .scroll-icon i{
color: var(--colorLight);
}
.i .scroll-icon a{
color: var(--colorFontLight);
}
.i .scroll-icon a:hover{
color: var(--colorLight);
}
body .i table.booked-calendar tr.days th,
body .i #booked-profile-page .booked-tabs{
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
}
body .i table.booked-calendar thead th .monthName,
body .i table.booked-calendar thead th .page-right,
body .i table.booked-calendar thead th .page-left{
color: var(--colorLight) !important;
}
.bordered{
border: 1px solid;
border-color: #dfdfdf;
border-color: var(--colorBorder);
}
.i .bordered{
border-color: rgba(255, 255, 255, .3);
}
.with_border{
border: 2px solid rgba(0, 0, 0, .06);
}
.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;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: var(--colorDarkGrey);
opacity: .8;
border-radius: 0 !important;
}
.background-overlay.overlay-light:before{
background: var(--colorLight);
}
.background-overlay.overlay-main::before{
background: var(--colorMain);
}
.background-overlay > *{
position: relative;
}
.background-overlay.title:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: var(--colorDarkGrey);
border-radius: 0 !important;
opacity: .95;
z-index: 0;
}
.background-overlay.title.overlay-main:before{
background: var(--colorMain);
opacity: .95;
}
.background-overlay.title.overlay-light:before{
background: rgba(17, 51, 58, .6);
}
.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;
}
.highlight2{
border-color: var(--colorMain2);
color: var(--colorMain2);
}
.main_bg_color2{
background-color: var(--colorMain2);
}
.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;
}
}
.ml-1{
margin-left: .2em;
}
.overflow-hidden{
overflow: hidden;
}
@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%;
}
.content-justify{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.muted_background{
background-color: var(--colorBackground);
}
.inline-block{
display: inline-block;
max-width: 100%;
}
.hidden,
.d-none,
.shown-xl,
.shown-lg,
.shown-md,
.shown-sm,
.shown-xs{
display: none !important;
}
@media (max-width: 1599px) {
.hidden-xl{
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg{
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md{
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm{
display: none !important;
}
}
@media (max-width: 599px) {
.hidden-xs{
display: none !important;
}
}
@media (max-width: 1599px) {
.shown-xl{
display: block !important;
}
}
@media (max-width: 1199px) {
.shown-lg{
display: block !important;
}
}
@media (max-width: 991px) {
.shown-md{
display: block !important;
}
}
@media (max-width: 767px) {
.shown-sm{
display: block !important;
}
}
@media (max-width: 599px) {
.shown-xs{
display: block !important;
}
}
.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: 50px !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-50{
margin-right: 50px !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: 50px !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;
}
}
.top-margin-120{
margin-top: -120px;
}
.topmargin_40{
margin-top: 40px;
}
.position-relative{
position: relative;
}
.pt-50{
padding-top: 50px;
}
.pb-50{
padding-bottom: 50px;
}
.pt-75{
padding-top: 75px;
}
@media (max-width: 767px) {
.pt-75{
padding-top: 50px;
}
}
.pb-75{
padding-bottom: 75px;
}
@media (max-width: 767px) {
.pb-75{
padding-bottom: 50px;
}
}
.pt-100{
padding-top: 100px;
}
@media (max-width: 1199px) {
.pt-100{
padding-top: 75px;
}
}
@media (max-width: 479px) {
.pt-100{
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;
}
}
.m-0{
margin: 0 !important;
}
.mt-10{
margin-top: 10px;
}
.mt-20{
margin-top: 20px;
}
.mt-30{
margin-top: 30px;
}
.with_corner_border{
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.with_corner_border{
display: none;
}
}
.with_corner_border:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 0 0 2px;
border-radius: 5px 0 0 0;
}
@media (max-width: 1199px) {
.with_corner_border:before{
display: none;
}
}
.with_corner_border:after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 2px 0 0;
border-radius: 0 5px 0 0;
}
@media (max-width: 1199px) {
.with_corner_border:after{
display: none;
}
}
.with_corner_border .bottom_corners:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 0 2px 2px;
border-radius: 0 0 0 5px;
}
@media (max-width: 1199px) {
.with_corner_border .bottom_corners:before{
display: none;
}
}
.with_corner_border .bottom_corners:after{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 2px 2px 0;
border-radius: 0 0 5px 0;
}
@media (max-width: 1199px) {
.with_corner_border .bottom_corners:after{
display: none;
}
}
.with_corner_border.with_border:before{
top: -2px;
left: -2px;
}
.with_corner_border.with_border:after{
top: -2px;
right: -2px;
}
.with_corner_border.with_border .bottom_corners:before{
bottom: -2px;
left: -2px;
}
.with_corner_border.with_border .bottom_corners:after{
bottom: -2px;
right: -2px;
}
.elementor-column.corner_border > div{
position: relative;
z-index: 1;
}
.elementor-column.corner_border > div:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 0 0 2px;
border-radius: 5px 0 0 0;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div:before{
display: none;
}
}
.elementor-column.corner_border > div:after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 2px 0 0;
border-radius: 0 5px 0 0;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div:after{
display: none;
}
}
.elementor-column.corner_border > div .elementor-widget-button:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 0 2px 2px;
border-radius: 0 0 0 5px;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div .elementor-widget-button:before{
display: none;
}
}
.elementor-column.corner_border > div .elementor-widget-button:after{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 2px 2px 0;
border-radius: 0 0 5px 0;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div .elementor-widget-button:after{
display: none;
}
}
.elementor-column.corner_border.with_border > div:before{
top: -2px;
left: -2px;
}
.elementor-column.corner_border.with_border > div:after{
top: -2px;
right: -2px;
}
.elementor-column.corner_border.with_border > div .elementor-widget-button:before{
bottom: -2px;
left: -2px;
}
.elementor-column.corner_border.with_border > div .elementor-widget-button:after{
bottom: -2px;
right: -2px;
}
.min_width_button a{
min-width: 170px;
}
.d-flex{
display: flex;
}
.bg_teaser{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
position: relative;
overflow: hidden;
}
.icon_divider{
width: 72px;
height: 18px;
background-image: url(//www.beautesublimeeparval.fr/wp-content/themes/makeup/assets/img/icon-divider.png);
background-color: rgba(0, 0, 0, 0) !important;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
.highlightlinks a,
.highlightlink,
.highlight1links a{
color: #d02954;
}
.highlight2links a,
.highlight2link{
color: #7f3c6c;
}
.highlight3links a,
.highlight3link{
color: #2f6686;
}
.highlight4links a,
.highlight4link{
color: #669850;
}
.highlight5links a,
.highlight5link{
color: #d2b069;
}
.small-text{
position: relative;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .1em;
font-style: normal;
}
.clearfix{
clear: both;
background-color: var(--colorLight);
}
.clearfix::before,
.clearfix::after{
content: "";
display: table;
border-collapse: collapse;
}
.clearfix::after{
clear: both;
}
.with_shadow{
box-shadow: 2px 0 30px rgba(0, 0, 0, .1);
}
.with_background{
background-color: var(--colorLight);
}
@media (min-width: 400px) {
.with_padding{
padding: 35px;
}
}
.with_padding{
padding: 30px 20px;
}
.container{
position: relative;
max-width: 1520px;
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,
.container-1520 .footer .container,
.container-1520 .copyright .container,
.container-1520 .intro_slider .container,
.container-1520 .section-intro .container,
.container-1520 .slider-topline .container,
.container-1520 .footer-top .container{
max-width: 1520px;
}
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .page_topline .container,
.container-1170 .footer .container,
.container-1170 .copyright .container,
.container-1170 .intro_slider .container,
.container-1170 .section-intro .container,
.container-1170 .slider-topline .container,
.container-1170 .footer-top .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,
.container-960 .footer .container,
.container-960 .copyright .container,
.container-960 .intro_slider .container,
.container-960 .section-intro .container,
.container-960 .slider-topline .container,
.container-960 .footer-top .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,
.container-720 .footer .container,
.container-720 .copyright .container,
.container-720 .intro_slider .container,
.container-720 .section-intro .container,
.container-720 .slider-topline .container,
.container-720 .footer-top .container{
max-width: 720px;
}
.main.container-1520 > .container,
.title.container-1520 > .container{
max-width: 1520px;
}
.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;
padding-bottom: 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;
padding-bottom: 2px;
}
.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;
padding-bottom: 3px;
}
.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;
padding-bottom: 4px;
}
.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;
padding-bottom: 5px;
}
.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;
padding-bottom: 10px;
}
.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;
padding-bottom: 15px;
}
.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;
padding-bottom: 20px;
}
.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;
padding-bottom: 30px;
}
.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;
padding-bottom: 40px;
}
.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;
padding-bottom: 50px;
}
.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;
padding-bottom: 60px;
}
.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: #1c1c1c;
background-color: var(--colorDark);
}
.decor.i.m:before,
.decor.i.m:after{
background-color: #2f367a;
background-color: var(--colorFontBlue);
}
.decor.c:before,
.decor.c:after{
background-color: #d02954;
background-color: var(--colorMain);
}
.decor.c2:before,
.decor.c2:after{
background-color: #7f3c6c;
background-color: var(--colorMain2);
}
.decor.gradient:after{
background-color: #7f3c6c;
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;
align-items: center;
}
.posts-list li img{
max-width: 85px;
min-width: 85px;
height: auto;
}
.posts-list li h3,
.posts-list li h4{
line-height: 1;
margin: 0 0 4px;
font-size: 16px;
}
.posts-list li h3 a,
.posts-list li h4 a{
color: var(--colorDarkGrey);
}
.posts-list li h3 a:hover,
.posts-list li h4 a:hover{
color: var(--colorMain);
}
.posts-list li + li{
margin-top: 22px;
}
.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: 300;
display: flex;
align-items: center;
color: #d02954;
color: var(--colorMain);
}
li .post-date.icon-inline svg{
fill: #7f3c6c;
fill: var(--colorMain2);
max-width: 1em;
max-height: 1em;
}
.i li .post-date.icon-inline{
color: #787878;
color: var(--colorFont);
}
.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{
display: none;
}
.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 .title-wrap,
body.single-post.no-sidebar .title-wrap,
body.single-post.with-sidebar .title-wrap{
position: relative;
text-align: left;
}
body.single-post .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author,
body.single-post.with-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 .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post{
color: var(--colorMain2);
margin-bottom: 20px;
font-size: 16px;
line-height: 21px;
font-weight: bold;
}
body.single-post .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title,
body.single-post.with-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 .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title{
font-size: 42px;
line-height: 50px;
margin-bottom: 30px;
}
}
body.single-post .item-content,
body.single-post.no-sidebar .item-content,
body.single-post.with-sidebar .item-content{
padding: 30px 20px;
max-width: 1000px;
margin: 0 auto;
border-bottom: none !important;
}
@media (min-width: 768px) {
body.single-post .item-content,
body.single-post.no-sidebar .item-content,
body.single-post.with-sidebar .item-content{
padding: 35px;
}
}
@media (min-width: 1200px) {
body.single-post .item-content,
body.single-post.no-sidebar .item-content,
body.single-post.with-sidebar .item-content{
padding: 55px;
}
}
body.single-post .item-content .entry-header .categories-list a,
body.single-post.no-sidebar .item-content .entry-header .categories-list a,
body.single-post.with-sidebar .item-content .entry-header .categories-list a{
font-size: 14px;
font-weight: 500;
margin-bottom: 6px;
margin-right: 6px;
color: var(--colorMain2);
}
body.single-post .item-content .entry-header .categories-list a:hover,
body.single-post.no-sidebar .item-content .entry-header .categories-list a:hover,
body.single-post.with-sidebar .item-content .entry-header .categories-list a:hover{
color: var(--colorDarkGrey);
}
body.single-post .item-content .entry-header .post-adds,
body.single-post.no-sidebar .item-content .entry-header .post-adds,
body.single-post.with-sidebar .item-content .entry-header .post-adds{
border-radius: 5px;
font-size: 12px;
margin: 15px 0 30px;
}
@media (min-width: 992px) {
body.single-post .item-content .entry-header .post-adds,
body.single-post.no-sidebar .item-content .entry-header .post-adds,
body.single-post.with-sidebar .item-content .entry-header .post-adds{
font-size: 14px;
}
}
body.single-post .item-content .first-paragraph,
body.single-post.no-sidebar .item-content .first-paragraph,
body.single-post.with-sidebar .item-content .first-paragraph{
font-weight: 500;
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
}
body.single-post .item-content ul:not(.blocks-gallery-grid),
body.single-post .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.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid),
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid){
list-style: none;
padding-left: 0;
margin-bottom: 35px;
}
body.single-post .item-content ul:not(.blocks-gallery-grid) li,
body.single-post .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.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{
position: relative;
padding: 5px 0 5px 25px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: var(--colorFontBlue);
}
body.single-post .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post .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.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{
content: "";
font-family: "makeup";
position: absolute;
left: 0;
font-size: 16px;
color: var(--colorMain);
}
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%);
}
.single-post blockquote,
.blog blockquote{
position: relative;
margin: 25px 0;
padding: 30px 20px;
border: none;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: var(--colorLight);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 0;
font-style: italic;
}
@media (min-width: 768px) {
.single-post blockquote,
.blog blockquote{
padding: 35px;
}
}
@media (min-width: 1200px) {
.single-post blockquote,
.blog blockquote{
padding: 55px;
}
}
.single-post blockquote .qoute-author,
.blog blockquote .qoute-author{
position: relative;
margin-top: 35px;
margin-bottom: 5px;
font-style: normal;
}
.single-post blockquote .small-text,
.blog blockquote .small-text{
position: relative;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .1em;
font-style: normal;
}
.single-post blockquote::before,
.blog blockquote::before{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(var(--colorMain5RGB), 0.95);
}
.single-post blockquote .qoute-author,
.single-post blockquote .small-text,
.blog blockquote .qoute-author,
.blog blockquote .small-text{
color: var(--colorLight);
}
.single-post blockquote > p:first-of-type,
.blog blockquote > p:first-of-type{
margin-top: 20px;
position: relative;
}
@media (min-width: 768px) {
.single-post blockquote > p:first-of-type,
.blog blockquote > p:first-of-type{
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
.single-post blockquote > p:first-of-type::before,
.single-post blockquote > p:first-of-type::after,
.blog blockquote > p:first-of-type::before,
.blog blockquote > p:first-of-type::after{
position: absolute;
font-size: 70px;
font-style: normal;
color: var(--colorLight);
}
.single-post blockquote > p:first-of-type::before,
.blog blockquote > p:first-of-type::before{
content: "“";
top: -2px;
left: -25px;
}
.single-post blockquote > p:first-of-type::after,
.blog blockquote > p:first-of-type::after{
content: "”";
bottom: -32px;
right: -25px;
}
}
.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: #d02954;
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 .6s ease-in-out;
}
body{
transition-property: left, right;
}
body.active-side-header{
left: 270px;
}
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: 270px;
left: -270px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header{
box-shadow: 0 0px 4px 3px rgba(50, 50, 50, .05);
}
.page_header_side ~ * .toggle_menu{
display: none;
}
.page_header_side .widget{
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.side_header_inner{
padding: 10px 0 60px;
}
.side_header_inner .header-side-meta{
margin: 11px 20px;
line-height: 1;
}
.side_header_inner .social-links-wrap{
margin-top: 30px;
}
.toggle_menu_side{
position: absolute;
top: 5px;
right: -65px;
background-color: var(--colorLight);
width: 60px;
height: 60px;
cursor: pointer;
box-shadow: 0 0 4px 2px rgba(50, 50, 50, .05);
z-index: 2;
}
.toggle_menu_side:before,
.toggle_menu_side span,
.toggle_menu_side span:before,
.toggle_menu_side span:after{
content: "";
display: block;
width: 24px;
position: absolute;
background-color: var(--colorDarkGrey);
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: .25s ease-in-out;
height: 2px;
}
.toggle_menu_side:before,
.toggle_menu_side span{
left: 18px;
top: 50%;
}
.toggle_menu_side span:before{
opacity: 1;
top: -6px;
}
.toggle_menu_side span:after{
opacity: 1;
top: 6px;
}
.active-slide-side-header .toggle_menu_side:before,
.active-side-header .toggle_menu_side:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.active-slide-side-header .toggle_menu_side span,
.active-side-header .toggle_menu_side span{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.active-slide-side-header .toggle_menu_side span:before,
.active-slide-side-header .toggle_menu_side span:after,
.active-side-header .toggle_menu_side span:before,
.active-side-header .toggle_menu_side span:after{
opacity: 0;
}
.i .toggle_menu_side{
background-color: var(--colorDarkGrey);
}
.i .toggle_menu_side span,
.i .toggle_menu_side span:before,
.i .toggle_menu_side span:after,
.i .toggle_menu_side:before{
background-color: var(--colorLight);
}
@media (max-width: 350px) {
.toggle_menu_side{
top: 0;
right: -50px;
}
}
.page_header_side.page_header_side_sticked .toggle_menu_side{
transition: .6s ease-in-out;
right: -65px;
top: 5px;
}
.admin .page_header_side.page_header_side_sticked .toggle_menu_side{
right: -60px;
top: 0;
}
.admin .page_header_side.page_header_side_sticked.active-slide-side-header .toggle_menu_side{
top: 0;
right: 0;
box-shadow: none;
}
.page_header_side.active-slide-side-header{
left: 0;
}
.container{
max-width: 100%;
}
@media (max-width: 767px) {
.container{
max-width: 500px;
}
}
@media (min-width: 600px) {
.page_header_side.page_header_side_sticked.active-slide-side-header{
left: 0;
}
.page_header_side_sticked ~ *{
transition: margin .6s ease-in-out;
}
.page_header_side_sticked ~ div .page_header{
padding-left: 35px;
}
.page_header_side_sticked.active-slide-side-header ~ div .page_header{
padding-left: 0;
margin-left: 270px;
}
.page_header_side_sticked.active-slide-side-header ~ *{
margin-left: 270px;
}
.boxed .page_header_side_sticked.active-slide-side-header ~ *,
.boxed .page_header_side_sticked.active-slide-side-header ~ div .page_header{
margin-left: 0;
}
.page_header_side_sticked ~ .page_header_wrapper{
margin-left: 0;
}
}
.page_header_side.header_side_right{
left: auto;
right: -270px;
}
.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: -270px;
}
body.active-side-header.slide-right .page_header_side{
left: auto;
right: 0;
}
.header-side-menu{
margin: 19px 0;
}
.menu-side-click{
padding: 0;
margin: 19px 0;
line-height: 1;
}
.menu-side-click > li > a:focus,
.menu-side-click > li > a:hover{
background-color: rgba(0, 0, 0, 0);
}
.menu-side-click i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.menu-side-click .activate_submenu{
cursor: pointer;
position: absolute;
right: 30px;
top: 0;
font-size: 11px;
line-height: 32px;
color: var(--colorDarkGrey);
text-align: center;
width: 32px;
opacity: .9;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: .25s ease-in-out;
}
.menu-side-click .activate_submenu:before{
font-family: "FontAwesome";
content: "";
}
.i .menu-side-click .activate_submenu{
color: var(--colorLight);
}
.menu-side-click .active-submenu > .activate_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-side-click li{
position: relative;
list-style: none;
margin-top: 10px;
margin-bottom: 10px;
}
.menu-side-click > li{
padding: 0 40px 0 27px;
font-weight: 400;
background-color: rgba(0, 0, 0, 0);
border-left: 3px solid rgba(0, 0, 0, 0);
transition: .3s ease-in-out;
}
.menu-side-click > li a{
display: block;
padding: 7px 0;
}
.menu-side-click > li.active-submenu{
padding-top: 19px;
padding-bottom: 10px;
border-color: var(--colorMain);
}
.i .menu-side-click > li.active-submenu{
background-color: var(--colorFont);
}
.i.c .menu-side-click > li.active-submenu{
border-color: var(--colorLight);
background-color: var(--colorDarkGrey);
}
.l .menu-side-click > li.active-submenu{
background-color: var(--colorBackground);
}
.menu-side-click > li.active-submenu > .activate_submenu{
top: 17px;
}
.menu-side-click > li li{
padding-right: 40px;
font-weight: 300;
}
.menu-side-click li.active > a{
color: var(--colorMain);
}
.i .menu-side-click li a:hover{
color: var(--colorLight);
opacity: .7;
}
.menu-side-click ul{
opacity: 0;
height: 0;
padding-left: 26px;
}
.menu-side-click ul ul{
padding-left: 10px;
font-size: 95%;
}
.menu-side-click .active-submenu > div.mega-menu{
height: auto;
}
.menu-side-click .active-submenu > ul,
.menu-side-click .active-submenu > div.mega-menu > ul{
opacity: 1;
height: auto;
}
.menu-side-click ul,
.menu-side-click div.mega-menu{
margin-right: -40px;
margin-top: 0;
margin-bottom: 0;
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
.menu-side-click ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.menu-side-click div.mega-menu > ul{
margin-right: 0;
height: auto;
}
.i .menu-side-click .activate_submenu{
color: var(--colorLight);
}
.side_header_social{
margin: 30px;
text-align: center;
}
.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{
height: 100%;
overflow: hidden;
overflow: scroll;
}
.page_topline .page_topline_wrap{
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.page_topline .page_topline_wrap{
display: block;
text-align: center;
padding: 8px 0;
}
}
@media (max-width: 767px) {
.page_topline .page_topline_wrap{
padding: 0;
}
}
.page_topline .divided-content{
margin-top: 10px;
margin-bottom: 10px;
}
.page_topline .divided-content .icon-inline{
padding: 0;
}
.page_topline .divided-content .icon-inline::before{
display: none;
}
.page_topline .divided-content .icon-inline i{
padding-right: 7px;
color: var(--colorMain);
}
.page_topline .divided-content .icon-inline + .icon-inline{
margin-left: 30px;
}
@media (max-width: 1199px) {
.page_topline .divided-content .icon-inline + .icon-inline{
margin-left: 10px;
}
}
.page_topline .divided-content .icon-inline a{
color: var(--colorFont);
}
.page_topline .divided-content .icon-inline a:hover{
color: var(--colorMain);
}
.page_topline .social-links-wrap > *{
vertical-align: middle;
display: inline-block;
}
@media (max-width: 991px) {
.page_topline .social-links-wrap > *{
display: none;
}
}
.page_topline .social-links-wrap > * a .svg-icon svg{
fill: var(--colorDarkGrey);
}
.page_topline.topline-hidden{
display: none !important;
}
section.page_topline{
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
section.page_topline a{
text-transform: uppercase;
}
.header-absolute-wrap #topline{
position: relative;
z-index: 1;
}
.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: #787878;
color: var(--colorFont);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.topline .active .dropdown-menu-md a:not([class]){
color: #2f367a;
color: var(--colorFontBlue);
}
.topline .active .dropdown-menu-md a:not([class]):hover{
color: #d02954;
color: var(--colorMain);
}
.topline .active .dropdown-menu-md svg{
fill: #2f367a;
fill: var(--colorFontBlue);
}
.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(--colorFontBlue);
}
.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;
z-index: 1000;
}
.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;
display: inline-block;
margin: 11px 20px;
vertical-align: middle;
text-align: left;
}
@media (max-width: 991px) {
.toplogo .meta-wrap{
text-align: center;
}
}
.toplogo .meta-wrap strong{
display: block;
color: var(--colorDarkGrey);
}
.toplogo .meta-wrap a[href*="mailto:"]{
color: var(--colorMain);
font-size: 18px;
}
.toplogo .meta-wrap a[href*="mailto:"]:hover{
color: var(--colorDarkGrey);
}
.toplogo.i .meta-wrap strong{
color: var(--colorLight);
}
.toplogo.i .meta-wrap a[href*="mailto:"]:hover{
color: var(--colorLight);
}
@media (min-width: 992px) {
.toplogo .social-links-wrap{
padding-right: 1.5em;
}
}
@media (max-width: 991px) {
.toplogo .social-links-wrap{
margin-top: 1em;
justify-content: center;
}
}
.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: 2em;
text-align: center;
margin-right: 20px;
width: 2em;
height: 2em;
border: 2px solid var(--colorMain2);
border-radius: 5px;
font-size: 24px;
padding-top: 2px;
}
.toplogo .container-md-flex .icon-inline .svg-icon:hover{
-webkit-animation: scaleDisappear .5s;
animation: scaleDisappear .5s;
}
.toplogo .container-md-flex .icon-inline .svg-icon svg{
margin-top: -2px;
line-height: 2em;
max-width: 24px;
max-height: 24px;
fill: var(--colorMain2);
}
@-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{
text-align: left;
}
.toplogo .container-md-flex .icon-inline .body .title{
font-size: 24px;
font-weight: 500;
line-height: 1;
margin: 0;
color: var(--colorMain3);
}
.toplogo .container-md-flex .icon-inline .body .text{
font-size: 12px;
line-height: 1;
font-weight: 500;
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.i .container-md-flex .icon-inline .body .title{
color: var(--colorLight);
}
.toplogo .container-md-flex .logo{
margin-right: auto;
}
@media (min-width: 1199px) {
.toplogo .container-md-flex .inline-teasers-wrap{
padding: 0 15px;
margin-left: -25px;
margin-right: -25px;
}
}
.toplogo .container-md-flex .inline-teasers-wrap .icon-inline,
.toplogo .container-md-flex .inline-teasers-wrap .search-social-wrap{
margin: 10px 25px;
min-width: 270px;
}
.search-social-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.home #header-affix-wrap.home-page-absolute,
.page-template-full-width-no-sidebar-no-title-no-footer #header-affix-wrap.home-page-absolute,
.page-template-full-width-no-sidebar-no-title #header-affix-wrap.home-page-absolute{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
}
.home #header-affix-wrap.home-page-absolute .header,
.page-template-full-width-no-sidebar-no-title-no-footer #header-affix-wrap.home-page-absolute .header,
.page-template-full-width-no-sidebar-no-title #header-affix-wrap.home-page-absolute .header{
background-image: none !important;
}
.home #header-affix-wrap.home-page-absolute .header:not(.affix),
.page-template-full-width-no-sidebar-no-title-no-footer #header-affix-wrap.home-page-absolute .header:not(.affix),
.page-template-full-width-no-sidebar-no-title #header-affix-wrap.home-page-absolute .header:not(.affix){
background-color: rgba(var(--colorLightRGB), 0.5);
}
.home #header-affix-wrap.home-page-absolute .header::before,
.page-template-full-width-no-sidebar-no-title-no-footer #header-affix-wrap.home-page-absolute .header::before,
.page-template-full-width-no-sidebar-no-title #header-affix-wrap.home-page-absolute .header::before{
display: none !important;
}
.home #header-affix-wrap.home-page-absolute .header.i:not(.affix),
.page-template-full-width-no-sidebar-no-title-no-footer #header-affix-wrap.home-page-absolute .header.i:not(.affix),
.page-template-full-width-no-sidebar-no-title #header-affix-wrap.home-page-absolute .header.i:not(.affix){
background-color: rgba(var(--colorDarkGreyRGB), 0.5);
}
.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: 40px;
}
.header-wrap.transparent{
background-color: rgba(0, 0, 0, 0);
}
.header-wrap.absolute{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 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: 1000;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.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 2px 3px rgba(0, 0, 0, .1);
background-color: #fff;
background-color: var(--colorLight);
}
.header.affix.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.header.affix.i{
background-color: var(--colorDarkGrey);
}
.header.affix.i.m{
background-color: #2f367a;
background-color: var(--colorFontBlue);
}
.header.affix.i.c{
background-color: #d02954;
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;
}
.header.header-1 div.container,
.header.header-1 div.container-fluid{
justify-content: left;
}
.header #nav_toggle{
display: none;
}
@media (min-width: 1200px) {
.header.header-3:not(.affix) .top-menu > li > a{
padding-top: 71px;
padding-bottom: 71px;
}
}
@media (max-width: 991px) {
.header.header-8 .nav-btn{
right: auto;
left: auto;
}
}
@media (min-width: 992px) {
.header.header-8 .top-menu > li::before{
content: "";
width: 1px;
position: absolute;
left: 0;
top: 0;
margin-top: 0;
bottom: 0;
height: 100%;
background-color: var(--colorBorder);
}
.header.header-8 .top-menu > li > a{
margin: 0;
padding: 25px 40px;
line-height: 2;
}
}
@media (min-width: 992px) {
.header.header-8.i{
background-color: rgba(var(--colorLightRGB), 0.2);
}
}
#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(--colorFontBlue);
}
.l .header-login button:hover{
color: var(--colorMain);
}
.header-search{
position: relative;
padding: 0 17px;
}
@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: 0;
color: var(--colorMain3);
}
.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 15px;
}
}
.header-button.user{
margin: 0;
padding: 0 17px;
}
.header-button.user i{
font-size: 14px;
}
.header-button.user:hover i{
color: var(--colorMain);
}
.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.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: 0;
transition: right .6s ease;
width: 40px;
height: 40px;
}
#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{
display: none;
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(--colorFontBlue);
}
.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;
}
@media (min-width: 992px) {
.header .container-fluid,
.page_topline .container-fluid{
padding-right: 25px;
padding-left: 25px;
}
}
@media (min-width: 1200px) {
.header .container-fluid,
.page_topline .container-fluid{
padding-right: 65px;
padding-left: 65px;
}
}
@media (min-width: 1600px) {
.header .container-fluid,
.page_topline .container-fluid{
padding-right: 105px;
padding-left: 105px;
}
}
.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;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
}
.logo .logo-text .logo-text-primary{
font-size: 30px;
line-height: 1;
font-weight: 900;
letter-spacing: -0.04em;
}
.logo .logo-text .logo-text-secondary{
display: block;
width: 100%;
font-size: 10px;
letter-spacing: .43em;
font-weight: 300;
}
@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;
color: var(--colorMain);
}
#header .logo{
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 5px 0;
}
@media (min-width: 1200px) {
#header.menu-center.has-menu .logo{
margin-left: 0;
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-block;
vertical-align: middle;
}
@media (max-width: 991px) {
.logo img{
max-width: 180px;
}
}
.header_logo_center .logo{
margin: 0 20px;
}
@media (min-width: 992px) {
.header_logo_center .logo{
margin-left: 30px;
}
}
.header_logo_center .logo_wrapper a.logo{
padding: 13px 0 !important;
z-index: 2;
margin-left: 24px;
margin-right: 24px;
}
@media (max-width: 991px) {
.header_logo_center .logo_wrapper a.logo{
margin-left: 0;
}
}
@media (min-width: 992px) {
.header_logo_center .logo_wrapper{
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.header_logo_center .logo_wrapper a.logo{
display: inline-block;
word-break: break-word;
text-transform: uppercase;
position: relative;
}
}
#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: #dfdfdf;
background-color: var(--colorBorder);
width: 100%;
}
.container .section-hr,
.section-hr.container{
left: 0;
right: 0;
max-width: 1520px;
}
.section-hr:first-child{
bottom: auto;
}
#box{
display: flex;
flex-direction: column;
}
#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: 10px !important;
margin-bottom: 0;
display: inline-block;
font-size: 24px;
font-weight: 600;
word-wrap: break-word;
}
@media (min-width: 992px) {
.title h1{
font-size: 40px;
}
}
.title .breadcrumbs{
margin-top: 10px;
margin-bottom: 10px;
font-size: 0;
line-height: 1;
}
.title .breadcrumbs a,
.title .breadcrumbs span.breadcrumb_last,
.title .breadcrumbs span.breadcrumbs_item:last-child{
display: inline-block;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
.title .breadcrumbs span.breadcrumb_last{
color: var(--colorMain);
}
.title .breadcrumbs span + span{
font-size: 16px;
}
.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-1 .d-flex{
justify-content: space-between;
align-items: baseline;
}
@media (max-width: 767px) {
.title.title-1 .d-flex{
flex-wrap: wrap;
justify-content: center;
}
}
.title.title-1 .breadcrumbs{
display: inline-block;
}
@media (max-width: 767px) {
.title.title-1 .breadcrumbs{
width: 100%;
text-align: center;
}
}
@media (min-width: 768px) {
.title.title-1 .breadcrumbs span.breadcrumb_last,
.title.title-1 .breadcrumbs span.breadcrumbs_item:last-child{
padding-right: 0;
}
}
.title.title-2 h1{
margin-top: 0 !important;
}
.title.title-2 .breadcrumbs{
border-left: 1px solid rgba(0, 0, 0, .2);
padding-left: 15px;
padding-top: 13px;
padding-bottom: 13px;
margin-left: 25px;
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.title.title-2{
text-align: center;
}
.title.title-2 .breadcrumbs{
border-left: none;
padding: 0;
margin: 0;
}
}
.title.title-2 .search-form{
max-width: 100%;
}
@media (min-width: 768px) {
.title.title-4 h1{
margin-top: 0 !important;
}
.title.title-4 .breadcrumbs{
position: absolute;
bottom: 0;
right: 0;
padding: 8px 20px;
background-color: var(--colorBackground);
margin-bottom: 0;
}
.title.title-4 .breadcrumbs a{
color: var(--colorDarkGrey) !important;
}
.title.title-4 .breadcrumbs a:hover{
color: var(--colorMain) !important;
}
.title.title-4 .breadcrumbs span.breadcrumb_last{
color: var(--colorMain) !important;
}
}
.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;
}
@media (min-width: 992px) {
.sidebar-33 .column-aside{
max-width: 370px;
}
}
@media (max-width: 767px) {
.column-aside{
margin-top: 60px !important;
}
}
.column-aside .widgets-wrap.sticky{
position: sticky;
top: 40px;
}
.column-aside .widgets-wrap{
padding: 30px;
}
.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{
position: relative;
}
.footer-top.i .footer_top-heading{
color: var(--colorLight);
}
.footer-top .footer_top-heading{
line-height: 1.3;
font-style: normal;
font-weight: 500;
font-size: 35px;
text-transform: uppercase;
color: var(--colorMain);
}
.footer-top .footer_top-shortcode{
margin-top: 50px;
}
.footer-top 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 input[type=email]{
width: 280px;
}
}
.footer-top input[type=email]::-webkit-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top input[type=email]:-ms-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top input[type=email]::placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top button[type=submit]{
border-color: var(--colorMain);
}
.footer-top button[type=submit]:hover{
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.footer-top form.mc4wp-form label{
margin-bottom: 32px;
}
}
.footer-top .grid-wrapper{
align-items: center;
}
.footer{
position: relative;
overflow: hidden;
font-weight: 400;
}
.footer .widget .widget-title,
.footer .widget .widgettitle{
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
padding: 0;
margin-bottom: 51px;
color: var(--colorMain3);
}
.footer-widgets > *{
margin-top: 15px;
margin-bottom: 15px;
}
@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{
font-weight: 300;
}
footer li.wp-social-link + li.wp-social-link{
margin-left: 7px;
}
footer #ctf .ctf-item{
padding: 0 0 0 25px;
display: flex;
flex-direction: column;
position: relative;
}
footer #ctf .ctf-item:not(:first-child){
margin-top: 10px;
}
footer #ctf .ctf-item:first-child{
margin-top: 7px;
}
footer #ctf .ctf-item .ctf-author-box{
min-height: 0;
margin: 0;
order: 2;
}
footer #ctf .ctf-item .ctf-author-box .ctf-corner-logo{
position: absolute;
top: 0;
left: 0;
}
footer #ctf .ctf-item .ctf-tweet-meta{
margin: 0;
}
footer #ctf .ctf-item .ctf-tweet-meta a{
color: var(--colorLight) !important;
}
footer #ctf .ctf-item .ctf-tweet-content{
margin: 0;
padding: 0;
}
footer .wp-block-gallery{
margin-top: 0;
}
@media (min-width: 600px) {
footer .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
margin-right: 4px;
}
footer .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
margin: 4px;
}
}
footer .wp-block-gallery figure a::before{
background-color: var(--colorFontBlue);
border: none;
opacity: 0;
}
footer .wp-block-gallery figure a:hover::before{
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .3;
}
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 .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;
padding: 0;
line-height: 24px;
display: inline-block;
width: 48%;
}
footer .widget_nav_menu ul li.menu-item a{
opacity: 1;
padding: 0;
color: var(--colorFont);
display: inline-block;
padding: 7px 0;
position: relative;
width: 100%;
}
footer .widget_nav_menu ul li.menu-item a::before{
content: "";
display: inline-block;
position: relative;
top: -0.1em;
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #d02954;
border-color: var(--colorMain);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-right: 13px;
}
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(//www.beautesublimeeparval.fr/wp-content/themes/makeup/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;
}
@-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);
}
}
footer .lofo-footer{
max-width: 50px;
}
.copyright{
position: relative;
}
.copyright .copyright-text{
margin: 3px 0;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em;
}
.copyright i{
padding: 0 10px;
}
.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: 30px;
bottom: -60px;
background-color: #d02954;
background-color: var(--colorMain2);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
transition: all .25s ease-in-out;
z-index: 2;
}
#to-top.visible{
bottom: 30px;
}
#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{
bottom: 35px;
}
#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{
display: none;
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(--colorFontBlue);
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);
}
.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{
border: 2px solid rgba(0, 0, 0, .06);
padding: 50px 35px;
border-radius: 0;
}
@media (max-width: 550px) {
.layout-search article{
padding: 30px;
}
}
@media (min-width: 600px) {
.layout-search li.product .product-loop-item .product-text-wrap{
display: flex;
align-items: center;
margin-left: 35px;
}
.layout-search li.product .product-loop-item .product-text-wrap .product-title-cat-wrap{
margin-top: 0;
}
}
ul a:not([href]):empty{
display: none;
}
.nav-btn{
width: 24px;
min-width: 0;
height: 24px;
border: none;
padding: 0;
text-align: center;
position: absolute;
right: 15px;
cursor: pointer;
}
.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: 24px;
height: 2px;
margin: auto;
left: 0;
display: block;
position: relative;
content: "";
background: #1c1c1c;
background: var(--colorDark);
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: #1c1c1c;
background: var(--colorDark);
}
.nav-btn[aria-expanded=true] span{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span:before{
top: -6px;
}
.nav-btn span:after{
top: 4px;
}
.nav-btn[aria-expanded=true] span:before{
top: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-btn[aria-expanded=true] span:after{
top: -3px;
-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;
}
.top-nav{
position: relative;
flex: 1 1;
}
.top-nav a,
.top-nav a:hover{
text-decoration: none;
}
@media screen and (min-width: 992px) {
.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;
margin-top: 10px;
text-align: left;
list-style: none;
padding: 15px 0 30px;
background-color: #fff;
box-shadow: 0 1px 20px rgba(0, 0, 0, .1);
min-width: 15em;
*width: 10em;
border-radius: 0;
pointer-events: none;
}
.top-menu ul a{
display: block;
white-space: nowrap;
padding: 10px 0;
text-decoration: none;
zoom: 1;
transition-property: color, background-color, border-color, padding-top, padding-bottom;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 700;
color: var(--colorDarkGrey);
transition: all .15s linear 0s;
}
.top-menu ul a::before{
position: relative;
top: 1px;
content: "";
font-family: "makeup";
padding-right: 15px;
font-size: 14px;
color: #e1e1e1;
transition: all .2s ease-in-out 0s;
}
.top-menu ul a::after{
display: none !important;
}
.top-menu ul a:hover{
color: var(--colorMain);
}
.top-menu ul a:hover::before{
color: var(--colorMain);
}
.top-menu ul li{
padding-left: 30px;
padding-right: 30px;
}
.top-menu ul li + li::before{
content: "";
position: absolute;
top: 0;
left: 30px;
right: 30px;
height: 2px;
background-image: -webkit-repeating-radial-gradient(center center, #eaeaea, #eaeaea 1px, transparent 1px, transparent 100%);
background-image: repeating-radial-gradient(center center, #eaeaea, #eaeaea 1px, transparent 1px, transparent 100%);
background-size: 8px 8px;
background-position: center;
}
.top-menu ul.sub-menu .current-menu-item > a,
.top-menu ul.sub-menu .current-menu-parent > a{
color: #d02954;
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;
pointer-events: all;
}
.top-menu ul ul{
top: -10px;
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{
border: none;
}
.top-menu ul ul.sub-menu li a:hover{
color: #d02954;
color: var(--colorMain);
}
.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::before{
content: "";
position: absolute;
top: 50%;
left: -2px;
margin-top: -3px;
width: 5px;
height: 5px;
border-radius: 5px;
background-color: #747771;
}
.top-menu > li:hover{
overflow: visible;
}
.top-menu > li > a{
display: inline-block;
padding: 35px 0;
margin: 0 10px;
text-transform: uppercase;
position: relative;
letter-spacing: .1em;
font-weight: 700;
}
}
@media screen and (min-width: 992px)and (min-width: 1200px) {
.top-menu > li > a{
padding-top: 51px;
padding-bottom: 51px;
margin: 0 20px;
}
}
@media screen and (min-width: 992px)and (min-width: 1400px) {
.top-menu > li > a{
margin: 0 30px;
}
}
@media screen and (min-width: 992px) {
.top-menu > li:first-child::before{
display: none;
}
}
@media screen and (min-width: 992px) {
.top-menu > li:first-child a{
margin-left: 0;
}
}
@media screen and (min-width: 992px) {
.top-menu span.customize-partial-edit-shortcut + li.menu-item::before{
display: none;
}
.top-menu span.customize-partial-edit-shortcut + li.menu-item a{
margin-left: 0;
}
}
@media screen and (min-width: 992px) {
.top-menu > li:last-child a{
margin-right: 0;
}
}
@media screen and (min-width: 992px) {
.top-menu.menu-low-items > li{
margin: 0;
}
.top-menu.menu-low-items > li > a::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
top: 20px;
-webkit-transform: scale(0);
transform: scale(0);
background-color: var(--colorMain);
opacity: 0;
transition: all .2s ease 0s;
}
.top-menu.menu-low-items > li > a:hover,
.top-menu.menu-low-items > li > a:focus{
color: var(--colorDarkGrey);
}
.top-menu.menu-low-items > li > a:hover::before,
.top-menu.menu-low-items > li > a:focus::before{
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.top-menu.menu-low-items > li.current-menu-item > a::before{
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media screen and (min-width: 992px) {
.top-menu > .current_page_parent > a:before,
.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before{
width: 100%;
}
}
@media screen and (min-width: 992px) {
.affix .top-menu > li > a{
padding-top: 35px;
padding-bottom: 35px;
}
}
@media screen and (max-width: 991px) {
.top-menu-active{
height: 100%;
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.top-nav{
width: 290px;
left: -290px;
display: block;
z-index: 21;
position: fixed;
overflow: auto;
background-color: var(--colorDarkGrey);
padding: 80px 20px 60px 10px;
top: 0;
bottom: 0;
right: 0;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 400;
word-wrap: break-word;
text-align: left;
transition: all .4s ease-out 0s;
pointer-events: none;
opacity: 0;
}
.top-nav::before{
content: "";
display: block;
width: 100%;
height: 60px;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: var(--colorMain);
}
.top-nav.active{
left: 0;
opacity: 1;
width: 100%;
pointer-events: all;
}
.top-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.top-nav ul ul{
font-size: .92em;
padding: 10px;
font-weight: 300 !important;
font-size: 16px;
text-transform: none;
}
.top-nav ul ul li a:before{
content: "-";
padding-right: 5px;
}
.top-nav ul ul ul li a:before{
content: "--";
padding-right: 5px;
}
.top-nav li{
padding: .2em 0;
}
.top-nav .top-menu > li{
display: block;
padding: 10px 15px;
position: relative;
font-size: .9em;
text-transform: uppercase;
font-weight: 400;
}
.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(--colorLight);
}
.top-nav .top-menu a:hover{
color: #d02954;
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{
width: 36px;
height: 4px;
border-radius: 5px;
background: #fff;
background: var(--colorLight);
}
.top-nav .nav-btn#nav_close{
position: absolute;
margin: 0;
width: 36px;
height: 36px;
top: 12px;
right: 15px;
}
#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;
}
}
@media (max-width: 991px) {
.top-nav .menu-low-items{
padding: 0;
}
.top-nav .menu-low-items i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.top-nav .menu-low-items .toggle_submenu{
cursor: pointer;
position: absolute;
right: 30px;
top: 4px;
font-size: 16px;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: .25s ease-in-out;
width: 30px;
height: 30px;
line-height: 30px;
}
.top-nav .menu-low-items .toggle_submenu:before{
content: "";
display: inline-block;
position: relative;
top: -0.1em;
width: 7px;
height: 7px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorLight);
border-color: var(--colorLight);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.top-nav .menu-low-items ul{
padding: 0;
}
.top-nav .menu-low-items li{
position: relative;
list-style: none;
padding: 0;
width: 100%;
}
.top-nav .menu-low-items > li{
transition: .3s ease-in-out;
}
.top-nav .menu-low-items a{
display: inline-block;
padding: 10px 15px;
}
.top-nav .menu-low-items .active-submenu > a{
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0);
}
.top-nav .menu-low-items .active-submenu > .toggle_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.top-nav .menu-low-items li.active > a{
color: #d02954;
}
.top-nav .menu-low-items ul{
opacity: 0;
height: 0;
}
.top-nav .menu-low-items ul a{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
}
.top-nav .menu-low-items ul ul a{
padding-left: 60px;
}
.top-nav .menu-low-items ul ul ul a{
padding-left: 70px;
}
.top-nav .menu-low-items ul ul ul ul a{
padding-left: 80px;
}
.top-nav .menu-low-items .active-submenu > div.mega-menu{
height: auto;
}
.top-nav .menu-low-items .active-submenu > ul,
.top-nav .menu-low-items .active-submenu > div.mega-menu > ul{
opacity: 1;
height: auto;
}
.top-nav .menu-low-items ul,
.top-nav .menu-low-items div.mega-menu{
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
.top-nav .menu-low-items ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.top-nav .menu-low-items div.mega-menu > ul{
margin-right: 0;
height: auto;
}
.top-nav ul.sub-menu li.menu-item-has-children::after{
display: none;
}
.top-nav ul.sub-menu li a{
margin-bottom: 0;
padding: 10px 10px 10px 15px;
}
.top-nav ul ul li:before{
left: 20px;
}
.top-nav ul.sub-menu li a:hover{
color: var(--colorMain);
}
.top-nav ul.sub-menu .sub-menu li a{
margin-left: 15px;
}
.top-nav ul.sub-menu .sub-menu li::before{
left: 40px;
}
}
.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: 5px 30px 15px 0;
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{
height: 40px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 0;
box-shadow: none;
color: var(--colorDarkGrey);
padding-left: 20px;
padding-right: 40px;
padding-top: 6px;
padding-bottom: 5px;
font-size: 14px;
line-height: 30px;
width: 100%;
}
.search-form button{
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 40px;
height: 40px;
}
.search-form button::before{
font-size: 14px;
content: "";
font-family: "FontAwesome";
color: var(--colorDarkGrey);
}
.search-form button .fa.fa-search{
display: none;
}
.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;
box-shadow: none;
}
.sidebar-blog-before-columns{
margin-bottom: 50px;
}
.category-description{
margin-bottom: 4em;
}
.blog .format-video .entry-content figure{
display: none;
}
.post .entry-content figure.wp-block-gallery{
display: flex;
flex-wrap: wrap;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.blog .entry-content + .entry-wrap,
.blog .entry-content + .share_buttons,
.single-post .entry-content + .entry-wrap,
.single-post .entry-content + .share_buttons{
margin-top: 20px !important;
}
.entry-wrap.d-flex{
justify-content: space-between;
flex-wrap: wrap;
}
.entry-wrap .icon-inline{
margin-right: 20px;
}
.entry-wrap .icon-inline:last-child{
margin-right: 0;
}
.entry-wrap .icon-inline > span:first-child{
margin-right: 5px;
}
.entry-wrap .icon-inline .meta-word{
margin-right: 5px;
}
.entry-wrap .icon-inline .like_button.like_active_button i{
color: var(--colorMain);
transition: all .3s ease-in-out;
}
.entry-wrap .icon-inline .like_button.like_active_button i.fa-heart{
cursor: pointer;
}
.entry-wrap .icon-inline .like_button.like_active_button i.fa-heart:hover{
color: var(--colorDarkGrey);
}
.entry-wrap .icon-inline .like_button i{
color: var(--colorDarkGrey);
}
.entry-wrap .icon-inline .like_button i.fa-check{
color: var(--colorMain);
}
.entry-wrap .icon-inline.number-only .item-likes-word,
.entry-wrap .icon-inline.number-only .item-views-word{
display: none !important;
}
.entry-wrap .icon-inline .svg-icon svg{
fill: var(--colorMain);
}
.entry-wrap .icon-inline.entry-date-wrap{
line-height: 30px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--colorMain3);
}
.entry-wrap .icon-inline.entry-date-wrap a{
color: var(--colorMain3);
}
.entry-wrap .icon-inline.entry-date-wrap a:hover{
color: var(--colorFont);
}
.entry-wrap .icon-inline.entry-date-wrap .svg-icon{
display: none !important;
}
.entry-wrap .icon-inline.entry-categories-wrap .svg-icon,
.entry-wrap .icon-inline.entry-tags-wrap .svg-icon{
display: none !important;
}
.entry-wrap .icon-inline.comments-link a{
color: var(--colorFont);
}
.entry-wrap .icon-inline.comments-link a:hover{
color: var(--colorDarkGrey);
}
.layout-default .post:not(.format-status):not(.format-quote) .entry-content figure{
margin-top: 0;
border-radius: 0;
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content{
padding: 30px 20px;
border-bottom: 5px solid var(--colorBorder);
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content.bottom_border_color1{
border-bottom-color: var(--colorMain);
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content.bottom_border_color2{
border-bottom-color: var(--colorMain2);
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content.bottom_border_color3{
border-bottom-color: var(--colorMain3);
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content.bottom_border_color4{
border-bottom-color: var(--colorMain4);
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content.bottom_border_color5{
border-bottom-color: var(--colorMain5);
}
@media (min-width: 768px) {
.layout-default .post:not(.format-status):not(.format-quote) > .item-content{
padding: 35px;
}
}
@media (min-width: 1200px) {
.layout-default .post:not(.format-status):not(.format-quote) > .item-content{
padding: 55px;
}
}
.grid-item .layout-default .post:not(.format-status):not(.format-quote) > .item-content{
padding-top: 2em;
}
.layout-default .post:not(.format-status):not(.format-quote) > .item-content.content-narrow{
padding-top: 2.5em;
}
.layout-default .post:nth-child(1n) .item-content.bottom_border_multi_colored{
border-bottom-color: var(--colorMain4);
}
.layout-default .post:nth-child(1n) .item-content.bottom_border_multi_colored h3.entry-title a{
color: var(--colorMain4);
}
.layout-default .post:nth-child(1n) .item-content.bottom_border_multi_colored h3.entry-title a:hover{
color: var(--colorDarkGrey);
}
.layout-default .post:nth-child(2n) .item-content.bottom_border_multi_colored{
border-bottom-color: var(--colorMain2);
}
.layout-default .post:nth-child(2n) .item-content.bottom_border_multi_colored h3.entry-title a{
color: var(--colorMain2);
}
.layout-default .post:nth-child(2n) .item-content.bottom_border_multi_colored h3.entry-title a:hover{
color: var(--colorDarkGrey);
}
.layout-default .post:nth-child(3n) .item-content.bottom_border_multi_colored{
border-bottom-color: var(--colorMain3);
}
.layout-default .post:nth-child(3n) .item-content.bottom_border_multi_colored h3.entry-title a{
color: var(--colorMain3);
}
.layout-default .post:nth-child(3n) .item-content.bottom_border_multi_colored h3.entry-title a:hover{
color: var(--colorDarkGrey);
}
h3.entry-title{
margin-top: 0;
margin-bottom: .5em;
}
@media (max-width: 991px) {
h3.entry-title{
font-size: 25px;
}
}
.color1 h3.entry-title a:hover,
.color2 h3.entry-title a:hover,
.color3 h3.entry-title a:hover,
.color4 h3.entry-title a:hover,
.color5 h3.entry-title a:hover{
color: var(--colorDarkGrey);
}
.color1 h3.entry-title a{
color: var(--colorMain);
}
.color2 h3.entry-title a{
color: var(--colorMain2);
}
.color3 h3.entry-title a{
color: var(--colorMain3);
}
.color4 h3.entry-title a{
color: var(--colorMain4);
}
.color5 h3.entry-title a{
color: var(--colorMain5);
}
@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;
}
.format-gallery .post-thumbnail-wrap .flex-direction-nav a{
top: 0;
opacity: 0;
transition: all .6s ease 0s;
}
.format-gallery .post-thumbnail-wrap:hover .flex-direction-nav a{
top: 50%;
opacity: 1;
}
.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;
left: 50%;
top: 50%;
border: 2px solid var(--colorLight);
border-radius: 50%;
margin-left: -30px;
margin-top: -30px;
}
.post-thumbnail .svg-icon.icon-video svg{
fill: var(--colorLight);
margin-left: 4px;
}
.post-thumbnail img{
transition: all .3s ease-in-out;
margin: -1px;
}
.grid-item article:not(.format-gallery):not(.format-video) .post-thumbnail::before,
.hfeed article:not(.format-gallery):not(.format-video) .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):not(.format-video):hover .post-thumbnail::before,
.hfeed article:not(.format-gallery):not(.format-video):hover .post-thumbnail::before{
opacity: .8;
}
.format-video .post-thumbnail a:hover > img{
opacity: .8;
}
.format-video .svg-icon.icon-video:hover{
opacity: .4;
}
.blog .format-status,
.archive .format-status{
overflow: hidden;
position: relative;
}
.blog .format-status::after,
.archive .format-status::after{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(var(--colorMain2RGB), 0.95);
}
.layout-default .format-status .post-thumbnail-wrap{
display: none;
}
.layout-default .format-status .item-content{
padding: 30px 20px;
font-size: 20px;
font-weight: 400;
color: var(--colorLight);
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.layout-default .format-status .item-content{
padding: 35px;
}
}
@media (min-width: 1200px) {
.layout-default .format-status .item-content{
padding: 55px;
}
}
.layout-default .format-status .item-content .entry-avatar{
margin-bottom: 20px;
}
.layout-default .format-status .item-content .entry-avatar img{
margin: 0;
border-radius: 50%;
}
.layout-default .format-status .item-content .entry-content{
font-size: 20px;
font-weight: 400;
color: var(--colorLight);
}
.layout-default .format-status .item-content .entry-date{
margin-bottom: 20px;
}
.layout-default .format-status .item-content .entry-date .svg-icon{
display: none !important;
}
.layout-default .format-status .item-content .entry-date .entry-date-wrap{
margin-top: 0;
}
.layout-default .format-status .item-content .entry-date a{
color: var(--colorMain2Alt);
}
.layout-default .format-status .item-content h3.entry-title{
color: var(--colorLight);
text-transform: uppercase;
}
.single-post .layout-default .format-status .item-content{
color: var(--colorFont);
}
.single-post .layout-default .format-status .item-content .entry-content{
color: var(--colorFont);
}
.single-post .layout-default .format-status .item-content .entry-date a{
color: var(--colorDarkGrey);
}
.single-post .layout-default .format-status .item-content .entry-author-wrap a:hover{
color: var(--colorDarkGrey);
}
.layout-default .format-quote .post-thumbnail-wrap,
.layout-default .format-quote .post-thumbnail,
.layout-default .format-quote .entry-header,
.layout-default .format-quote .item-cats,
.layout-default .format-quote .entry-date,
.layout-default .format-quote .entry-footer{
display: none;
}
.layout-default .format-quote .item-content{
padding: 0;
position: relative;
z-index: 2;
}
.layout-default .format-quote .item-content blockquote{
margin: 0;
}
.entry-header .sticky-post{
float: right;
font-size: 14px;
line-height: 1;
}
.entry-header + .entry-footer{
margin-top: -15px;
}
.entry-header.entry-header-small + .entry-footer{
margin-top: -0.5em;
}
.blog article,
.single article,
.single-tribe_events .type-tribe_events{
max-width: 1000px;
margin: 0 auto;
}
.blog article .sticky-post,
.single article .sticky-post,
.single-tribe_events .type-tribe_events .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(--colorMain);
z-index: 1;
}
.blog article .sticky-post .svg-icon,
.single article .sticky-post .svg-icon,
.single-tribe_events .type-tribe_events .sticky-post .svg-icon{
display: none;
}
h4.entry-title{
font-size: 26px;
font-weight: 400;
margin-bottom: 20px;
}
h4.entry-title a:hover{
color: var(--colorMain);
}
.meta-cat + .entry-content{
margin-top: 1.2em;
}
.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;
}
.entry-content a.more-link{
font-weight: 700;
color: var(--colorMain);
}
.entry-content a.more-link:hover{
color: var(--colorDarkGrey);
}
.read-more{
clear: both;
}
.entry-header .post-adds .share_buttons label,
.item-content .share_buttons label{
display: block;
width: 24px;
height: 24px;
border: none;
background-color: rgba(0, 0, 0, 0);
line-height: 24px;
text-align: center;
margin: 0;
cursor: pointer;
}
.entry-header .post-adds .share_buttons label:hover,
.entry-header .post-adds .share_buttons label:focus,
.item-content .share_buttons label:hover,
.item-content .share_buttons label:focus{
opacity: .7;
}
.entry-header .post-adds .share_buttons .dropdown label i,
.item-content .share_buttons .dropdown label i{
color: var(--colorMain);
}
.entry-header .post-adds .share_buttons .dropdown ul:not(.topline-menu),
.item-content .share_buttons .dropdown ul:not(.topline-menu){
display: none;
position: absolute;
top: 30px;
right: auto;
left: 0;
padding: 0 !important;
margin: 0 !important;
list-style: none;
}
.entry-header .post-adds .share_buttons .dropdown input[type=checkbox]:checked~ul,
.item-content .share_buttons .dropdown input[type=checkbox]:checked~ul{
display: flex;
}
.entry-header .post-adds .share_buttons .dropdown a,
.item-content .share_buttons .dropdown a{
border: none;
margin: 0;
padding: 0;
width: 24px;
height: 24px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.entry-header .post-adds .share_buttons .dropdown a:hover,
.item-content .share_buttons .dropdown a:hover{
opacity: 1;
}
.entry-footer{
word-break: initial;
min-width: 100%;
margin-bottom: 5px;
clear: both;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: left;
color: #787878;
color: var(--colorFont);
margin-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.entry-footer .entry-categories-wrap{
margin-left: auto;
margin-right: 0;
}
.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 .meta-date{
margin-right: auto;
padding-right: 15px;
}
.entry-footer span[itemprop=datePublished]{
color: var(--colorDarkGrey);
}
.entry-footer a span[itemprop=datePublished]{
color: #d02954;
color: var(--colorMain);
}
.entry-footer a span[itemprop=datePublished]:focus,
.entry-footer a span[itemprop=datePublished]:hover{
color: #232323;
color: var(--colorDarkGrey);
}
.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;
margin-right: 6px;
}
.entry-footer .entry-date-wrap{
margin-right: auto;
}
.entry-footer .entry-date-wrap span.svg-icon + a{
margin-right: 4px;
}
.entry-footer .svg-icon{
margin-right: 5px;
}
.entry-footer .svg-icon svg{
fill: #787878;
fill: var(--colorFont);
}
.entry-footer .meta-word{
margin-right: 4px;
font-weight: 300;
text-transform: none;
}
.post-thumbnail + .entry-footer{
margin-top: 0;
}
.entry-footer .share_buttons{
margin-left: auto;
}
.entry-footer.entry-footer-bottom{
margin-top: 30px;
}
.entry-author-wrap{
color: var(--colorMain);
}
.entry-author-wrap a{
color: var(--colorMain);
}
.entry-author-wrap a:hover{
color: var(--colorDarkGrey);
}
.entry-author{
font-size: 13px;
margin-bottom: 20px;
}
.meta-word{
margin-right: 4px;
font-weight: 300;
text-transform: none;
}
.categories-list,
.tags-list{
white-space: initial;
}
.entry-categories-separator:before{
content: " ";
}
.item-cats{
margin-bottom: 20px;
}
.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;
}
.format-chat p{
padding: 10px;
background: rgba(0, 0, 0, 0);
margin-bottom: 0 !important;
}
.format-chat p:first-of-type{
padding: 0 0 10px;
}
.format-chat p:nth-child(even){
background: var(--colorBackground);
padding: 10px 10px 10px 20px;
color: var(--colorFont);
}
.format-chat p + a.more-link{
display: block;
margin: 9px 0;
}
.format-link .entry-content a{
color: var(--colorMain);
font-weight: 400;
}
.format-link .entry-content a:hover{
color: var(--colorDarkGrey);
}
.single .post-thumbnail-background .container{
margin-top: 8vw;
margin-bottom: 8vw;
}
.single span[id^=more-]+h3{
margin-top: 0;
}
@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 .item-content > *:not(.wp-block-embed):not(.wp-block-gallery):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){
width: auto;
margin-left: 100px;
margin-right: 100px;
}
}
.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{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.author-meta .about-author-heading{
margin-bottom: 0;
color: var(--colorMain);
}
.author-meta .author-name{
font-size: 30px;
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;
}
@media (max-width: 575px) {
.author-meta .item-media img{
width: 100%;
}
}
.author-meta .side-item .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 40px;
}
.post-nav > div:first-child{
margin-right: 10px;
}
@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: 155px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.post-nav > div .post-nav-item{
padding: 30px 20px;
height: auto;
}
}
.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;
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: #dfdfdf;
border-color: var(--colorBorder);
}
}
.post-nav > * a::after{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .67);
filter: alpha(opacity=0);
z-index: 10;
opacity: 0;
transition: all .2s linear;
}
.post-nav > *:hover a::after{
opacity: 1;
}
.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(--colorMain5);
display: block;
}
.post-nav .post-nav-title{
margin-top: 10px;
margin-bottom: 0;
line-height: 1.3;
min-height: 1.5em;
text-transform: uppercase;
}
.post-nav .has-image,
.post-nav .no-image{
color: var(--colorLight);
}
.post-nav .no-image{
background-color: var(--colorDarkGrey);
}
.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: #787878;
fill: var(--colorFont);
}
.meta-date a{
color: var(--colorFont);
}
.meta-date 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 a,
.categories-list a,
.entry-tags a{
border-radius: 0;
background-color: var(--colorMain);
padding: 2px 7px 0;
margin: 0 6px 6px 0;
font-size: 16px;
text-transform: uppercase;
color: var(--colorLight);
text-align: center;
font-weight: 100;
min-width: auto;
line-height: 1.2;
display: inline-block;
transition: all .4s linear 0s;
}
.meta-tags a:hover,
.categories-list a:hover,
.entry-tags a:hover{
opacity: .6;
}
.meta-tags .comments-link a,
.categories-list .comments-link a,
.entry-tags .comments-link a{
border: none;
background-color: rgba(0, 0, 0, 0);
color: var(--colorFont);
padding: 0;
font-weight: 700;
margin: 0 6px 0 0;
line-height: 24px;
}
.item-content.bg-lightgrey{
background-color: rgba(0, 0, 0, 0);
}
.layout-default .item-content{
position: relative;
padding: 30px;
}
.layout-default .item-content .author-avatar{
position: absolute;
top: -30px;
left: 25px;
}
@media (min-width: 400px) {
.layout-default .item-content .author-avatar{
left: 35px;
}
}
@media (min-width: 1200px) {
.layout-default .item-content .author-avatar{
left: 55px;
}
}
.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;
}
.post .gallery .gallery-item{
text-align: center;
padding: 0 7px;
}
.post .gallery .gallery-item a img{
width: 100%;
}
.post .meta-date{
margin-top: -5px;
}
.widget.widget_custom_posts .layout-slider .item-content .post-title{
min-height: 0 !important;
}
.required{
color: #669850;
color: var(--colorMain4);
}
.single-post #comments.comments-area.alignfull .comments-wrap,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap{
max-width: 1000px;
margin: auto;
}
.singular #comments.comments-area,
.single-post #comments.comments-area,
.single-tribe_events #comments.comments-area{
margin-top: 0;
border-bottom: 5px solid var(--colorBorder);
}
.singular #comments.comments-area.bottom_border_color1,
.single-post #comments.comments-area.bottom_border_color1,
.single-tribe_events #comments.comments-area.bottom_border_color1{
border-bottom-color: var(--colorMain);
}
.singular #comments.comments-area.bottom_border_color2,
.single-post #comments.comments-area.bottom_border_color2,
.single-tribe_events #comments.comments-area.bottom_border_color2{
border-bottom-color: var(--colorMain2);
}
.singular #comments.comments-area.bottom_border_color3,
.single-post #comments.comments-area.bottom_border_color3,
.single-tribe_events #comments.comments-area.bottom_border_color3{
border-bottom-color: var(--colorMain3);
}
.singular #comments.comments-area.bottom_border_color4,
.single-post #comments.comments-area.bottom_border_color4,
.single-tribe_events #comments.comments-area.bottom_border_color4{
border-bottom-color: var(--colorMain4);
}
.singular #comments.comments-area.bottom_border_color5,
.single-post #comments.comments-area.bottom_border_color5,
.single-tribe_events #comments.comments-area.bottom_border_color5{
border-bottom-color: var(--colorMain5);
}
.singular #comments.comments-area.bottom_border_multi_colored,
.single-post #comments.comments-area.bottom_border_multi_colored,
.single-tribe_events #comments.comments-area.bottom_border_multi_colored{
border-bottom-color: var(--colorMain2);
}
.singular #comments.comments-area.alignfull,
.single-post #comments.comments-area.alignfull,
.single-tribe_events #comments.comments-area.alignfull{
margin-top: 0;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
left: 0;
right: 0;
}
.singular #comments.comments-area.alignfull .comments-wrap,
.single-post #comments.comments-area.alignfull .comments-wrap,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap{
padding: 0 20px 30px;
}
@media (min-width: 768px) {
.singular #comments.comments-area.alignfull .comments-wrap,
.single-post #comments.comments-area.alignfull .comments-wrap,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap{
padding: 20px 35px 35px;
}
}
@media (min-width: 1200px) {
.singular #comments.comments-area.alignfull .comments-wrap,
.single-post #comments.comments-area.alignfull .comments-wrap,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap{
padding: 20px 55px 50px;
}
}
.singular #comments.comments-area.alignfull .comments-wrap input[type=submit],
.single-post #comments.comments-area.alignfull .comments-wrap input[type=submit],
.single-tribe_events #comments.comments-area.alignfull .comments-wrap input[type=submit]{
background-color: var(--colorMain2);
}
.singular #comments.comments-area.alignfull .comments-wrap input[type=submit]:hover,
.singular #comments.comments-area.alignfull .comments-wrap input[type=submit]:focus,
.singular #comments.comments-area.alignfull .comments-wrap input[type=submit]:active,
.single-post #comments.comments-area.alignfull .comments-wrap input[type=submit]:hover,
.single-post #comments.comments-area.alignfull .comments-wrap input[type=submit]:focus,
.single-post #comments.comments-area.alignfull .comments-wrap input[type=submit]:active,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap input[type=submit]:hover,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap input[type=submit]:focus,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap input[type=submit]:active{
background-color: rgba(var(--colorMain2RGB), 0.8) !important;
}
.container.pb-0 .singular #comments.comments-area.alignfull,
.container.pb-0 .single-post #comments.comments-area.alignfull,
.container.pb-0 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -0em;
}
.container.pb-1 .singular #comments.comments-area.alignfull,
.container.pb-1 .single-post #comments.comments-area.alignfull,
.container.pb-1 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -1em;
}
.container.pb-2 .singular #comments.comments-area.alignfull,
.container.pb-2 .single-post #comments.comments-area.alignfull,
.container.pb-2 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -2em;
}
.container.pb-3 .singular #comments.comments-area.alignfull,
.container.pb-3 .single-post #comments.comments-area.alignfull,
.container.pb-3 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -3em;
}
.container.pb-4 .singular #comments.comments-area.alignfull,
.container.pb-4 .single-post #comments.comments-area.alignfull,
.container.pb-4 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -4em;
}
.container.pb-5 .singular #comments.comments-area.alignfull,
.container.pb-5 .single-post #comments.comments-area.alignfull,
.container.pb-5 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -5em;
}
.container.pb-6 .singular #comments.comments-area.alignfull,
.container.pb-6 .single-post #comments.comments-area.alignfull,
.container.pb-6 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -6em;
}
.container.pb-7 .singular #comments.comments-area.alignfull,
.container.pb-7 .single-post #comments.comments-area.alignfull,
.container.pb-7 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -7em;
}
.container.pb-8 .singular #comments.comments-area.alignfull,
.container.pb-8 .single-post #comments.comments-area.alignfull,
.container.pb-8 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -8em;
}
.container.pb-9 .singular #comments.comments-area.alignfull,
.container.pb-9 .single-post #comments.comments-area.alignfull,
.container.pb-9 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -9em;
}
.container.pb-10 .singular #comments.comments-area.alignfull,
.container.pb-10 .single-post #comments.comments-area.alignfull,
.container.pb-10 .single-tribe_events #comments.comments-area.alignfull{
margin-bottom: -10em;
}
.singular #comments.comments-area .comment-respond h3.comment-reply-title,
.single-post #comments.comments-area .comment-respond h3.comment-reply-title,
.single-tribe_events #comments.comments-area .comment-respond h3.comment-reply-title{
margin: 0 0 25px;
}
.singular #comments.comments-area .comment-respond form.comment-form,
.single-post #comments.comments-area .comment-respond form.comment-form,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form{
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
}
.singular #comments.comments-area .comment-respond form.comment-form p,
.single-post #comments.comments-area .comment-respond form.comment-form p,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p{
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea{
min-height: 240px;
}
.singular #comments.comments-area .comment-respond form.comment-form p.form-submit,
.single-post #comments.comments-area .comment-respond form.comment-form p.form-submit,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.form-submit{
margin-bottom: 0;
}
@media (min-width: 768px) {
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.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,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-email{
width: 50%;
}
.singular #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-author,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-author{
padding-right: 15px;
}
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-email{
padding-left: 15px;
}
}
.comments-title{
display: none;
}
.comment-list{
padding: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.comment-list{
margin-bottom: 2em;
}
}
ol.children{
margin-top: 0;
padding-left: 30px;
}
@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-meta{
position: relative;
margin-left: 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 30px;
color: #b4b4b4;
color: var(--colorFontLight);
}
.comment-meta b{
font-weight: 600;
text-transform: uppercase;
}
.comment-meta .says{
display: none;
}
.comment-author{
font-size: 18px;
line-height: 1.3;
}
.comment-author img{
max-width: 70px;
border: 4px solid var(--colorMain);
border-radius: 50%;
background-color: #f2f2f2;
width: 70px;
height: 70px;
position: absolute;
left: -100px;
top: -5px;
border-radius: 50%;
}
.comment-metadata{
font-size: 16px;
}
.comment-content{
margin-left: 100px;
}
@media (max-width: 575px) {
.comment-content{
margin-left: 0;
}
}
.comment-body{
position: relative;
padding: 10px 30px 10px 0;
}
.comment-body .edit-link:before{
content: " | ";
}
.reply{
margin-left: 100px;
font-size: 15px;
}
.reply .svg-icon{
display: none;
}
.reply a{
color: var(--colorMain);
}
.comment-reply-title a{
color: #b4b4b4;
color: var(--colorFontLight);
}
.comment-form{
display: flex;
flex-wrap: wrap;
margin-bottom: 5em;
}
.comment-form p{
width: 100%;
position: relative;
}
.comment-form p input+[class*=fa-],
.comment-form p textarea+[class*=fa-]{
position: absolute;
font-size: 14px;
left: 24px;
top: 13px;
width: 14px;
color: var(--colorMain);
}
.comment-form .form-submit{
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes{
font-size: .92em;
margin-bottom: .5em;
color: var(--colorFontLight);
}
.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 .comment-form-author,
.comment-form .comment-form-phone,
.comment-form .comment-form-email{
order: -1;
}
.form-group{
position: relative;
}
.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;
}
.comment-form-cookies-consent{
text-align: center;
}
#comments #commentform .form-submit{
text-align: center;
margin-bottom: 35px;
}
li .comment-respond{
margin-top: 1em;
}
.wp-block-latest-comments__comment-date{
color: var(--colorFontBlue);
font-size: 14px;
}
ol.comment-list .comment-meta .comment-author{
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--colorDarkGrey);
}
ol.comment-list .comment-meta .comment-metadata{
width: 100%;
display: block;
margin: 0 0 10px;
line-height: 30px;
}
ol.comment-list .comment-meta .comment-metadata a{
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: var(--colorMain);
}
ol.comment-list .comment-meta .comment-metadata a:hover{
color: var(--colorDarkGrey);
}
@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 .comment-content p{
margin-bottom: 10px;
}
ol.comment-list .reply a{
position: absolute;
top: -1px;
right: -1px;
font-size: 0;
padding: 7px 4px 13px;
}
ol.comment-list .reply a::before{
content: "";
font-family: "fontAwesome";
font-size: 16px;
color: var(--colorFont);
transition: all .4s ease-in-out;
}
ol.comment-list .reply a:hover::before{
color: var(--colorDarkGrey);
}
aside .widget .widget-title,
aside .widget .widgettitle{
color: var(--colorMain);
font-size: 25px;
}
.widget .widget-title,
.widget .widgettitle{
position: relative;
font-size: 30px;
margin-bottom: 30px;
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:not(.menu-side-click):last-child,
.widget ol:last-child{
margin-bottom: 0;
}
.widget select{
display: block;
width: 100%;
}
.widget_theme_meta .theme-meta .svg-icon{
display: none !important;
}
aside input[type=text],
.before-content-area input[type=text],
aside input[type=email],
.before-content-area input[type=email],
aside input[type=url],
.before-content-area input[type=url],
aside input[type=password],
.before-content-area input[type=password],
aside input[type=search],
.before-content-area input[type=search],
aside input[type=tel],
.before-content-area input[type=tel],
aside input[type=number],
.before-content-area input[type=number],
aside textarea,
.before-content-area textarea,
aside select,
.before-content-area select,
aside .form-control,
.before-content-area .form-control{
border-color: var(--colorMain);
}
.widget.widget_custom_posts .item-content{
margin-left: 0 !important;
margin-right: auto !important;
}
.widget.widget_custom_posts .layout-default .item-content{
width: 100%;
max-width: 260px !important;
}
.widget.widget_custom_posts .layout-default .item-content .post-title{
font-size: 16px;
line-height: 24px;
margin: 0;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta{
font-size: 12px;
font-weight: 500;
color: var(--colorFont);
align-items: center;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts{
display: flex;
align-items: center;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts .svg-icon svg{
fill: var(--colorFont);
margin-right: 5px;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts a{
color: var(--colorFont);
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts a:hover{
color: var(--colorMain);
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-link a{
color: var(--colorFont);
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-link a:hover{
color: var(--colorMain);
}
.widget.widget_custom_posts .posts-list-thumbnail img{
max-width: 60px;
min-width: 60px;
}
.widget.widget_custom_posts .slide .posts-list-thumbnail img{
max-width: none;
}
.widget_search .widget-title + form,
.widget_categories .widget-title + form{
margin-top: 1.15em;
}
.media{
margin: 0 !important;
padding-top: 7px;
padding-bottom: 14px;
}
.media i + span,
.media i + a{
margin-left: 15px;
}
.media i{
color: var(--colorMain);
}
.theme-style-socicon.wp-social-link.wp-block-social-link{
-webkit-transform: scale(1);
transform: scale(1);
}
.theme-style-socicon.wp-social-link.wp-block-social-link a{
font-family: FontAwesome;
font-style: normal;
font-size: 16px;
line-height: 1;
text-align: center;
transition: all .3s ease-in-out 0s;
}
.theme-style-socicon.wp-social-link.wp-block-social-link a svg{
display: none;
}
.theme-style-socicon.wp-social-link.wp-block-social-link a::before{
color: var(--colorLight);
}
.theme-style-socicon.wp-social-link.wp-block-social-link a:hover::before{
color: var(--colorMain);
}
.theme-style-socicon.wp-social-link-facebook a::before{
content: "";
}
.theme-style-socicon.wp-social-link-twitter a::before{
content: "";
}
.theme-style-socicon.wp-social-link-instagram a::before{
content: "";
}
.theme-style-socicon.wp-social-link-linkedin a::before{
content: "";
}
.theme-style-socicon.wp-social-link-pinterest a::before{
content: "";
}
.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 .widget-title{
margin-bottom: 30px;
}
.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-inner input[type=email]{
padding-right: 50px;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]{
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
font-size: 0;
padding: 0;
margin-bottom: 0;
border: none;
background-color: rgba(0, 0, 0, 0);
color: var(--colorMain);
display: block;
border: none;
line-height: 1;
transition: all .4s linear 0s;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]::before{
font-size: 18px;
content: "";
font-family: "FontAwesome";
color: var(--colorMain);
opacity: 1;
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);
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover::before{
opacity: .5;
}
.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;
}
.wp-block-archives-dropdown label{
display: none;
}
.elementor-widget-container .sidebar-visible{
display: none;
}
.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: 50px;
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.aligncenter li{
justify-content: center;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a{
font-size: 15px;
font-weight: 700;
line-height: 18px;
word-break: break-word;
display: block;
margin-top: 5px;
width: 100%;
order: 2;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt{
position: relative;
overflow: hidden;
height: 46px;
margin-top: 0;
margin-bottom: 10px;
width: 100%;
order: 3;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-date{
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1;
text-transform: uppercase;
color: var(--colorMain3);
order: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-author{
font-size: 13px;
color: var(--colorMain);
order: 1;
}
.wp-block-getwid-social-links__item{
padding: 0;
margin-left: 13px;
}
.wp-block-getwid-social-links__item:first-child{
margin-left: 0;
}
#ctf .ctf-corner-logo{
color: var(--colorMain);
}
.widget_recent_comments p{
margin-bottom: 5px;
}
.widget_recent_comments li{
padding: 10px 0;
}
.widget_recent_comments li + li{
border-top: 1px solid var(--colorBorder);
}
.widget_recent_entries h6{
max-width: 70%;
line-height: 23px;
}
.ds .widget_recent_entries h6 a{
color: rgba(255, 255, 255, .8);
}
.text-center .widget_recent_entries h6,
.widget_recent_entries.text-center h6{
margin-right: auto;
margin-left: auto;
}
.widget_recent_entries .lineheight_thin{
line-height: 20px;
}
.widget_recent_entries li + li{
margin-top: 10px;
}
.widget_popular_entries li{
margin-top: 20px;
}
.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;
}
.widget_popular_entries > ul > li:first-child{
margin-top: 0;
}
.widget_categories li.active a{
color: var(--colorDarkGrey);
}
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a{
display: inline-block;
position: relative;
padding-left: 20px;
}
.widget_archive li:first-child a,
.widget_categories li:first-child a,
.widget_meta li:first-child a,
.widget_nav_menu li:first-child a,
.widget_pages li:first-child a{
padding-top: 0;
}
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li{
padding-top: 5px;
padding-bottom: 5px;
}
.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: 16px;
color: var(--colorMain);
position: absolute;
left: 0;
}
.widget_nav_menu ul ul li:first-child a{
padding-top: 13px;
}
.widget_nav_menu a i{
padding-right: 7px;
}
@media (min-width: 768px) {
.page_copyright .widget_nav_menu li,
.page_topline .widget_nav_menu li{
display: inline-block;
position: relative;
border: none;
padding-right: 5px;
}
.page_copyright .widget_nav_menu li:before,
.page_topline .widget_nav_menu li:before{
content: "";
position: absolute;
padding: 0;
left: -5px;
top: 5px;
bottom: 5px;
width: 1px;
background-color: var(--colorBorder);
opacity: .3;
display: block;
}
.page_copyright .widget_nav_menu li:first-child:before,
.page_topline .widget_nav_menu li:first-child:before{
display: none;
}
.page_copyright .widget_nav_menu a,
.page_topline .widget_nav_menu a{
padding: 0 10px;
}
.page_copyright .widget_nav_menu a:before,
.page_topline .widget_nav_menu a:before{
display: none;
}
}
.widget_events .media-left img{
max-width: 70px;
}
.widget_events .media h4{
font-size: 14px;
line-height: 1.4;
margin-bottom: 5px;
}
.page_header_side .widget.widget_nav_menu{
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.page_header_side .widget.widget_nav_menu.greylinks a{
color: var(--colorFont);
font-weight: 300;
}
.page_header_side .widget.widget_nav_menu.greylinks a:hover{
color: var(--colorMain2);
}
.page_header_side .widget.widget_nav_menu ul{
list-style: none;
padding: 0;
margin: 0;
}
.page_header_side .widget.widget_nav_menu .nav > li:first-child a{
padding-top: 0;
}
.page_header_side .widget.widget_nav_menu .nav > li > a{
position: relative;
display: block;
padding: 10px 15px;
}
.page_header_side .widget.widget_nav_menu .nav ul li{
padding-left: 20px;
}
.page_header_side .widget.widget_nav_menu .nav ul li:first-child a{
padding-top: 13px;
}
.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(--colorMain);
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(--colorMain);
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: 0;
}
.widget_theme_meta .theme-meta-img.wp-block-image{
margin-bottom: 2em;
}
.widget_theme_meta .theme-meta .icon-inline{
padding: 0;
display: flex;
line-height: 1.4;
align-items: flex-start;
}
.widget_theme_meta .theme-meta .icon-inline + .icon-inline{
margin-top: 10px;
}
.widget_theme_meta .theme-meta .svg-icon{
line-height: 1.6;
}
.widget_theme_meta .theme-meta .svg-icon::before{
display: none;
}
.widget_theme_meta .theme-meta .svg-icon svg{
fill: var(--colorMain);
}
.widget_theme_meta .social-links{
display: block;
margin-top: 1.3em;
}
.text-center .theme-meta .icon-inline{
justify-content: center;
}
.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: #d02954;
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{
font-size: 14px;
font-weight: 700;
padding: 18px 30px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: none;
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all .4s linear 0s;
font-size: 14px !important;
padding: 18px 30px !important;
}
.wp-block-button__link:active,
.wp-block-button__link:hover,
.wp-block-button__link:focus{
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
.is-style-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorDarkGrey);
color: var(--colorDarkGrey);
}
.is-style-outline .wp-block-button__link:hover{
background-color: var(--colorDarkGrey);
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(//www.beautesublimeeparval.fr/wp-content/themes/makeup/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(//www.beautesublimeeparval.fr/wp-content/themes/makeup/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(--colorFontBlue);
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(--colorFontBlue);
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: 15px;
margin-bottom: 15px;
}
.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: 15px;
}
.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(--colorFontBlue);
}
.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(--colorFontLight);
}
.has-background-color{
color: var(--colorBackground);
}
.has-border-color{
color: var(--colorBorder);
}
.has-dark-color{
color: var(--colorDark);
}
.has-dark-muted-color{
color: var(--colorFontBlue);
}
.i .has-dark-muted-color{
color: var(--colorLight);
}
.i.c .has-dark-muted-color{
color: var(--colorFontBlue);
}
.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(--colorFontLight);
}
.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(--colorFontBlue);
}
.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: 50px;
padding-left: 20px;
border-radius: 0;
font-size: 18px;
}
.wp-block-search .wp-block-search__button,
.wp-block-search .search-submit{
position: absolute;
right: 0;
font-size: 0;
padding: 0 30px;
background-color: rgba(0, 0, 0, 0);
height: 100%;
box-shadow: none;
}
.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{
color: var(--colorMain);
}
#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(208, 41, 84, .7), 0 0 0 0 rgba(208, 41, 84, .8);
-webkit-animation: pulse-icon-color-main 1.5s infinite;
}
@-webkit-keyframes pulse-icon-color-main {
70%{
box-shadow: 0 0 0 1em rgba(208, 41, 84, 0), 0 0 0 .5em rgba(208, 41, 84, 0);
}
100%{
box-shadow: 0 0 0 0 rgba(208, 41, 84, 0), 0 0 0 0 rgba(208, 41, 84, 0);
}
}
@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;
color: var(--colorFont);
padding: 10px 26px;
}
.nav-links .next:hover,
.nav-links .prev:hover{
color: var(--colorMain);
}
.nav-links .next:hover .icon-inline .svg-icon::before,
.nav-links .prev:hover .icon-inline .svg-icon::before{
border-color: var(--colorMain);
}
.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: "";
display: inline-block;
position: relative;
top: 0;
width: 6px;
height: 6px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorFont);
border-color: var(--colorFont);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
line-height: 46px;
left: 2px;
transition: all .3s ease-in-out 0s;
}
.nav-links .icon-inline .icon-chevron-right::before{
content: "";
display: inline-block;
position: relative;
top: -0.1em;
width: 6px;
height: 6px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorFont);
border-color: var(--colorFont);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 46px;
left: -2px;
transition: all .3s ease-in-out 0s;
}
.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;
}
.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{
max-height: 45px;
display: inline-block;
text-align: center;
padding: 10px 0;
border: none;
color: var(--colorFont);
font-weight: 300;
font-size: 18px;
line-height: 1.4;
margin-left: 0;
margin-right: 6px;
margin-bottom: 10px;
min-width: 30px;
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(--colorMain);
}
.nav-links .current,
.page-links .current{
color: var(--colorMain);
}
.page-links span:first-child{
border: none;
padding-right: 0;
padding-left: 0;
}
#layout.layout-default .pagination{
max-width: 1000px;
margin: 60px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
#layout.layout-default .pagination .nav-links{
margin-top: 0;
}
#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: 60px;
height: 60px;
margin: -30px 0 0;
background-color: var(--colorLight);
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 a:hover::before,
.flex-direction-nav a.flex-next:hover::before{
border-color: var(--colorMain);
}
.flex-direction-nav .flex-prev{
left: 10px;
}
.flex-direction-nav .flex-next{
right: 10px;
}
@media (min-width: 1600px) {
.flex-direction-nav .flex-prev{
left: 10px;
}
.flex-direction-nav .flex-next{
right: 10px;
}
}
.flexslider:hover .flex-next:hover::before,
.flexslider:hover .flex-prev:hover::before{
color: var(--colorMain);
}
.flex-direction-nav .flex-disabled{
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before{
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #232323;
border-color: var(--colorDarkGrey);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 2px;
transition: all .4s linear 0s;
}
.flex-direction-nav a.flex-next:before{
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #232323;
border-color: var(--colorDarkGrey);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: -2px;
}
.i .flex-direction-nav a:before{
color: var(--colorLight);
}
.flexslider-2{
position: relative;
}
.flexslider-2 ul.products[class*=columns-] li.product,
.flexslider-2 .woocommerce-page ul.products[class*=columns-] li.product{
clear: none !important;
}
.flexslider-2 .flex-direction-nav a{
text-decoration: none;
display: block;
width: 40px;
height: 60px;
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;
margin-top: -50px;
}
.flexslider-2 .flex-direction-nav a:hover::before{
color: var(--colorMain2);
}
.flexslider-2 .flex-direction-nav .flex-prev{
left: 0;
}
.flexslider-2 .flex-direction-nav .flex-next{
right: 0;
}
.flexslider-2 .flex-direction-nav a:before{
font-family: "Font Awesome 5 Free";
font-size: 28px;
font-weight: 900;
line-height: 60px;
content: "";
color: var(--colorFont);
top: 0;
}
.flexslider-2 .flex-direction-nav a.flex-next:before{
content: "";
left: 16px;
}
.flexslider-3{
position: relative;
}
.flexslider-3 ul.products[class*=columns-] li.product,
.flexslider-3 .woocommerce-page ul.products[class*=columns-] li.product{
clear: none !important;
}
.flexslider-3 .flex-direction-nav a{
text-decoration: none;
display: block;
width: 40px;
height: 60px;
position: absolute;
top: auto;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
margin-top: -50px;
}
.flexslider-3 .flex-direction-nav a:hover::before{
color: var(--colorMain);
}
.flexslider-3 .flex-direction-nav .flex-prev{
left: 0;
}
.flexslider-3 .flex-direction-nav .flex-prev.flex-disabled{
opacity: .1;
cursor: default;
}
.flexslider-3 .flex-direction-nav .flex-next{
right: 0;
}
.flexslider-3 .flex-direction-nav .flex-next.flex-disabled{
opacity: .1;
cursor: default;
}
.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 7px;
zoom: 1;
*display: inline;
}
.flex-control-paging li{
margin: 0 3px;
}
.flex-control-paging li a{
width: 10px;
height: 10px;
margin: 0;
display: block;
border: 2px solid;
background-color: rgba(0, 0, 0, 0);
border: 2px solid var(--colorLight);
text-indent: -9999px;
cursor: pointer;
border-radius: 50%;
}
.i .flex-control-paging li a{
border-color: var(--colorLight);
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active{
background-color: var(--colorLight);
}
.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: #1c1c1c;
}
.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link{
color: #fff;
}
.flex-custom-nav .flex-custom-link:hover{
color: #d02954;
}
.page_slider:hover .flex-custom-nav{
opacity: 1;
}
.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: 30px 20px;
border-bottom: 5px solid var(--colorBorder);
}
@media (min-width: 768px) {
.widget.widget_custom_posts .layout-slider .item-content{
padding: 35px;
}
}
.widget.widget_custom_posts .layout-slider .item-content.color1{
border-bottom-color: var(--colorMain);
}
.widget.widget_custom_posts .layout-slider .item-content.color1 .post-title a,
.widget.widget_custom_posts .layout-slider .item-content.color1 .more-link a{
color: var(--colorMain);
}
.widget.widget_custom_posts .layout-slider .item-content.color2{
border-bottom-color: var(--colorMain2);
}
.widget.widget_custom_posts .layout-slider .item-content.color2 .post-title a,
.widget.widget_custom_posts .layout-slider .item-content.color2 .more-link a{
color: var(--colorMain2);
}
.widget.widget_custom_posts .layout-slider .item-content.color3{
border-bottom-color: var(--colorMain3);
}
.widget.widget_custom_posts .layout-slider .item-content.color3 .post-title a,
.widget.widget_custom_posts .layout-slider .item-content.color3 .more-link a{
color: var(--colorMain3);
}
.widget.widget_custom_posts .layout-slider .item-content.color4{
border-bottom-color: var(--colorMain4);
}
.widget.widget_custom_posts .layout-slider .item-content.color4 .post-title a,
.widget.widget_custom_posts .layout-slider .item-content.color4 .more-link a{
color: var(--colorMain4);
}
.widget.widget_custom_posts .layout-slider .item-content.color5{
border-bottom-color: var(--colorMain5);
}
.widget.widget_custom_posts .layout-slider .item-content.color5 .post-title a,
.widget.widget_custom_posts .layout-slider .item-content.color5 .more-link a{
color: var(--colorMain5);
}
.widget.widget_custom_posts .layout-slider .item-content.color1 .post-title a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color2 .post-title a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color3 .post-title a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color4 .post-title a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color5 .post-title a:hover{
color: var(--colorDarkGrey);
}
.widget.widget_custom_posts .layout-slider .item-content.color1 .more-link a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color2 .more-link a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color3 .more-link a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color4 .more-link a:hover,
.widget.widget_custom_posts .layout-slider .item-content.color5 .more-link a:hover{
color: var(--colorFont);
}
.widget.widget_custom_posts .layout-slider .item-content .post-title{
text-transform: uppercase;
line-height: 1.3;
}
.widget.widget_custom_posts .layout-slider .item-content .entry-content{
display: block;
display: -webkit-box;
max-width: 400px;
height: 108px;
margin: 0 auto;
font-size: 18px;
line-height: 27px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.widget.widget_custom_posts .layout-slider .item-content .icon-inline.post-date{
margin: 0;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: var(--colorFont);
display: block;
width: 100%;
}
.widget.widget_custom_posts .layout-slider .item-content .icon-inline.post-author{
font-size: 13px;
font-weight: 400;
color: var(--colorMain);
display: block;
width: 100%;
}
.widget.widget_custom_posts .layout-slider .item-content .more-link.small-text{
font-size: 11px;
font-weight: 800;
margin-top: 15px;
margin-bottom: 15px;
}
.widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored{
border-bottom-color: var(--colorMain4);
}
.widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored .post-title a,
.widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored .more-link a{
color: var(--colorMain4);
}
.widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored .post-title a:hover,
.widget.widget_custom_posts .layout-slider li:nth-child(1n) .item-content.multi_colored .more-link a:hover{
color: var(--colorDarkGrey);
}
.widget.widget_custom_posts .layout-slider li:nth-child(2n) .item-content.multi_colored{
border-bottom-color: var(--colorMain2);
}
.widget.widget_custom_posts .layout-slider li:nth-child(2n) .item-content.multi_colored .post-title a,
.widget.widget_custom_posts .layout-slider li:nth-child(2n) .item-content.multi_colored .more-link a{
color: var(--colorMain2);
}
.widget.widget_custom_posts .layout-slider li:nth-child(2n) .item-content.multi_colored .post-title a:hover,
.widget.widget_custom_posts .layout-slider li:nth-child(2n) .item-content.multi_colored .more-link a:hover{
color: var(--colorDarkGrey);
}
.widget.widget_custom_posts .layout-slider li:nth-child(3n) .item-content.multi_colored{
border-bottom-color: var(--colorMain3);
}
.widget.widget_custom_posts .layout-slider li:nth-child(3n) .item-content.multi_colored .post-title a,
.widget.widget_custom_posts .layout-slider li:nth-child(3n) .item-content.multi_colored .more-link a{
color: var(--colorMain3);
}
.widget.widget_custom_posts .layout-slider li:nth-child(3n) .item-content.multi_colored .post-title a:hover,
.widget.widget_custom_posts .layout-slider li:nth-child(3n) .item-content.multi_colored .more-link a:hover{
color: var(--colorDarkGrey);
}
.apsc-theme-1 .apsc-each-profile{
float: left;
min-height: 80px;
text-align: center;
width: 80px;
margin: 5px;
}
.apsc-each-profile a{
font-weight: normal;
color: #fff;
text-decoration: none;
}
.apsc-each-profile a:hover{
color: #fff;
text-decoration: none;
}
.apsc-theme-1 .apsc-each-profile a{
padding: 9px;
display: block;
color: #fff;
position: relative;
border-radius: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";
box-shadow: 1px 1px 2px #b3b3b3;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.entry-content .apsc-each-profile a{
border: none;
}
.site-footer .widget .apsc-each-profile a{
color: #fff;
text-decoration: none;
}
.social-icon{
display: block;
}
.apsc-theme-1 .media-name{
display: none;
}
.apsc-theme-1 .apsc-count{
font-size: 16px;
display: block;
line-height: 15px;
padding: 2px 0 0;
}
.entry-content .apsc-each-profile a,
.entry-content .apsc-each-profile a:hover,
.entry-content .apsc-each-profile a:focus{
color: #fff;
text-decoration: none;
}
.apsc-theme-1 .apsc-each-profile a:before{
background: radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
height: 10px;
left: 5%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
transition-duration: .3s;
-webkit-transition-duration: .3s;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-property: transform, opacity;
width: 90%;
z-index: -1;
}
.apsc-theme-1 .apsc-each-profile a:hover:before{
opacity: 1;
transform: translateY(6px);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
}
.apsc-theme-1 .apsc-each-profile a:hover{
transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
}
.apsc-theme-1 .social-icon .fa{
font-size: 45px;
}
.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: #f09433;
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
}
.apsc-theme-1 .apsc-media-type{
display: none;
}
.apsc-theme-2 .apsc-each-profile{
min-width: 32%;
width: 32%;
}
.apsc-theme-2 .apsc-each-profile a{
color: #fff !important;
}
.apsc-theme-2 .apsc-each-profile a:hover{
color: #fff !important;
text-decoration: none !important;
}
.apsc-theme-2.apsc-icons-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.apsc-theme-2 .apsc-each-profile:not(:last-child){
margin-right: 4px;
margin-bottom: 4px;
}
.apsc-theme-2 .social-icon{
display: inline-block;
position: relative;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-2 .apsc-each-profile a{
padding: 18px 10px;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
display: block;
color: #fff;
position: relative;
text-align: center;
}
.apsc-theme-2 .apsc-each-profile a:hover{
opacity: .8;
}
.apsc-theme-2 .apsc-each-profile a .fa,
.apsc-theme-2 .apsc-each-profile a .fab{
vertical-align: top;
text-align: center;
font-size: 36px;
display: block;
transform: none;
-webkit-transform: none;
-ms-transform: none;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-2 .apsc-each-profile a:hover .fa{
transform: none;
-webkit-transform: snone;
-ms-transform: none;
}
.apsc-theme-2 .media-name{
display: none;
}
.apsc-theme-2 .apsc-count{
border-radius: 0;
color: #fff;
display: block;
font-size: inherit;
text-align: center;
position: relative;
font-size: 20px;
font-weight: 700;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-2 .apsc-media-type{
display: inline-block;
}
.apsc-theme-3 .apsc-each-profile{
float: left;
margin: 5px;
}
.apsc-theme-3 .social-icon{
display: table-cell;
min-width: 97px;
padding: 0 0 0 4px;
vertical-align: middle;
position: relative;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-3 .apsc-each-profile a{
border-radius: 4px;
color: #fff;
display: block;
font-weight: normal;
padding: 1px;
position: relative;
text-shadow: none;
}
.apsc-theme-3 .apsc-count{
background-color: #fff;
}
.apsc-theme-3 .social-icon .fa{
display: table-cell;
font-size: 18px;
vertical-align: middle;
}
.apsc-theme-3 .media-name{
display: table-cell;
font-size: 14px;
padding: 0 13px 0 5px;
text-transform: capitalize;
vertical-align: middle;
min-width: 77px;
}
.apsc-theme-3 .apsc-count{
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #666;
display: table-cell;
font-size: 16px;
min-width: 52px;
padding: 3px 10px;
text-align: center;
position: relative;
opacity: 1;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-3 .apsc-count:before{
border-bottom: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid #fff;
border-top: 4px solid rgba(0, 0, 0, 0);
content: "";
left: -4px;
margin-top: -3px;
position: absolute;
top: 50%;
}
.apsc-theme-3 .apsc-each-profile a:hover .social-icon{
background-color: #fff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.apsc-theme-3 .apsc-each-profile a:hover .apsc-count{
color: #fff;
}
.apsc-theme-3 .apsc-each-profile a:hover .social-icon:after{
border-bottom: 4px solid rgba(0, 0, 0, 0);
border-left: 4px solid #fff;
border-top: 4px solid rgba(0, 0, 0, 0);
content: "";
margin-top: -3px;
position: absolute;
right: -4px;
top: 50%;
z-index: 2;
}
.apsc-theme-3 .apsc-media-type{
display: none;
}
.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .social-icon{
color: #e52d27;
}
.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .apsc-count{
background-color: #e52d27;
}
.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .social-icon{
color: #f80;
}
.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .apsc-count{
background-color: #f80;
}
.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .social-icon{
color: #ea4c89;
}
.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .apsc-count{
background-color: #ea4c89;
}
.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .social-icon{
color: #464646;
}
.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .apsc-count{
background-color: #464646;
}
.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .social-icon{
color: #1dcaff;
}
.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .apsc-count{
background-color: #1dcaff;
}
.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .social-icon{
color: #3f729b;
}
.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .apsc-count{
background-color: #3f729b;
}
.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .social-icon{
color: #3b5998;
}
.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .apsc-count{
background-color: #3b5998;
}
.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .social-icon{
color: #dd4b39;
}
.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .apsc-count{
background-color: #dd4b39;
}
.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .social-icon{
color: #837d7d;
}
.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .apsc-count{
background-color: #837d7d;
}
.apsc-theme-4 .apsc-each-profile{
float: left;
margin: 5px;
}
.apsc-theme-4 .social-icon{
display: inline-block;
position: relative;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a{
padding: 2px 9px 2px 6px;
display: block;
color: #fff;
position: relative;
border-radius: 4px;
}
.apsc-theme-4 .apsc-each-profile a .fa{
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a:hover .fa{
transform: scale(1.3) translateZ(0px);
-webkit-transform: scale(1.3) translateZ(0px);
-ms-transform: scale(1.3) translateZ(0px);
}
.apsc-theme-4 .social-icon .fa{
display: inline-block;
font-size: 18px;
vertical-align: middle;
}
.apsc-theme-4 .media-name{
display: inline-block;
font-size: 14px;
padding: 0 6px 0 5px;
text-transform: capitalize;
}
.apsc-theme-4 .apsc-count{
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
text-align: center;
position: relative;
font-family: "MyriadPro-Bold";
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-media-type{
display: none;
}
.apsc-theme-5 .apsc-each-profile{
min-height: 60px;
text-align: center;
width: 60px;
margin: 5px;
}
.apsc-theme-5 .apsc-each-profile a{
padding: 6px;
display: block;
color: #fff;
position: relative;
border-radius: 5px;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";
box-shadow: 1px 1px 2px #b3b3b3;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.entry-content .apsc-each-profile a{
border: none;
}
.social-icon{
display: block;
}
.apsc-theme-5 .apsc-count{
font-size: 12px;
display: block;
line-height: 12px;
padding: 3px 0 0;
}
.apsc-theme-5 .social-icon .fa{
font-size: 34px;
}
.apsc-theme-5 .social-icon{
height: 34px;
}
.apsc-theme-5 .media-name{
display: none;
}
.apsc-theme-5 .apsc-media-type{
display: none;
}
.apsc-theme-5 .apsc-each-profile a:hover{
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
}
@media screen and (max-width: 479px) {
.apsc-theme-4 .apsc-each-profile a,
.apsc-theme-3 .apsc-each-profile a{
display: inline-block;
}
.apsc-theme-4 .apsc-each-profile,
.apsc-theme-3 .apsc-each-profile{
float: none;
}
}
.widget_search{
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
.widget_search .wp-block-search .wp-block-search__input{
font-size: 16px;
padding-right: 60px;
padding-left: 30px;
border-radius: 0;
height: 40px;
}
.widget_search .wp-block-search .wp-block-search__input::-webkit-input-placeholder{
opacity: 1;
font-weight: 600;
font-style: normal;
color: var(--colorFont);
}
.widget_search .wp-block-search .wp-block-search__input:-ms-input-placeholder{
opacity: 1;
font-weight: 600;
font-style: normal;
color: var(--colorFont);
}
.widget_search .wp-block-search .wp-block-search__input::placeholder{
opacity: 1;
font-weight: 600;
font-style: normal;
color: var(--colorFont);
}
.widget_search .wp-block-search .wp-block-search__button.has-icon,
.widget_search .search-submit{
height: 40px;
width: 40px;
border: none;
line-height: 40px;
}
.widget_search .wp-block-search .wp-block-search__button.has-icon svg,
.widget_search .search-submit svg{
display: none;
}
.widget_search .wp-block-search .wp-block-search__button.has-icon::before,
.widget_search .search-submit::before{
font-size: 18px;
content: "";
font-family: FontAwesome;
color: var(--colorMain);
}
.widget_search .wp-block-search .wp-block-search__button.has-icon:hover::before,
.widget_search .search-submit:hover::before{
opacity: .5;
}
.widget_search .wp-block-search__label{
display: block !important;
font-size: 30px;
margin: 0 0 30px;
font-weight: 900;
position: relative;
line-height: 1;
}
input[type=search]::-ms-clear{
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal{
display: none;
width: 0;
height: 0;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{
display: none;
}
#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: rgba(var(--colorMain2RGB), 0.8) !important;
border: none !important;
color: var(--colorLight);
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
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(--colorDarkGrey) !important;
}
body table.booked-calendar tr.days th,
body #booked-profile-page .booked-tabs{
border-color: var(--colorDarkGrey) !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(--colorMain2);
}
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{
font-size: 14px;
font-weight: 700;
padding: 18px 30px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: none;
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all .4s linear 0s;
background-color: var(--colorMain2) !important;
}
body #booked-profile-page input[type=submit].button-primary:active,
body #booked-profile-page input[type=submit].button-primary:hover,
body #booked-profile-page input[type=submit].button-primary:focus,
body table.booked-calendar input[type=submit].button-primary:active,
body table.booked-calendar input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:focus,
body .booked-list-view button.button:active,
body .booked-list-view button.button:hover,
body .booked-list-view button.button:focus,
body .booked-list-view input[type=submit].button-primary:active,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-list-view input[type=submit].button-primary:focus,
body .booked-list-view button.button:active,
body .booked-list-view button.button:hover,
body .booked-list-view button.button:focus,
body .booked-list-view input[type=submit].button-primary:active,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-list-view input[type=submit].button-primary:focus,
body .booked-modal input[type=submit].button-primary:active,
body .booked-modal input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:focus,
body #booked-profile-page .appt-block .google-cal-button > a:active,
body #booked-profile-page .appt-block .google-cal-button > a:hover,
body #booked-profile-page .appt-block .google-cal-button > a:focus,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:active,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:focus,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:focus,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover:active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover:hover,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover:focus{
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
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: var(--colorMain2);
}
.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;
font-size: 14px;
font-weight: 700;
padding: 18px 30px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: none;
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all .4s linear 0s;
}
body #booked-profile-page input[type=submit]:active,
body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page input[type=submit]:focus,
body #booked-profile-page button:active,
body #booked-profile-page button:hover,
body #booked-profile-page button:focus,
body .booked-list-view input[type=submit]:active,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view input[type=submit]:focus,
body .booked-list-view button:active,
body .booked-list-view button:hover,
body .booked-list-view button:focus,
body table.booked-calendar input[type=submit]:active,
body table.booked-calendar input[type=submit]:hover,
body table.booked-calendar input[type=submit]:focus,
body table.booked-calendar button:active,
body table.booked-calendar button:hover,
body table.booked-calendar button:focus,
body .booked-modal input[type=submit]:active,
body .booked-modal input[type=submit]:hover,
body .booked-modal input[type=submit]:focus,
body .booked-modal button:active,
body .booked-modal button:hover,
body .booked-modal button:focus{
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
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;
font-size: 14px;
font-weight: 700;
padding: 18px 30px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: none;
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all .4s linear 0s;
}
body #booked-profile-page input[type=submit].button-primary:active,
body #booked-profile-page input[type=submit].button-primary:hover,
body #booked-profile-page input[type=submit].button-primary:focus,
body table.booked-calendar input[type=submit].button-primary:active,
body table.booked-calendar input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:focus,
body .booked-list-view input[type=submit].button-primary:active,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-list-view input[type=submit].button-primary:focus,
body .booked-modal input[type=submit].button-primary:active,
body .booked-modal input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:focus{
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
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{
background: #3d3d3d !important;
}
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{
border: none !important;
color: var(--colorLight);
background-color: #3d3d3d;
box-shadow: 2px 0 10px rgba(0, 0, 0, .4);
}
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;
background: rgba(var(--colorMain2RGB), 0.8) !important;
}
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(--colorMain2) !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;
background-color: rgba(0, 0, 0, 0) !important;
}
body table.booked-calendar thead th .monthName{
font-size: 30px;
font-weight: 700;
height: 30px;
display: inline-block;
color: var(--colorDarkGrey);
}
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(--colorMain2);
}
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(--colorMain2);
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: 3px;
}
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: 0;
}
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;
margin-bottom: 0;
}
#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: 10px;
}
.progress{
overflow: visible;
height: 5px;
margin-bottom: 25px;
position: relative;
border-radius: 0;
box-shadow: none;
border: none;
background-color: #f5f5f5;
}
.progress-bar{
float: left;
font-size: 14px;
line-height: 24px;
text-align: center;
background-color: var(--colorMain2);
color: inherit;
box-shadow: none;
height: 5px;
transition: width .6s ease;
}
.progress-bar span{
position: absolute;
right: 0;
top: -34px;
font-size: 12px;
font-weight: 700;
letter-spacing: .2em;
}
.progress-title{
font-size: 18px;
font-weight: 300;
line-height: 27px;
}
.progress-level{
font-size: 14px;
font-weight: 500;
letter-spacing: .2em;
float: right;
position: relative;
}
.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;
}
.media:first-child{
margin-top: 0;
}
.media i{
font-size: 14px;
}
.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;
}
a[class*=fa-]:before{
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
}
.small-icons a[class*=fa-]:before{
font-size: 11px;
}
a.social-icon{
font-size: 0;
line-height: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
}
a.social-icon span{
display: block;
font-size: 14px;
text-transform: uppercase;
}
a.social-icon span:first-child{
font-size: 14px;
font-weight: bold;
}
a.social-icon [class*=rt-icon]+span{
font-size: 24px;
margin-top: 8px;
font-weight: bold;
}
a.social-icon + a.social-icon,
.tooltip + a.social-icon{
margin-left: 24px;
}
a.social-icon.bg-icon + a.social-icon.bg-icon,
.tooltip + a.social-icon.bg-icon,
a.social-icon.color-bg-icon + a.social-icon.color-bg-icon,
.tooltip + a.social-icon.color-bg-icon,
a.social-icon.border-icon + a.social-icon.border-icon,
.tooltip + a.social-icon.border-icon{
margin-left: 1px;
}
a.social-icon.block-icon{
width: 100%;
}
a[class*=fa-].rounded-icon{
border-radius: 50%;
}
a.big-icon{
width: 112px;
height: 112px;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
a.big-icon[class*=fa-]:before{
font-size: 32px;
}
a.big-icon [class*=rt-icon]:before{
font-size: 32px;
}
a.color-icon.fa-twitter{
color: #00abef;
}
a.color-icon.fa-telegram{
color: #08c;
}
a.color-icon.fa-facebook{
color: #507cbe;
}
a.color-icon.fa-google{
color: #d93e2d;
}
a.color-icon.fa-pinterest{
color: #c92619;
}
a.color-icon.fa-foursquare{
color: #23b7e0;
}
a.color-icon.fa-yahoo{
color: #6e2a85;
}
a.color-icon.fa-skype{
color: #28abe3;
}
a.color-icon.fa-yelp{
color: #c83218;
}
a.color-icon.fa-feedburner{
color: #fc0;
}
a.color-icon.fa-linkedin{
color: #3371b7;
}
a.color-icon.fa-viadeo{
color: #e4a000;
}
a.color-icon.fa-xing{
color: #005a60;
}
a.color-icon.fa-myspace{
color: #323232;
}
a.color-icon.fa-soundcloud{
color: #fe3801;
}
a.color-icon.fa-spotify{
color: #7bb342;
}
a.color-icon.fa-grooveshark{
color: #f67e03;
}
a.color-icon.fa-lastfm{
color: #d41316;
}
a.color-icon.fa-youtube{
color: #d12121;
}
a.color-icon.fa-vimeo{
color: #51b5e7;
}
a.color-icon.fa-dailymotion{
color: #004e72;
}
a.color-icon.fa-vine{
color: #00b389;
}
a.color-icon.fa-flickr{
color: #0062dd;
}
a.color-icon.fa-500px{
color: #58a9de;
}
a.color-icon.fa-instagram{
color: #e4405f;
}
a.color-icon.fa-wordpress{
color: #464646;
}
a.color-icon.fa-tumblr{
color: #45556c;
}
a.color-icon.fa-blogger{
color: #ec661c;
}
a.color-icon.fa-technorati{
color: #5cb030;
}
a.color-icon.fa-reddit{
color: #e74a1e;
}
a.color-icon.fa-dribbble{
color: #e84d88;
}
a.color-icon.fa-stumbleupon{
color: #e64011;
}
a.color-icon.fa-digg{
color: #1d1d1b;
}
a.color-icon.fa-envato{
color: #597c3a;
}
a.color-icon.fa-behance{
color: #007eff;
}
a.color-icon.fa-delicious{
color: #31a9ff;
}
a.color-icon.fa-deviantart{
color: #c5d200;
}
a.color-icon.fa-forrst{
color: #5b9a68;
}
a.color-icon.fa-play{
color: #5acdbd;
}
a.color-icon.fa-zerply{
color: #9dbc7a;
}
a.color-icon.fa-wikipedia{
color: #000;
}
a.color-icon.fa-apple{
color: #b9bfc1;
}
a.color-icon.fa-flattr{
color: #f67c1a;
}
a.color-icon.fa-github{
color: #221e1b;
}
a.color-icon.fa-chimein{
color: #888688;
}
a.color-icon.fa-friendfeed{
color: #2f72c4;
}
a.color-icon.fa-newsvine{
color: #075b2f;
}
a.color-icon.fa-identica{
color: #000;
}
a.color-icon.fa-bebo{
color: #ef1011;
}
a.color-icon.fa-zynga{
color: #dc0606;
}
a.color-icon.fa-steam{
color: #8f8d8a;
}
a.color-icon.fa-xbox{
color: #92c83e;
}
a.color-icon.fa-windows{
color: #00bdf6;
}
a.color-icon.fa-outlook{
color: #0072c6;
}
a.color-icon.fa-coderwall{
color: #3e8dcc;
}
a.color-icon.fa-tripadvisor{
color: #000;
}
a.color-icon.fa-appnet{
color: #494949;
}
a.color-icon.fa-goodreads{
color: #1abc9c;
}
a.color-icon.fa-tripit{
color: #1982c3;
}
a.color-icon.fa-lanyrd{
color: #3c80c9;
}
a.color-icon.fa-slideshare{
color: #4ba3a6;
}
a.color-icon.fa-buffer{
color: #000;
}
a.color-icon.fa-rss{
color: #f26109;
}
a.color-icon.fa-vkontakte{
color: #5a7fa6;
}
a.color-icon.fa-disqus{
color: #2e9fff;
}
a.color-icon.fa-houzz{
color: #7cc04b;
}
a.color-icon.fa-mail{
color: #000;
}
a.color-icon.fa-patreon{
color: #e44727;
}
a.color-icon.fa-paypal{
color: #009cde;
}
a.color-icon.fa-playstation{
color: #000;
}
a.color-icon.fa-smugmug{
color: #acfd32;
}
a.color-icon.fa-swarm{
color: #fc9d3c;
}
a.color-icon.fa-triplej{
color: #e53531;
}
a.color-icon.fa-yammer{
color: #1175c4;
}
a.color-icon.fa-stackoverflow{
color: #fd9827;
}
a.color-icon.fa-drupal{
color: #00598e;
}
a.color-icon.fa-odnoklassniki{
color: #f48420;
}
a.color-icon.fa-android{
color: #8ec047;
}
a.color-icon.fa-meetup{
color: #e2373c;
}
a.color-icon.fa-persona{
color: #e6753d;
}
a.color-icon.fa-amazon{
color: #f90;
}
a.color-icon.fa-ello{
color: #000;
}
a.color-icon.fa-mixcloud{
color: #314359;
}
a.color-icon.fa-8tracks{
color: #122c4b;
}
a.color-icon.fa-twitch{
color: #6441a5;
}
a.color-icon.fa-airbnb{
color: #ff5a5f;
}
a.color-icon.fa-pocket{
color: #ed4055;
}
a.social-icon.social-icon-facebook:hover svg{
fill: #507cbe;
}
a.social-icon.social-icon-twitter:hover svg{
fill: #08c;
}
a.social-icon.social-icon-youtube:hover svg{
fill: #d12121;
}
a.social-icon.social-icon-instagram:hover svg{
fill: #e4405f;
}
a.social-icon.social-icon-pinterest:hover svg{
fill: #c92619;
}
a.social-icon.social-icon-linkedin:hover svg{
fill: #3371b7;
}
a.social-icon.social-icon-github:hover svg{
fill: #221e1b;
}
a[class*=fa-].fa-twitter:hover{
color: #00abef;
border-color: #00abef;
}
a[class*=fa-].fa-telegram:hover{
color: #08c;
border-color: #08c;
}
a[class*=fa-].fa-facebook:hover{
color: #507cbe;
border-color: #507cbe;
}
a[class*=fa-].fa-google:hover{
color: #d93e2d;
border-color: #d93e2d;
}
a[class*=fa-].fa-pinterest:hover{
color: #c92619;
border-color: #c92619;
}
a[class*=fa-].fa-foursquare:hover{
color: #23b7e0;
border-color: #23b7e0;
}
a[class*=fa-].fa-yahoo:hover{
color: #6e2a85;
border-color: #6e2a85;
}
a[class*=fa-].fa-skype:hover{
color: #28abe3;
border-color: #28abe3;
}
a[class*=fa-].fa-yelp:hover{
color: #c83218;
border-color: #c83218;
}
a[class*=fa-].fa-feedburner:hover{
color: #fc0;
border-color: #fc0;
}
a[class*=fa-].fa-linkedin:hover{
color: #3371b7;
border-color: #3371b7;
}
a[class*=fa-].fa-viadeo:hover{
color: #e4a000;
border-color: #e4a000;
}
a[class*=fa-].fa-xing:hover{
color: #005a60;
border-color: #005a60;
}
a[class*=fa-].fa-myspace:hover{
color: #323232;
border-color: #323232;
}
a[class*=fa-].fa-soundcloud:hover{
color: #fe3801;
border-color: #fe3801;
}
a[class*=fa-].fa-spotify:hover{
color: #7bb342;
border-color: #7bb342;
}
a[class*=fa-].fa-grooveshark:hover{
color: #f67e03;
border-color: #f67e03;
}
a[class*=fa-].fa-lastfm:hover{
color: #d41316;
border-color: #d41316;
}
a[class*=fa-].fa-youtube:hover{
color: #d12121;
border-color: #d12121;
}
a[class*=fa-].fa-vimeo:hover{
color: #51b5e7;
border-color: #51b5e7;
}
a[class*=fa-].fa-dailymotion:hover{
color: #004e72;
border-color: #004e72;
}
a[class*=fa-].fa-vine:hover{
color: #00b389;
border-color: #00b389;
}
a[class*=fa-].fa-flickr:hover{
color: #0062dd;
border-color: #0062dd;
}
a[class*=fa-].fa-500px:hover{
color: #58a9de;
border-color: #58a9de;
}
a[class*=fa-].fa-instagram:hover{
color: #e4405f;
border-color: #e4405f;
}
a[class*=fa-].fa-wordpress:hover{
color: #464646;
border-color: #464646;
}
a[class*=fa-].fa-tumblr:hover{
color: #45556c;
border-color: #45556c;
}
a[class*=fa-].fa-blogger:hover{
color: #ec661c;
border-color: #ec661c;
}
a[class*=fa-].fa-technorati:hover{
color: #5cb030;
border-color: #5cb030;
}
a[class*=fa-].fa-reddit:hover{
color: #e74a1e;
border-color: #e74a1e;
}
a[class*=fa-].fa-dribbble:hover{
color: #e84d88;
border-color: #e84d88;
}
a[class*=fa-].fa-stumbleupon:hover{
color: #e64011;
border-color: #e64011;
}
a[class*=fa-].fa-digg:hover{
color: #1d1d1b;
border-color: #1d1d1b;
}
a[class*=fa-].fa-envato:hover{
color: #597c3a;
border-color: #597c3a;
}
a[class*=fa-].fa-behance:hover{
color: #007eff;
border-color: #007eff;
}
a[class*=fa-].fa-delicious:hover{
color: #31a9ff;
border-color: #31a9ff;
}
a[class*=fa-].fa-deviantart:hover{
color: #c5d200;
border-color: #c5d200;
}
a[class*=fa-].fa-forrst:hover{
color: #5b9a68;
border-color: #5b9a68;
}
a[class*=fa-].fa-play:hover{
color: #5acdbd;
border-color: #5acdbd;
}
a[class*=fa-].fa-zerply:hover{
color: #9dbc7a;
border-color: #9dbc7a;
}
a[class*=fa-].fa-wikipedia:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-apple:hover{
color: #b9bfc1;
border-color: #b9bfc1;
}
a[class*=fa-].fa-flattr:hover{
color: #f67c1a;
border-color: #f67c1a;
}
a[class*=fa-].fa-github:hover{
color: #221e1b;
border-color: #221e1b;
}
a[class*=fa-].fa-chimein:hover{
color: #888688;
border-color: #888688;
}
a[class*=fa-].fa-friendfeed:hover{
color: #2f72c4;
border-color: #2f72c4;
}
a[class*=fa-].fa-newsvine:hover{
color: #075b2f;
border-color: #075b2f;
}
a[class*=fa-].fa-identica:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-bebo:hover{
color: #ef1011;
border-color: #ef1011;
}
a[class*=fa-].fa-zynga:hover{
color: #dc0606;
border-color: #dc0606;
}
a[class*=fa-].fa-steam:hover{
color: #8f8d8a;
border-color: #8f8d8a;
}
a[class*=fa-].fa-xbox:hover{
color: #92c83e;
border-color: #92c83e;
}
a[class*=fa-].fa-windows:hover{
color: #00bdf6;
border-color: #00bdf6;
}
a[class*=fa-].fa-outlook:hover{
color: #0072c6;
border-color: #0072c6;
}
a[class*=fa-].fa-coderwall:hover{
color: #3e8dcc;
border-color: #3e8dcc;
}
a[class*=fa-].fa-tripadvisor:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-appnet:hover{
color: #494949;
border-color: #494949;
}
a[class*=fa-].fa-goodreads:hover{
color: #1abc9c;
border-color: #1abc9c;
}
a[class*=fa-].fa-tripit:hover{
color: #1982c3;
border-color: #1982c3;
}
a[class*=fa-].fa-lanyrd:hover{
color: #3c80c9;
border-color: #3c80c9;
}
a[class*=fa-].fa-slideshare:hover{
color: #4ba3a6;
border-color: #4ba3a6;
}
a[class*=fa-].fa-buffer:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-rss:hover{
color: #f26109;
border-color: #f26109;
}
a[class*=fa-].fa-vkontakte:hover{
color: #5a7fa6;
border-color: #5a7fa6;
}
a[class*=fa-].fa-disqus:hover{
color: #2e9fff;
border-color: #2e9fff;
}
a[class*=fa-].fa-houzz:hover{
color: #7cc04b;
border-color: #7cc04b;
}
a[class*=fa-].fa-mail:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-patreon:hover{
color: #e44727;
border-color: #e44727;
}
a[class*=fa-].fa-paypal:hover{
color: #009cde;
border-color: #009cde;
}
a[class*=fa-].fa-playstation:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-smugmug:hover{
color: #acfd32;
border-color: #acfd32;
}
a[class*=fa-].fa-swarm:hover{
color: #fc9d3c;
border-color: #fc9d3c;
}
a[class*=fa-].fa-triplej:hover{
color: #e53531;
border-color: #e53531;
}
a[class*=fa-].fa-yammer:hover{
color: #1175c4;
border-color: #1175c4;
}
a[class*=fa-].fa-stackoverflow:hover{
color: #fd9827;
border-color: #fd9827;
}
a[class*=fa-].fa-drupal:hover{
color: #00598e;
border-color: #00598e;
}
a[class*=fa-].fa-odnoklassniki:hover{
color: #f48420;
border-color: #f48420;
}
a[class*=fa-].fa-android:hover{
color: #8ec047;
border-color: #8ec047;
}
a[class*=fa-].fa-meetup:hover{
color: #e2373c;
border-color: #e2373c;
}
a[class*=fa-].fa-persona:hover{
color: #e6753d;
border-color: #e6753d;
}
a[class*=fa-].fa-amazon:hover{
color: #f90;
border-color: #f90;
}
a[class*=fa-].fa-ello:hover{
color: #000;
border-color: #000;
}
a[class*=fa-].fa-mixcloud:hover{
color: #314359;
border-color: #314359;
}
a[class*=fa-].fa-8tracks:hover{
color: #122c4b;
border-color: #122c4b;
}
a[class*=fa-].fa-twitch:hover{
color: #6441a5;
border-color: #6441a5;
}
a[class*=fa-].fa-airbnb:hover{
color: #ff5a5f;
border-color: #ff5a5f;
}
a[class*=fa-].fa-pocket:hover{
color: #ed4055;
border-color: #ed4055;
}
.color-bg-icon{
color: #fff;
}
.color-bg-icon.fa-twitter,
a.fa-twitter.bg-icon:hover,
.fa-twitter.color-icon.border-icon:hover{
background-color: #00abef;
}
.color-bg-icon.fa-telegram,
a.fa-telegram.bg-icon:hover,
.fa-telegram.color-icon.border-icon:hover{
background-color: #08c;
}
.color-bg-icon.fa-facebook,
a.fa-facebook.bg-icon:hover,
.fa-facebook.color-icon.border-icon:hover{
background-color: #507cbe;
}
.color-bg-icon.fa-google,
a.fa-google.bg-icon:hover,
.fa-google.color-icon.border-icon:hover{
background-color: #d93e2d;
}
.color-bg-icon.fa-pinterest,
a.fa-pinterest.bg-icon:hover,
.fa-pinterest.color-icon.border-icon:hover{
background-color: #c92619;
}
.color-bg-icon.fa-foursquare,
a.fa-foursquare.bg-icon:hover,
.fa-foursquare.color-icon.border-icon:hover{
background-color: #23b7e0;
}
.color-bg-icon.fa-yahoo,
a.fa-yahoo.bg-icon:hover,
.fa-yahoo.color-icon.border-icon:hover{
background-color: #6e2a85;
}
.color-bg-icon.fa-skype,
a.fa-skype.bg-icon:hover,
.fa-skype.color-icon.border-icon:hover{
background-color: #28abe3;
}
.color-bg-icon.fa-yelp,
a.fa-yelp.bg-icon:hover,
.fa-yelp.color-icon.border-icon:hover{
background-color: #c83218;
}
.color-bg-icon.fa-feedburner,
a.fa-feedburner.bg-icon:hover,
.fa-feedburner.color-icon.border-icon:hover{
background-color: #fc0;
}
.color-bg-icon.fa-linkedin,
a.fa-linkedin.bg-icon:hover,
.fa-linkedin.color-icon.border-icon:hover{
background-color: #3371b7;
}
.color-bg-icon.fa-viadeo,
a.fa-viadeo.bg-icon:hover,
.fa-viadeo.color-icon.border-icon:hover{
background-color: #e4a000;
}
.color-bg-icon.fa-xing,
a.fa-xing.bg-icon:hover,
.fa-xing.color-icon.border-icon:hover{
background-color: #005a60;
}
.color-bg-icon.fa-myspace,
a.fa-myspace.bg-icon:hover,
.fa-myspace.color-icon.border-icon:hover{
background-color: #323232;
}
.color-bg-icon.fa-soundcloud,
a.fa-soundcloud.bg-icon:hover,
.fa-soundcloud.color-icon.border-icon:hover{
background-color: #fe3801;
}
.color-bg-icon.fa-spotify,
a.fa-spotify.bg-icon:hover,
.fa-spotify.color-icon.border-icon:hover{
background-color: #7bb342;
}
.color-bg-icon.fa-grooveshark,
a.fa-grooveshark.bg-icon:hover,
.fa-grooveshark.color-icon.border-icon:hover{
background-color: #f67e03;
}
.color-bg-icon.fa-lastfm,
a.fa-lastfm.bg-icon:hover,
.fa-lastfm.color-icon.border-icon:hover{
background-color: #d41316;
}
.color-bg-icon.fa-youtube,
a.fa-youtube.bg-icon:hover,
.fa-youtube.color-icon.border-icon:hover{
background-color: #d12121;
}
.color-bg-icon.fa-vimeo,
a.fa-vimeo.bg-icon:hover,
.fa-vimeo.color-icon.border-icon:hover{
background-color: #51b5e7;
}
.color-bg-icon.fa-dailymotion,
a.fa-dailymotion.bg-icon:hover,
.fa-dailymotion.color-icon.border-icon:hover{
background-color: #004e72;
}
.color-bg-icon.fa-vine,
a.fa-vine.bg-icon:hover,
.fa-vine.color-icon.border-icon:hover{
background-color: #00b389;
}
.color-bg-icon.fa-flickr,
a.fa-flickr.bg-icon:hover,
.fa-flickr.color-icon.border-icon:hover{
background-color: #0062dd;
}
.color-bg-icon.fa-500px,
a.fa-500px.bg-icon:hover,
.fa-500px.color-icon.border-icon:hover{
background-color: #58a9de;
}
.color-bg-icon.fa-instagram,
a.fa-instagram.bg-icon:hover,
.fa-instagram.color-icon.border-icon:hover{
background-color: #e4405f;
}
.color-bg-icon.fa-wordpress,
a.fa-wordpress.bg-icon:hover,
.fa-wordpress.color-icon.border-icon:hover{
background-color: #464646;
}
.color-bg-icon.fa-tumblr,
a.fa-tumblr.bg-icon:hover,
.fa-tumblr.color-icon.border-icon:hover{
background-color: #45556c;
}
.color-bg-icon.fa-blogger,
a.fa-blogger.bg-icon:hover,
.fa-blogger.color-icon.border-icon:hover{
background-color: #ec661c;
}
.color-bg-icon.fa-technorati,
a.fa-technorati.bg-icon:hover,
.fa-technorati.color-icon.border-icon:hover{
background-color: #5cb030;
}
.color-bg-icon.fa-reddit,
a.fa-reddit.bg-icon:hover,
.fa-reddit.color-icon.border-icon:hover{
background-color: #e74a1e;
}
.color-bg-icon.fa-dribbble,
a.fa-dribbble.bg-icon:hover,
.fa-dribbble.color-icon.border-icon:hover{
background-color: #e84d88;
}
.color-bg-icon.fa-stumbleupon,
a.fa-stumbleupon.bg-icon:hover,
.fa-stumbleupon.color-icon.border-icon:hover{
background-color: #e64011;
}
.color-bg-icon.fa-digg,
a.fa-digg.bg-icon:hover,
.fa-digg.color-icon.border-icon:hover{
background-color: #1d1d1b;
}
.color-bg-icon.fa-envato,
a.fa-envato.bg-icon:hover,
.fa-envato.color-icon.border-icon:hover{
background-color: #597c3a;
}
.color-bg-icon.fa-behance,
a.fa-behance.bg-icon:hover,
.fa-behance.color-icon.border-icon:hover{
background-color: #007eff;
}
.color-bg-icon.fa-delicious,
a.fa-delicious.bg-icon:hover,
.fa-delicious.color-icon.border-icon:hover{
background-color: #31a9ff;
}
.color-bg-icon.fa-deviantart,
a.fa-deviantart.bg-icon:hover,
.fa-deviantart.color-icon.border-icon:hover{
background-color: #c5d200;
}
.color-bg-icon.fa-forrst,
a.fa-forrst.bg-icon:hover,
.fa-forrst.color-icon.border-icon:hover{
background-color: #5b9a68;
}
.color-bg-icon.fa-play,
a.fa-play.bg-icon:hover,
.fa-play.color-icon.border-icon:hover{
background-color: #5acdbd;
}
.color-bg-icon.fa-zerply,
a.fa-zerply.bg-icon:hover,
.fa-zerply.color-icon.border-icon:hover{
background-color: #9dbc7a;
}
.color-bg-icon.fa-wikipedia,
a.fa-wikipedia.bg-icon:hover,
.fa-wikipedia.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-apple,
a.fa-apple.bg-icon:hover,
.fa-apple.color-icon.border-icon:hover{
background-color: #b9bfc1;
}
.color-bg-icon.fa-flattr,
a.fa-flattr.bg-icon:hover,
.fa-flattr.color-icon.border-icon:hover{
background-color: #f67c1a;
}
.color-bg-icon.fa-github,
a.fa-github.bg-icon:hover,
.fa-github.color-icon.border-icon:hover{
background-color: #221e1b;
}
.color-bg-icon.fa-chimein,
a.fa-chimein.bg-icon:hover,
.fa-chimein.color-icon.border-icon:hover{
background-color: #888688;
}
.color-bg-icon.fa-friendfeed,
a.fa-friendfeed.bg-icon:hover,
.fa-friendfeed.color-icon.border-icon:hover{
background-color: #2f72c4;
}
.color-bg-icon.fa-newsvine,
a.fa-newsvine.bg-icon:hover,
.fa-newsvine.color-icon.border-icon:hover{
background-color: #075b2f;
}
.color-bg-icon.fa-identica,
a.fa-identica.bg-icon:hover,
.fa-identica.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-bebo,
a.fa-bebo.bg-icon:hover,
.fa-bebo.color-icon.border-icon:hover{
background-color: #ef1011;
}
.color-bg-icon.fa-zynga,
a.fa-zynga.bg-icon:hover,
.fa-zynga.color-icon.border-icon:hover{
background-color: #dc0606;
}
.color-bg-icon.fa-steam,
a.fa-steam.bg-icon:hover,
.fa-steam.color-icon.border-icon:hover{
background-color: #8f8d8a;
}
.color-bg-icon.fa-xbox,
a.fa-xbox.bg-icon:hover,
.fa-xbox.color-icon.border-icon:hover{
background-color: #92c83e;
}
.color-bg-icon.fa-windows,
a.fa-windows.bg-icon:hover,
.fa-windows.color-icon.border-icon:hover{
background-color: #00bdf6;
}
.color-bg-icon.fa-outlook,
a.fa-outlook.bg-icon:hover,
.fa-outlook.color-icon.border-icon:hover{
background-color: #0072c6;
}
.color-bg-icon.fa-coderwall,
a.fa-coderwall.bg-icon:hover,
.fa-coderwall.color-icon.border-icon:hover{
background-color: #3e8dcc;
}
.color-bg-icon.fa-tripadvisor,
a.fa-tripadvisor.bg-icon:hover,
.fa-tripadvisor.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-appnet,
a.fa-appnet.bg-icon:hover,
.fa-appnet.color-icon.border-icon:hover{
background-color: #494949;
}
.color-bg-icon.fa-goodreads,
a.fa-goodreads.bg-icon:hover,
.fa-goodreads.color-icon.border-icon:hover{
background-color: #1abc9c;
}
.color-bg-icon.fa-tripit,
a.fa-tripit.bg-icon:hover,
.fa-tripit.color-icon.border-icon:hover{
background-color: #1982c3;
}
.color-bg-icon.fa-lanyrd,
a.fa-lanyrd.bg-icon:hover,
.fa-lanyrd.color-icon.border-icon:hover{
background-color: #3c80c9;
}
.color-bg-icon.fa-slideshare,
a.fa-slideshare.bg-icon:hover,
.fa-slideshare.color-icon.border-icon:hover{
background-color: #4ba3a6;
}
.color-bg-icon.fa-buffer,
a.fa-buffer.bg-icon:hover,
.fa-buffer.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-rss,
a.fa-rss.bg-icon:hover,
.fa-rss.color-icon.border-icon:hover{
background-color: #f26109;
}
.color-bg-icon.fa-vkontakte,
a.fa-vkontakte.bg-icon:hover,
.fa-vkontakte.color-icon.border-icon:hover{
background-color: #5a7fa6;
}
.color-bg-icon.fa-disqus,
a.fa-disqus.bg-icon:hover,
.fa-disqus.color-icon.border-icon:hover{
background-color: #2e9fff;
}
.color-bg-icon.fa-houzz,
a.fa-houzz.bg-icon:hover,
.fa-houzz.color-icon.border-icon:hover{
background-color: #7cc04b;
}
.color-bg-icon.fa-mail,
a.fa-mail.bg-icon:hover,
.fa-mail.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-patreon,
a.fa-patreon.bg-icon:hover,
.fa-patreon.color-icon.border-icon:hover{
background-color: #e44727;
}
.color-bg-icon.fa-paypal,
a.fa-paypal.bg-icon:hover,
.fa-paypal.color-icon.border-icon:hover{
background-color: #009cde;
}
.color-bg-icon.fa-playstation,
a.fa-playstation.bg-icon:hover,
.fa-playstation.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-smugmug,
a.fa-smugmug.bg-icon:hover,
.fa-smugmug.color-icon.border-icon:hover{
background-color: #acfd32;
}
.color-bg-icon.fa-swarm,
a.fa-swarm.bg-icon:hover,
.fa-swarm.color-icon.border-icon:hover{
background-color: #fc9d3c;
}
.color-bg-icon.fa-triplej,
a.fa-triplej.bg-icon:hover,
.fa-triplej.color-icon.border-icon:hover{
background-color: #e53531;
}
.color-bg-icon.fa-yammer,
a.fa-yammer.bg-icon:hover,
.fa-yammer.color-icon.border-icon:hover{
background-color: #1175c4;
}
.color-bg-icon.fa-stackoverflow,
a.fa-stackoverflow.bg-icon:hover,
.fa-stackoverflow.color-icon.border-icon:hover{
background-color: #fd9827;
}
.color-bg-icon.fa-drupal,
a.fa-drupal.bg-icon:hover,
.fa-drupal.color-icon.border-icon:hover{
background-color: #00598e;
}
.color-bg-icon.fa-odnoklassniki,
a.fa-odnoklassniki.bg-icon:hover,
.fa-odnoklassniki.color-icon.border-icon:hover{
background-color: #f48420;
}
.color-bg-icon.fa-android,
a.fa-android.bg-icon:hover,
.fa-android.color-icon.border-icon:hover{
background-color: #8ec047;
}
.color-bg-icon.fa-meetup,
a.fa-meetup.bg-icon:hover,
.fa-meetup.color-icon.border-icon:hover{
background-color: #e2373c;
}
.color-bg-icon.fa-persona,
a.fa-persona.bg-icon:hover,
.fa-persona.color-icon.border-icon:hover{
background-color: #e6753d;
}
.color-bg-icon.fa-amazon,
a.fa-amazon.bg-icon:hover,
.fa-amazon.color-icon.border-icon:hover{
background-color: #f90;
}
.color-bg-icon.fa-ello,
a.fa-ello.bg-icon:hover,
.fa-ello.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-mixcloud,
a.fa-mixcloud.bg-icon:hover,
.fa-mixcloud.color-icon.border-icon:hover{
background-color: #314359;
}
.color-bg-icon.fa-8tracks,
a.fa-8tracks.bg-icon:hover,
.fa-8tracks.color-icon.border-icon:hover{
background-color: #122c4b;
}
.color-bg-icon.fa-twitch,
a.fa-twitch.bg-icon:hover,
.fa-twitch.color-icon.border-icon:hover{
background-color: #6441a5;
}
.color-bg-icon.fa-airbnb,
a.fa-airbnb.bg-icon:hover,
.fa-airbnb.color-icon.border-icon:hover{
background-color: #ff5a5f;
}
.color-bg-icon.fa-pocket,
a.fa-pocket.bg-icon:hover,
.fa-pocket.color-icon.border-icon:hover{
background-color: #ed4055;
}
a.social-icon{
color: var(--colorFont);
}
a.border-icon{
border: 1px solid rgba(0, 0, 0, .1);
padding: 11px 13px;
margin-bottom: 4px;
border-radius: 3px;
}
a.border-icon:before{
font-size: 12px;
line-height: 16px;
}
a.bg-icon{
color: var(--colorLight);
background-color: var(--colorFont);
padding: 11px 13px 12px;
margin-bottom: 4px;
}
a.bg-icon:before{
font-size: 12px;
line-height: 16px;
}
a.social-icon.color-icon:hover{
color: var(--colorDarkGrey);
}
a.social-icon.bg-icon:hover{
color: var(--colorLight);
}
a.color-bg-icon{
color: var(--colorLight);
background-color: var(--colorDarkGrey);
margin-bottom: 4px;
padding: 11px 13px 12px;
}
a.color-bg-icon:before{
font-size: 12px;
line-height: 16px;
}
a.social-icon.color-bg-icon:hover{
background-color: var(--colorBackground);
}
a.color-icon:hover{
color: var(--colorDarkGrey);
}
a.color-icon.border-icon:hover{
color: var(--colorLight);
background-color: var(--colorMain);
border-color: rgba(0, 0, 0, 0);
}
.demo-icon{
display: inline-block;
text-align: center;
border-bottom: 1px solid var(--colorBorder);
padding: 15px 20px 30px;
margin-bottom: 30px;
}
.demo-icon span{
display: block;
}
.demo-icon .name{
font-size: 1.01em;
font-weight: 700;
}
.demo-icon a[class*=fa-]{
margin: 10px 0 0;
}
.demo-icon a[class*=fa-]:before{
font-size: 24px;
}
[class*=fa-].text-icon:before{
display: none;
}
#tribe-events,
#tribe-events-pg-template,
.tribe-events-pg-template{
padding: 0;
}
h2.tribe-events-list-separator-month,
#tribe-events-header,
.tribe-events-title-bar,
#tribe-events-footer,
.tribe-events-ical.tribe-events-button{
display: none !important;
}
.tribe-events-list .type-tribe_events,
.tribe-events-loop .type-tribe_events.tribe-events-last,
.tribe-events-list .type-tribe_events.tribe-events-first{
border: 2px solid var(--colorBorder);
display: block;
border-radius: 5px;
padding: 0;
}
@media (max-width: 768px) {
.tribe-events-list .type-tribe_events,
.tribe-events-loop .type-tribe_events.tribe-events-last,
.tribe-events-list .type-tribe_events.tribe-events-first{
max-width: 470px;
margin: 0 auto;
}
}
#tribe-events .tribe-events-content p,
.tribe-events-after-html p,
.tribe-events-before-html p{
display: inline;
}
.tribe-events-loop .type-tribe_events.tribe-events-first,
.tribe-events-loop .type-tribe_events,
.tribe-events-list .type-tribe_events.tribe-events-first,
.tribe-events-list .type-tribe_events{
margin-bottom: 20px;
}
.tribe-events-loop .type-tribe_events.tribe-events-last,
.tribe-events-list .type-tribe_events.tribe-events-last{
margin-bottom: 0;
}
.wp-block-group.d-flex .wp-block-group__inner-container{
display: flex;
flex-direction: column;
justify-content: center;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-list-event-title{
font-size: 20px;
color: var(--colorMain3);
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-list-event-title:hover{
color: var(--colorMain2);
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-event-meta{
line-height: 1;
margin: 0;
margin-bottom: 20px;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-event-date-end{
display: none;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-event-cost span{
border: 1px solid var(--colorBorder);
border-radius: 3px;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content{
padding: 0;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content p{
line-height: 24px !important;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content a.tribe-events-read-more{
color: var(--colorMain2);
font-weight: 700;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content a.tribe-events-read-more:hover{
color: var(--colorMain3);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .highlight2{
color: var(--colorMain);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .tribe-events-list-event-title:hover{
color: var(--colorMain);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .tribe-events-content a.tribe-events-read-more{
color: var(--colorMain);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .tribe-events-content a.tribe-events-read-more:hover{
color: var(--colorMain3);
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image{
width: 100%;
float: none;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image a img{
border-radius: 5px 0 0 5px;
display: block;
}
@media (min-width: 768px) {
.tribe-events-list .tribe-events-loop .tribe-events-event-image{
width: 41.66666667%;
float: left;
margin: -2px;
}
}
@media (max-width: 768px) {
.tribe-events-loop .tribe-events-content{
float: none;
}
}
.type-tribe_events .item-content{
padding: 20px;
float: none;
width: 100%;
}
@media (min-width: 400px) {
.type-tribe_events .item-content{
padding: 35px;
}
}
@media (min-width: 768px) {
.type-tribe_events .item-content{
width: 58.33333333%;
float: left;
}
}
.type-tribe_events .item-content .tribe-events-venue-details .tribe-address{
display: none;
}
.type-tribe_events .item-content .tribe-events-event-meta{
font-size: 12px;
}
.type-tribe_events .item-content .tribe-events-event-meta .author.location{
display: flex;
justify-content: space-between;
align-items: center;
}
.type-tribe_events .item-content .tribe-events-event-meta .author.location .tribe-events-venue-details{
margin: 0;
}
@media (max-width: 768px) {
.tribe-events-loop .tribe-events-event-meta{
background: rgba(0, 0, 0, 0);
border: none;
padding: 0;
}
.tribe-events-list .time-details,
.tribe-events-list .tribe-event-schedule-details{
padding: 0;
}
.tribe-events-list .tribe-events-venue-details{
border: none;
padding: 0;
}
.tribe-events-list .tribe-events-event-image img{
max-height: 470px;
}
}
.tribe-events-back,
h1.tribe-events-single-event-title{
display: none;
}
#tribe-events-content .tribe_events.type-tribe_events{
border: 1px solid var(--colorBorder);
border-radius: 5px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-image{
margin: -1px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-image img{
border-radius: 5px 5px 0 0;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-schedule__datetime{
margin-bottom: 10px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-schedule__datetime span{
font-size: 16px;
color: var(--colorDarkGrey);
}
#tribe-events-content .tribe_events.type-tribe_events .item-content{
width: 100%;
float: none;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map{
display: flex;
flex-direction: column-reverse;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map > div{
width: 100%;
flex-basis: 100%;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map{
margin-bottom: 20px;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__name{
font-size: 20px;
}
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: nowrap;
}
@media (max-width: 767px) {
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container{
flex-wrap: wrap;
}
}
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-block.tribe-block__events-link{
width: 50%;
justify-content: end;
}
@media (max-width: 767px) {
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-block.tribe-block__events-link{
width: 100%;
justify-content: start;
margin: 4px 0 16px;
}
}
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-events-event-meta{
width: 50%;
}
@media (max-width: 767px) {
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-events-event-meta{
width: 100%;
}
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta{
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 0;
margin: 0;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta .column,
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta .tribe-events-meta-group{
padding: 0;
width: 100%;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta .tribe-events-meta-group-details{
padding: 0;
width: 100%;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta h3.tribe-events-single-section-title{
display: none;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl{
font-size: 16px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl dt{
color: var(--colorDarkGrey);
display: block;
float: left;
line-height: 24px;
margin-right: 4px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl dd{
line-height: 24px;
display: block;
margin: 0;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl dd abbr[title]{
text-decoration: none;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-gcal a,
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a{
align-items: baseline;
background-color: var(--colorMain2);
border: 2px solid var(--colorMain2);
border-radius: 5px;
color: var(--colorLight);
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1;
margin-top: 0;
margin-bottom: 4px;
margin-right: 5px;
padding: 3px 5px 2px;
position: relative;
text-align: center;
min-width: auto;
min-height: 0;
transition: all .4s linear 0s;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-gcal a img,
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a img{
display: none;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-gcal a:hover,
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorMain2);
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a{
background-color: var(--colorDarkGrey);
border: 2px solid var(--colorDarkGrey);
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDarkGrey);
}
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website{
font-size: 16px;
color: var(--colorFont);
line-height: 24px;
}
.slider-topline{
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
}
@media (min-width: 1200px) {
.slider-topline{
position: absolute;
z-index: 3;
right: 0;
left: 0;
}
}
.slider-topline .slider-topline-wrap{
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.slider-topline .slider-topline-wrap{
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 767px) {
.slider-topline .slider-topline-wrap .inline-teasers-wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline{
margin-right: 26px;
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline{
min-width: 270px;
}
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .svg-icon{
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
text-align: center;
border: 2px solid var(--colorMain);
border-radius: 50%;
font-size: 14px;
transition: all .2s ease-in-out 0s;
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .svg-icon:hover{
-webkit-animation: scaleDisappear .5s;
animation: scaleDisappear .5s;
}
@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);
}
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .body .title{
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 0;
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .body .text{
font-size: 14px;
font-weight: 300;
line-height: 1.2;
color: #cbcbcb;
}
.slider-topline .slider-topline-button{
display: flex;
align-items: center;
}
.slider-topline .slider-topline-button .theme_button{
margin: 0;
}
.header-absolute-wrap + .page_slider.intro_section .slide_description_wrapper{
padding-top: 80px;
}
.page_slider.intro_section{
position: relative;
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;
}
.page_slider.intro_section .pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
.page_slider.intro_section .delay-2s{
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.page_slider.intro_section .delay-3s{
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.page_slider.intro_section .delay-4s{
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
@keyframes pullUp {
0%{
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
opacity: 0;
}
40%{
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
60%{
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80%{
-webkit-transform: scaleY(1.01);
transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
opacity: 1;
}
80%{
-webkit-transform: scaleY(1.01);
transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes pullUp {
0%{
-webkit-transform: scaleY(0.1);
opacity: 0;
}
40%{
-webkit-transform: scaleY(1.02);
}
60%{
-webkit-transform: scaleY(0.98);
}
80%{
-webkit-transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(0.98);
opacity: 1;
}
80%{
-webkit-transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(1);
}
}
.page_slider.intro_section .flexslider .slides > li{
position: relative;
}
.page_slider.intro_section li .slide-top-heading{
font-weight: 400;
margin-bottom: 0;
font-size: 35px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.page_slider.intro_section li .slide-top-heading{
font-size: 50px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section li .slide-top-heading{
font-size: 90px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section li .slide-top-heading{
font-size: 150px;
}
}
.page_slider.intro_section li .dotted_divider{
background-image: -webkit-repeating-radial-gradient(center center, var(--colorLight), var(--colorLight) 2px, transparent 2px, transparent 100%);
background-color: rgba(0, 0, 0, 0);
max-width: 40%;
background-size: 16px 16px;
margin: 4% auto;
margin-left: 0 !important;
height: 4px;
background-position: center;
}
.page_slider.intro_section li.text-right .dotted_divider{
margin-right: 0 !important;
margin-left: auto !important;
}
.page_slider.intro_section li.text-center .dotted_divider{
margin-left: auto !important;
}
.page_slider.intro_section li.l .dotted_divider{
background-image: -webkit-repeating-radial-gradient(center center, var(--colorDarkGrey), var(--colorDarkGrey) 2px, transparent 2px, transparent 100%);
}
.page_slider.intro_section li .slide-heading{
font-size: 25px;
}
@media (min-width: 1200px) {
.page_slider.intro_section li .slide-heading{
font-size: 45px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section li .slide-heading{
font-size: 35px;
}
}
.page_slider.intro_section li .slide-description{
font-weight: 300;
margin-bottom: 2em;
}
.page_slider.intro_section li .theme_button{
margin-top: 1em;
}
.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.i img{
opacity: .3;
}
.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 .flexslider li img{
min-height: 100vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1199px) {
.page_slider.intro_section .flexslider li img{
min-height: 600px;
}
}
@media (max-width: 767px) {
.page_slider.intro_section .flexslider li img{
min-height: 500px;
}
}
.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 .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;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .slide_description_wrapper{
text-align: center;
}
}
@media (max-width: 1350px) {
.page_slider.intro_section .slide_description_wrapper{
display: flex;
align-items: center;
justify-content: center;
}
}
.page_slider.intro_section .slide_description{
font-size: 16px;
}
@media (min-width: 992px) {
.page_slider.intro_section .slide_description{
font-size: 20px;
line-height: 30px;
}
}
.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;
}
.page_slider.intro_section .flex-control-nav{
position: absolute;
bottom: 25px;
}
.page_slider.intro_section .flex-control-nav.flex-control-paging li a{
border: 2px solid var(--colorLight);
}
.page_slider.intro_section .flex-control-nav.flex-control-paging li a.flex-active,
.page_slider.intro_section .flex-control-nav.flex-control-paging li a:hover{
background-color: var(--colorLight);
}
@media (min-width: 1450px) {
.page_slider.intro_section .flex-control-nav{
bottom: 8%;
}
}
@media (min-width: 992px) {
.page_slider.intro_section h2.slide-heading{
font-size: 40px;
line-height: 1;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section h2.slide-heading{
font-size: 60px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section h4.slide-pre-heading{
font-size: 40px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section h4.slide-pre-heading{
font-size: 60px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section li .slide-description{
font-size: 18px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section li .slide-description{
font-size: 20px;
}
}
@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: 640px) {
.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: 70px 80px;
}
}
@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 (min-width: 1200px) {
.page_slider.intro_section .slide_description_wrapper{
padding-top: 140px;
}
}
.page_slider.intro_section .flexslider .flex-control-nav{
right: 0;
}
.page_slider.intro_section .flexslider .flex-direction-nav{
display: none !important;
opacity: 0;
transition: all .5s ease-in-out;
}
@media (min-width: 1600px) {
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev{
left: 30px;
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next{
right: 30px;
}
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev,
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next{
min-width: 70px;
min-height: 70px;
border-radius: 50%;
overflow: hidden;
background: rgba(0, 0, 0, .1);
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev::before,
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next::before{
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #fff;
border-color: var(--colorLight);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 4px;
transition: all .4s linear 0s;
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev:hover::before,
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next:hover::before{
border-color: var(--colorMain);
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next::before{
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #fff;
border-color: var(--colorLight);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: -2px;
}
@media (max-width: 767px) {
.page_slider.intro_section .flexslider .flex-direction-nav{
display: none;
}
}
.page_slider.intro_section .flexslider:hover .flex-direction-nav{
opacity: 1;
}
.scroll-icon{
visibility: visible !important;
position: absolute;
bottom: 9%;
left: 50%;
font-size: 15px;
text-transform: uppercase;
text-align: center;
z-index: 10;
-webkit-animation: intro-scroll .5s linear, floating 1.5s infinite;
animation: intro-scroll .5s linear, floating 1.5s infinite;
}
.scroll-icon .intro-scroll{
animation-name: intro-scroll;
-webkit-animation-name: intro-scroll;
animation-duration: .5s;
-webkit-animation-duration: .5s;
animation-iteration-count: linear;
-webkit-animation-iteration-count: linear;
}
@-webkit-keyframes intro-scroll {
0%{
bottom: 12%;
opacity: 0;
}
100%{
bottom: 9%;
opacity: 1;
}
}
@keyframes intro-scroll {
0%{
bottom: 12%;
opacity: 0;
}
100%{
bottom: 9%;
opacity: 1;
}
}
.scroll-icon .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
50%{
-webkit-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
100%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
}
@-webkit-keyframes floating {
0%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
50%{
-webkit-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
100%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
}
.scroll-icon i{
font-size: 32px;
display: block;
margin: 0 auto 10px;
color: var(--colorDarkGrey);
}
.scroll-icon a{
color: var(--colorFont);
}
.scroll-icon a:hover{
color: var(--colorDarkGrey);
}
@media (max-width: 991px) {
.scroll-icon{
display: none;
}
}
button.gm-ui-hover-effect,
button.gm-control-active{
min-width: 0;
box-shadow: none;
}
.main-hover a:hover{
color: var(--colorMain) !important;
}
.darkgrey-hover a:hover{
color: var(--colorDarkGrey) !important;
}
.light-hover a:hover{
color: rgba(var(--colorLightRGB), 0.85) !important;
}
.hover-arrow-theme-style .swiper-slide .swiper-slide-inner::before{
background-color: rgba(48, 48, 48, .5);
bottom: 0;
content: "";
filter: alpha(opacity=0);
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all .2s linear;
display: block;
width: 100%;
height: 100%;
border-radius: 5px;
border: none;
}
.hover-arrow-theme-style .swiper-slide .swiper-slide-inner:hover::before{
opacity: 0;
}
@media (min-width: 1200px) {
.hover-arrow-theme-style .elementor-swiper-button-prev,
.hover-arrow-theme-style .elementor-swiper-button-next{
width: 204px;
height: 136px;
align-items: center;
justify-content: center;
transition: all .2s ease-in-out 0s;
}
.hover-arrow-theme-style .elementor-swiper-button-prev:hover,
.hover-arrow-theme-style .elementor-swiper-button-next:hover{
color: var(--colorMain2) !important;
}
.hover-arrow-theme-style .elementor-swiper-button-prev{
left: 0 !important;
}
.hover-arrow-theme-style .elementor-swiper-button-next{
right: 0 !important;
}
}
.hover-arrow-theme-style.elementor-widget-image-carousel .swiper-container .swiper-slide figure{
line-height: 0 !important;
}
.title-hover:hover .elementor-image-box-title a{
color: var(--colorLight) !important;
}
@media (min-width: 400px) {
.img-top-margin .premium-carousel-template .elementor-widget-wrap.elementor-element-populated{
padding-top: 55px !important;
}
.img-top-margin .premium-carousel-template .premium-testimonial-img-wrapper.circle{
margin-top: -55px;
}
}
.logo-hover .swiper-slide-image{
opacity: .2;
transition: all .2s ease-in-out 0s;
}
.logo-hover .swiper-slide-image:hover{
opacity: 1;
}
form.wpcf7-form .input-wrap{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
form.wpcf7-form .input-wrap > span,
form.wpcf7-form .input-wrap > div,
form.wpcf7-form .input-wrap > p{
width: 33.333%;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 991px) {
form.wpcf7-form .input-wrap > span,
form.wpcf7-form .input-wrap > div,
form.wpcf7-form .input-wrap > p{
width: 50%;
}
form.wpcf7-form .input-wrap > span:first-child,
form.wpcf7-form .input-wrap > div:first-child,
form.wpcf7-form .input-wrap > p:first-child{
width: 100%;
}
}
@media (max-width: 767px) {
form.wpcf7-form .input-wrap > span,
form.wpcf7-form .input-wrap > div,
form.wpcf7-form .input-wrap > p{
width: 100%;
}
}
.wpcf7 form .wpcf7-response-output{
margin-left: 0;
margin-right: 0;
background-color: var(--colorLight);
}
.elementor-column.media-links .elementor-widget-wrap:hover a img{
opacity: 1;
-webkit-filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.elementor-column.border-top .elementor-widget-wrap a img{
border-radius: 5px 5px 0 0;
}
.border-top.elementor-widget-image a img{
border-radius: 5px 5px 0 0;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item{
border: none !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title{
position: relative;
transition: all .15s ease-in-out 0s;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title::before{
content: "";
font-family: FontAwesome;
font-size: 14px;
padding-right: 16px;
color: var(--colorMain2);
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active{
background-color: var(--colorMain2) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active{
background-color: var(--colorMain2) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon .elementor-accordion-icon-closed svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon .elementor-accordion-icon-opened svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-title,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-icon .elementor-accordion-icon-closed svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-icon .elementor-accordion-icon-opened svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active::before{
color: var(--colorLight) !important;
fill: var(--colorLight) !important;
}
.acc-theme-style .elementor-accordion .elementor-tab-content.elementor-active{
border-bottom: 5px solid var(--colorMain2) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item + .elementor-accordion-item{
margin-top: 15px;
}
span.ol-marker{
color: var(--colorMain2);
margin-right: 20px;
font-weight: 500;
}
.align-flex-start .premium-testimonial-box .premium-testimonial-author-info{
align-items: flex-start !important;
}
.elementor-tabs .elementor-tabs-wrapper{
display: flex !important;
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
line-height: 21px;
font-size: 14px;
padding: 10px;
text-transform: none;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
border: none;
border-bottom: none;
background-color: var(--colorLight);
border-radius: 5px 5px 0 0;
position: relative;
margin-right: 4px;
}
@media (min-width: 768px) {
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
padding: 12px 28px;
}
}
@media (min-width: 1200px) {
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
padding: 14px 45px;
}
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active{
border-bottom: none;
background-color: var(--colorMain2) !important;
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:hover a{
color: var(--colorLight) !important;
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover{
border-bottom: none;
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover a{
color: var(--colorMain2) !important;
}
.elementor-tabs .elementor-tabs-content-wrapper{
box-shadow: 2px 0 20px rgba(0, 0, 0, .07);
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
border-radius: 0 0 3px 3px;
padding: 30px 20px !important;
position: relative;
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content::before{
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -2px;
height: 7px;
background-color: var(--colorMain2);
}
@media (min-width: 400px) {
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
padding: 35px !important;
}
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title{
display: none;
}
.team-hover.elementor-widget-ha-member .elementor-widget-container:hover .ha-member-figure img{
-webkit-filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.border-top.elementor-widget-ha-member .elementor-widget-container .ha-member-figure img{
border-radius: 5px 5px 0 0;
}
.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;
}
.gallery-title-hover .pa-gallery-img.style3 .premium-gallery-caption .premium-gallery-img-name{
transition: all .3s ease-in-out;
}
.gallery-title-hover .pa-gallery-img.style3:hover .premium-gallery-caption .premium-gallery-img-name{
color: var(--colorMain2) !important;
}
.premium-blog-wrap .premium-blog-entry-meta{
display: flex;
flex-wrap: wrap;
}
.premium-blog-wrap .premium-blog-entry-meta > div{
width: 100%;
margin-bottom: 4px;
}
.premium-blog-wrap .premium-blog-entry-meta > span{
display: none;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data i{
display: none;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author{
order: 2;
font-size: 13px !important;
font-weight: 400 !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a{
color: var(--colorMain) !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a span{
transition: all .3s ease-in-out !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a span::before{
content: "by";
margin-right: .1em;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a:hover{
color: var(--colorDark) !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-time{
order: 1;
text-transform: uppercase;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-categories{
margin-top: 14px;
order: 3;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-comments{
order: 4;
}
.blog-theme-style .premium-blog-thumb-effect-wrapper .premium-blog-thumbnail-container img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.blog-theme-style .premium-blog-content-wrapper{
position: relative;
}
.blog-theme-style .premium-blog-content-wrapper::before{
content: "";
display: block;
position: absolute;
top: 0;
height: 5px;
left: 0;
right: 0;
background-color: var(--colorMain);
background-image: linear-gradient(-45deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-size: 8px 8px;
}
.testimonials-custom-style .jltma-team-member-content{
display: flex;
flex-direction: column;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-about{
order: 0;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-name{
order: 1;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-designation{
order: 2;
}
.testimonials-custom-style .jltma-team-member-thumb img{
border-radius: 50%;
border: 4px solid var(--colorMain);
}
.text-hover-visible .elementor-text-editor{
color: rgba(0, 0, 0, 0);
transition: all .3s ease;
}
.elementor-element.elementor-column:hover .text-hover-visible .elementor-text-editor{
color: inherit;
}
.slider-timeline .jltma-team-member-content{
display: flex;
flex-wrap: wrap;
}
.slider-timeline .jltma-team-member-content .jltma-team-member-name{
width: 100%;
order: 3;
}
.slider-timeline .jltma-team-member-content .jltma-team-member-about{
width: 100%;
order: 1;
}
.team-slider-theme .jltma-team-carousel-wrapper.swiper-container{
padding: 0 !important;
margin: 0 !important;
}
.team-slider-theme .jltma-team-member-thumb img{
margin-bottom: -10px;
}
@media (min-width: 768px) {
.team-slider-theme .jltma-team-member-thumb img{
min-height: 550px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1200px) {
.team-slider-theme .jltma-team-member-thumb{
pointer-events: none;
}
.team-slider-theme .jltma-team-member-thumb::before{
content: "team";
word-break: unset;
text-transform: uppercase;
position: absolute;
color: rgba(208, 41, 84, .1);
font-size: 320px;
font-weight: 600;
letter-spacing: -7.5px;
line-height: 1;
left: -304px;
top: 50%;
text-indent: 3.5px;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
margin-top: 0;
margin-bottom: 0;
z-index: 4;
}
}
@media (min-width: 768px) {
.team-slider-theme .jltma-team-member-content{
position: absolute;
width: auto;
max-width: 350px;
right: 0;
left: 6%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4;
}
}
@media (min-width: 768px)and (min-width: 1600px) {
.team-slider-theme .jltma-team-member-content{
left: 20%;
}
}
.team-slider-theme-right .jltma-team-carousel-wrapper.swiper-container{
padding: 0 !important;
margin: 0 !important;
}
.team-slider-theme-right .jltma-team-member-thumb img{
margin-bottom: -10px;
}
@media (min-width: 768px) {
.team-slider-theme-right .jltma-team-member-thumb img{
min-height: 550px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1200px) {
.team-slider-theme-right .jltma-team-member-thumb{
pointer-events: none;
}
.team-slider-theme-right .jltma-team-member-thumb::before{
content: "team";
word-break: unset;
text-transform: uppercase;
position: absolute;
color: rgba(208, 41, 84, .1);
font-size: 320px;
font-weight: 600;
letter-spacing: -7.5px;
line-height: 1;
right: -304px;
top: 50%;
text-indent: 3.5px;
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
margin-top: 0;
margin-bottom: 0;
z-index: 4;
}
}
@media (min-width: 768px) {
.team-slider-theme-right .jltma-team-member-content{
position: absolute;
width: auto;
max-width: 350px;
right: 6%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4;
}
}
@media (min-width: 768px)and (min-width: 1350px) {
.team-slider-theme-right .jltma-team-member-content{
right: 20%;
}
}
@media (min-width: 1200px) {
.img-after-arrow::after{
content: "";
background-image: url(//www.beautesublimeeparval.fr/wp-content/themes/makeup/assets/img/right_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
bottom: -100px;
right: 40px;
}
.img-after-arrow-left::after{
content: "";
background-image: url(//www.beautesublimeeparval.fr/wp-content/themes/makeup/assets/img/left_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
bottom: -100px;
left: 40px;
}
.img-after-arrow-top::after{
content: "";
background-image: url(//www.beautesublimeeparval.fr/wp-content/themes/makeup/assets/img/left_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
right: -10px;
top: -30px;
}
.img-after-arrow-bottom::after{
content: "";
background-image: url(//www.beautesublimeeparval.fr/wp-content/themes/makeup/assets/img/left_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
right: -24px;
top: 170px;
}
}
.swiper-slide-inner img{
margin-bottom: -10px;
}
.button-transition a{
transition: all .3s ease-in-out !important;
}
.shadow-img .elementor-image img{
box-shadow: 20px 20px 0 0 rgba(24, 24, 24, .1);
}
.dots-position-bottom .premium-carousel-dots-above ul.slick-dots{
left: 29%;
top: auto;
bottom: 45px;
-webkit-transform: translateY(0);
transform: translateY(0) translateX(-50%);
flex-direction: row;
}
@media (max-width: 991px) {
.dots-position-bottom .premium-carousel-dots-above ul.slick-dots{
left: 50%;
bottom: 30px;
}
}
.slick-dotted.slick-slider{
margin-bottom: 0 !important;
}
.elementor-inner-section.d-flex .elementor-row{
display: flex;
flex-wrap: wrap;
}
.elementor-inner-section.d-flex .elementor-row > div{
width: 100%;
}
.hover-price-block{
transition: all .5s ease-in-out;
}
.hover-price-block .elementor-widget-wrap > div:not(:first-child){
opacity: 0;
max-height: 0;
transition: all .5s ease-in-out;
}
.hover-price-block:hover .elementor-widget-wrap > div:not(:first-child){
opacity: 1;
max-height: 50px;
}
span.big{
font-size: 40px;
text-transform: uppercase;
}
@media (min-width: 1200px) {
span.big{
font-size: 70px;
}
}
span.big.color5{
color: var(--colorMain5);
}
.elementor-element.dotted_divider .elementor-divider span{
height: 4px;
background-image: -webkit-repeating-radial-gradient(center center, #dfdfdf, #dfdfdf 1px, transparent 1px, transparent 100%);
background-image: repeating-radial-gradient(center center, #dfdfdf, #dfdfdf 1px, transparent 1px, transparent 100%);
background-size: 10px 10px;
background-position: center;
background-color: rgba(0, 0, 0, 0);
border: none !important;
}
.elementor-element.dotted_divider.small_dots .elementor-divider span{
background-size: 5px 5px;
}
.elementor-element.dotted_divider.big_dots .elementor-divider span{
background-image: -webkit-repeating-radial-gradient(center center, #fff, #fff 2px, transparent 2px, transparent 100%);
background-image: repeating-radial-gradient(center center, #fff, #fff 2px, transparent 2px, transparent 100%);
background-size: 16px 16px;
}
.error404 #footer-top,
.error404 #footer{
display: none;
}
.error404 #box{
display: flex;
flex-direction: column;
min-height: 100vh;
}
#main.section-404{
background-repeat: no-repeat;
background-size: cover;
flex: 1 0 auto;
min-height: -webkit-max-content;
min-height: max-content;
}
p.not_found{
color: var(--colorMain);
position: relative;
font-size: 150px;
font-weight: 700;
line-height: .8;
margin: 0;
font-family: "Lusitana",serif;
}
@media (min-width: 768px) {
p.not_found{
font-size: 300px;
}
}
p.not_found .oops{
font-size: 18px;
font-weight: 900;
position: absolute;
-webkit-text-fill-color: var(--colorMain3);
text-transform: uppercase;
top: 50%;
left: 50%;
webkit-transform: translate(-50%, -100%) rotate(90deg);
-webkit-transform: translate(-50%, -100%) rotate(90deg);
transform: translate(-50%, -100%) rotate(90deg);
}
@media (min-width: 768px) {
p.not_found .oops{
font-size: 35px;
}
}
p.not_found + h3{
text-transform: uppercase;
font-weight: 700;
font-size: 35px;
margin: 0 0 30px;
color: var(--colorMain3);
}
@media (min-width: 992px) {
.text-md-left{
text-align: left;
}
}