@font-face {
font-family: "Josefin Sans";
font-weight: 100; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-Thin.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 100; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-ThinItalic.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 200; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-ExtraLight.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 200; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-ExtraLightItalic.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 300; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-Light.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 300; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-LightItalic.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 400; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 400; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-Italic.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 500; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 500; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-MediumItalic.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 600; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 600; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 700; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Josefin Sans";
font-weight: 700; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Josefin_Sans/JosefinSans-BoldItalic.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 700; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-Bold.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 700; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-BoldItalic.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 600; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 600; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 500; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-Medium.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 500; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-MediumItalic.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 400; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-Regular.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 400; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-Italic.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 300; font-style: normal;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-Light.ttf) format("truetype");
}
@font-face {
font-family: 'Poppins';
font-weight: 300; font-style: italic;
src: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/fonts/Poppins/Poppins-LightItalic.ttf) format("truetype");
}
@supports (--css:variables) {
:root {
--h1_font_size: 48px;
--h2_font_size: 42px;
--h3_font_size: 32px;
--h4_font_size: 24px;
--h5_font_size: 20px;
--h6_font_size: 16px;
--layout_site_width: 90%;
--layout_site_max_width: 1200px;
--text_color: #606060;
--text_color_lighten_5: #6d6d6d;
--text_color_lighten_10: #7a7a7a;
--text_color_lighten_15: #868686;
--text_color_lighten_20: #939393;
--text_color_lighten_25: #a0a0a0;
--text_color_lighten_30: #adadad;
--text_color_lighten_35: #b9b9b9;
--text_color_lighten_40: #c6c6c6;
--text_color_lighten_50: #e0e0e0;
--text_color_lighten_60: #f9f9f9;
--text_color_lighten_70: #ffffff;
--text_color_darken_5: #535353;
--text_color_darken_10: #474747;
--text_color_darken_15: #3a3a3a;
--text_color_darken_20: #2d2d2d;
--text_color_darken_25: #202020;
--text_color_fade_10: rgba(96, 96, 96, 0.1);
--text_color_fade_20: rgba(96, 96, 96, 0.2);
--text_color_fade_30: rgba(96, 96, 96, 0.3);
--text_color_fade_40: rgba(96, 96, 96, 0.4);
--text_color_fade_50: rgba(96, 96, 96, 0.5);
--text_color_fade_60: rgba(96, 96, 96, 0.6);
--text_color_fade_70: rgba(96, 96, 96, 0.7);
--text_color_fade_80: rgba(96, 96, 96, 0.8);
--text_color_fade_90: rgba(96, 96, 96, 0.9);
--primary_color: #00ad8d;
--secondary_color: #f05c5c;
--primary_color_lighten_5: #00c7a2;
--primary_color_lighten_10: #00e0b7;
--primary_color_lighten_15: #00facb;
--primary_color_lighten_20: #14ffd4;
--primary_color_lighten_25: #2effd8;
--primary_color_darken_5: #009478;
--primary_color_darken_10: #007a63;
--primary_color_darken_15: #00614f;
--primary_color_darken_20: #00473a;
--primary_color_darken_25: #002e25;
--primary_color_fade_5: rgba(0, 173, 141, 0.05);
--primary_color_fade_10: rgba(0, 173, 141, 0.1);
--primary_color_fade_20: rgba(0, 173, 141, 0.2);
--primary_color_fade_30: rgba(0, 173, 141, 0.3);
--primary_color_fade_40: rgba(0, 173, 141, 0.4);
--primary_color_fade_50: rgba(0, 173, 141, 0.5);
--primary_color_fade_60: rgba(0, 173, 141, 0.6);
--primary_color_fade_70: rgba(0, 173, 141, 0.7);
--primary_color_fade_80: rgba(0, 173, 141, 0.8);
--primary_color_fade_90: rgba(0, 173, 141, 0.9);
--heading_color: #1b2336;
--heading_color_lighten_20: #3d4f7a;
--heading_color_fade_10: rgba(27, 35, 54, 0.1);
--heading_color_fade_20: rgba(27, 35, 54, 0.2);
--heading_color_fade_30: rgba(27, 35, 54, 0.3);
--heading_color_fade_40: rgba(27, 35, 54, 0.4);
--heading_color_fade_50: rgba(27, 35, 54, 0.5);
--heading_color_fade_60: rgba(27, 35, 54, 0.6);
--heading_color_fade_70: rgba(27, 35, 54, 0.7);
--heading_color_fade_80: rgba(27, 35, 54, 0.8);
--heading_color_fade_90: rgba(27, 35, 54, 0.9);
--menu_font: Josefin Sans;
--menu_font_weight: 700;
--menu_font_size: 18px;
--secondary_font: Josefin Sans;
--secondary_font_weight: 700;
--secondary_font_size: 16px;
--heading_font: Josefin Sans;
--heading_font_weight: 700;
--third_font: Poppins;
--third_font_weight: 400;
--third_font_size: 16px;
--primary_font: Poppins;
--primary_font_weight: 400;
--primary_font_size: 14px;
--page_title_bg_color: rgba(27, 35, 54, 0.7);
--page_title_overlay_color: #000;
--page_title_overlay_opacity: 0;
--page_title_color: #fff;
--page_title_height: 350px;
--main_menu_height: 80px;
--logo_mobile_padding: 15px;
--main_menu_mobile_height: 100px;
--header_1_nav_layout_padding: 100px;
--header_3_nav_layout_padding: 60px;
--header_4_nav_layout_padding: 60px;
--header_2_nav_layout_padding: 100px;
--header_1_nav_distance: 40px;
--header_3_nav_distance: 20px;
--header_4_nav_distance: 25px;
--header_2_nav_distance: 20px;
--top_bar_bg_color: #47b8e0;
--top_bar_text_color: rgba(255, 255, 255, 0.9);
--top_bar_layout_padding: 60px;
--logo_padding_top: 10px;
--logo_padding_bottom: 10px;
--menu_sub_bg_color: #fff;
--menu_sub_bg_color_darken_7: #ededed;
--menu_sub_bg_color_darken_15: #d9d9d9;
--menu_sub_bg_color_lighten_7: #ffffff;
--menu_sub_bg_color_lighten_15: #ffffff;
--menu_sub_text_color: #262b35;
--header_1_nav_bg_color: #3f3a64;
--header_1_nav_text_color: #fff;
--header_1_height: 130px;
--header_3_nav_bg_color: #ffffff;
--header_3_nav_text_color: #3f3a64;
--header_3_height: 100px;
--header_4_nav_bg_color: #ffffff;
--header_4_nav_text_color: #1b2336;
--header_4_height: 100px;
--header_2_nav_bg_color: #3f3a64;
--header_2_nav_text_color: #fff;
--header_2_height: 130px;
--mobile_background_color: #333;
--mobile_text_color: #fff;
--mobile_text_color_fade_60: rgba(255, 255, 255, 0.6);
--mobile_page_title_height: 140px;
--headersidebar_nav_bg_color: #f4f4f4;
--headersidebar_nav_bg_color_lighten_10: #ffffff;
--headersidebar_nav_text_color: #fff;
--headersidebar_nav_text_color_fade_60: rgba(255, 255, 255, 0.6);
--headersidebar_nav_text_color_fade_85: rgba(255, 255, 255, 0.85);
--headersidebar_sidebar_width: 300px;
}
} @-webkit-keyframes scroll_up_down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes scroll_up_down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes mover {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes mover {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@-webkit-keyframes mover2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
}
@keyframes mover2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes mover3 {
0% {
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
100% {
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
}
@keyframes mover3 {
0% {
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
100% {
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
} @-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
} @-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.animate {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes swingInX {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes swingInX {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
}
.animate.swingInX {
-webkit-transform-origin: top;
-ie-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-backface-visibility: visible !important;
-webkit-animation-name: swingInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: swingInX;
-o-backface-visibility: visible !important;
-o-animation-name: swingInX;
backface-visibility: visible !important;
animation-name: swingInX;
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
}
}
@keyframes swingOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
}
}
.animate.swingOutX {
-webkit-transform-origin: top;
-webkit-animation-name: swingOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: swingOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: swingOutX;
-o-backface-visibility: visible !important;
animation-name: swingOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes pulse-left-right {
0% {
-webkit-transform: translate(0px, 0);
opacity: 0;
}
50% {
-webkit-transform: translate(20px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate(0px, 0);
opacity: 0;
}
}
@keyframes pulse-left-right {
0% {
-ms-transform: translate(0px, 0);
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
opacity: 0;
}
50% {
-ms-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 1;
}
100% {
-ms-transform: translate(0px, 0);
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
opacity: 0;
}
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(30%);
}
50% {
opacity: 0;
-webkit-transform: translate(-30%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(30%);
transform: translate(30%);
}
50% {
opacity: 0;
-webkit-transform: translate(-30%);
transform: translate(-30%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-30%);
}
50% {
opacity: 0;
-webkit-transform: translate(30%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-30%);
transform: translate(-30%);
}
50% {
opacity: 0;
-webkit-transform: translate(30%);
transform: translate(30%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
opacity: 0;
}
to {
-webkit-transform: translateX(0%);
opacity: 1;
}
}
@-webkit-keyframes shadow-pulse {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
@keyframes shadow-pulse {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes shadow-pulse-white {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@keyframes shadow-pulse-white {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
.lightGallery-js .item {
overflow: hidden;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.lightGallery-js .item img {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.lightGallery-js .item:hover img {
cursor: pointer;
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.row {
margin-right: -20px;
margin-left: -20px;
}
@media (max-width: 1300px) {
.row {
margin-right: -10px;
margin-left: -10px;
}
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-right: 20px;
padding-left: 20px;
}
@media (max-width: 1300px) {
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-left: 10px;
padding-right: 10px;
}
}
.yolo-full-width {
padding-left: 20px;
padding-right: 20px;
width: 100%;
margin: 0 auto;
position: relative;
}
@media (max-width: 1300px) {
.yolo-full-width {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 1300px) {
.yolo-full-width {
overflow: hidden;
}
}
.yolo-full-width .container {
position: relative;
}
@media (min-width: 1300px) {
.yolo-full-width .container {
width: 1320px;
}
}
.site-content-archive-inner {
width: 100%;
}
@media (min-width: 768px) and (max-width: 900px) {
.row .col-md-4 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.sidebar.col-md-4 {
-ms-flex: 0 0 33.3%;
-webkit-box-flex: 0;
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
@media (max-width: 600px) {
.row .col-sm-6,
.row .col-6 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.container .yolo-full-width {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1300px) {
.container .yolo-full-width {
overflow: hidden;
}
}
.pull-left {
float: left !important;
}
.pull-right {
float: right !important;
}
.row.sidebar-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} img {
max-width: 100%;
height: auto;
}
.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
margin-top: 2rem;
margin-right: auto;
margin-bottom: 2rem;
margin-left: auto;
clear: both;
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
margin-left: auto;
margin-right: auto;
} .alignfull {
margin-top: 2rem;
margin-right: auto;
margin-bottom: 2rem;
margin-left: auto;
max-width: 100vw;
position: relative;
width: 100%;
}
[class*="__inner-container"] > .alignfull {
max-width: 100%;
} .alignwide {
max-width: 120rem;
position: relative;
}
[class*="__inner-container"] > .alignwide {
width: 100%;
} .aligncenter,
.aligncenter img {
display: block;
margin-left: auto;
margin-right: auto;
} .alignleft,
.alignright {
max-width: 50%;
}
.alignleft {
float: left;
margin: 0.3rem 2rem 2rem 0rem;
}
.alignright {
float: right;
margin: 0.3rem 0rem 2rem 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { margin-left: 1.5rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { margin-right: 1.5rem;
}
.wp-block-image.size-full .aligncenter {
margin-top: 2rem;
}
.wp-block-image .alignleft {
margin-right: 2rem;
}
.wp-block-image .alignright {
margin-left: 2rem;
}
blockquote {
font-family: var(--secondary_font);
font-size: 24px;
color: var(--heading_color);
line-height: 36px;
border: none;
padding: 10px 30px;
margin: 20px 0px 20px 32px;
quotes: none;
font-style: italic;
position: relative;
}
blockquote:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f10d";
color: var(--primary_color);
position: absolute;
top: 0;
left: 0;
font-style: normal;
}
blockquote p {
margin: 0;
}
blockquote.is-style-large {
padding: 30px 30px 30px;
}
blockquote.main-quote {
margin: 30px;
}
.wp-block-quote.is-style-large {
padding: 30px 30px 30px;
}
.wp-block-quote.main-quote {
margin: 30px;
}
a.wp-block-button__link {
color: #fff;
}
a.wp-block-button__link:hover {
color: #fff;
}
.wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry-content .post-nav-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
} *[class*="_inner-container"] > *:first-child {
margin-top: 0;
}
*[class*="_inner-container"] > *:last-child {
margin-bottom: 0;
}
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 2rem;
margin-top: 2rem;
} .alignfull > figcaption,
.alignfull > .wp-caption-text {
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: calc(100% - 1rem);
}
.wp-caption {
text-align: center;
max-width: 100%;
}
.wp-caption img {
border: 0 none;
height: auto;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 0.9em;
font-style: italic;
opacity: 0.9;
line-height: 17px;
margin: 0.5em 0 0em 0;
}
.wp-post-image {
height: auto;
max-width: 100%;
}
.wp-block-columns {
margin: 28px 0;
}
.wp-block-columns > *:last-child {
margin-bottom: 0;
}
.wp-block-columns > *:first-child {
margin-bottom: 0;
}
.sticky {
opacity: 1;
}
.bypostauthor {
opacity: 1;
}
figure.wp-block-gallery {
margin-bottom: 1rem;
}
figure.wp-block-gallery.alignfull {
margin-bottom: 2rem;
}
figure.wp-block-gallery .alignwide {
margin-bottom: 2rem;
}
.wp-block-image figcaption {
text-align: center;
font-size: 0.9em;
font-style: italic;
opacity: 0.9;
}
.alignfull > figcaption,
.alignfull > .wp-caption-text {
margin-left: auto;
margin-right: auto;
} .gallery {
margin-bottom: 20px;
}
.gallery:before {
content: "";
display: table;
}
.gallery:after {
clear: both;
content: "";
display: block;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(transparent));
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 13px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 8px 10px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
width: 100%;
overflow-y: auto;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.page-links a {
color: var(--heading_color);
}
.page-links a:hover {
color: var(--primary_color);
}
.grf-bg-1 {
background: #ffd338 !important;
}
.grf-bg-2 {
background: #56d47e !important;
}
.grf-bg-3 {
background: #f05c5c !important;
}
.grf-bg-4 {
background: #1ec0ff !important;
}
.grf-bg-5 {
background: #fb9130 !important;
}
.grf-bg-6 {
background-color: #D8334A !important;
}
.grf-bg-7 {
background-color: #BF263C !important;
}
.grf-bg-8 {
background-color: #ED5565 !important;
}
.grf-bg-9 {
background-color: #DA4453 !important;
}
.grf-bg-10 {
background-color: #FC6E51 !important;
}
.grf-bg-11 {
background-color: #E9573F !important;
}
.grf-bg-12 {
background-color: #FFCE54 !important;
}
.grf-bg-13 {
background-color: #F6BB42 !important;
}
.grf-bg-14 {
background-color: #E8CE4D !important;
}
.grf-bg-15 {
background-color: #E0C341 !important;
}
.grf-bg-16 {
background-color: #A0D468 !important;
}
.grf-bg-17 {
background-color: #8CC152 !important;
}
.grf-bg-18 {
background-color: #2ECC71 !important;
}
.grf-bg-19 {
background-color: #2ABA66 !important;
}
.grf-bg-20 {
background-color: #48CFAD !important;
}
.grf-bg-21 {
background-color: #37BC9B !important;
}
.grf-bg-22 {
background-color: #1abc9c !important;
}
.grf-bg-23 {
background-color: #A0CECB !important;
}
.grf-bg-24 {
background-color: #7DB1B1 !important;
}
.grf-bg-25 {
background-color: #4FC1E9 !important;
}
.grf-bg-26 {
background-color: #3BAFDA !important;
}
.grf-bg-27 {
background-color: #5D9CEC !important;
}
.grf-bg-28 {
background-color: #4A89DC !important;
}
.grf-bg-29 {
background-color: #AC92EC !important;
}
.grf-bg-30 {
background-color: #967ADC !important;
}
.grf-bg-31 {
background-color: #8067B7 !important;
}
.grf-bg-32 {
background-color: #6A50A7 !important;
}
.grf-bg-33 {
background-color: #EC87C0 !important;
}
.grf-bg-34 {
background-color: #D770AD !important;
}
.grf-bg-35 {
background-color: #BAA286 !important;
}
.grf-bg-36 {
background-color: #AA8E69 !important;
}
.grf-bg-37 {
background-color: #8E8271 !important;
}
.grf-bg-38 {
background-color: #7B7163 !important;
}
.hidden {
display: none;
}
mark {
padding: 0;
background-color: transparent;
color: var(--primary_color);
}
a mark {
padding: 1px 0;
position: relative;
display: inline-block;
}
a mark:before {
opacity: 0;
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
font-style: normal;
position: absolute;
top: 4px;
right: 0;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
a mark:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--primary_color);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform 0.3s ease-in;
transition: -webkit-transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
a:hover mark:before {
opacity: 1;
right: -19px;
}
a:hover mark:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.post-nav-links {
clear: both;
font-weight: 600;
margin: 0;
}
.post-nav-links a {
color: var(--primary_color);
}
.post-nav-links a:hover {
text-decoration: underline;
}
.portfolio-related-wrap .portfolio-related .owl-nav div {
border-radius: 50%;
}
.portfolio-related-wrap .portfolio-related .portfolio-item {
padding: 0 20px;
}
@media (max-width: 1300px) {
.portfolio-related-wrap .portfolio-related .portfolio-item {
padding: 0 10px;
}
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-prev {
left: -20px;
}
@media (max-width: 1300px) {
.portfolio-related-wrap .portfolio-related .owl-nav .owl-prev {
display: none;
}
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-next {
right: -20px;
}
@media (max-width: 1300px) {
.portfolio-related-wrap .portfolio-related .owl-nav .owl-next {
display: none;
}
}
.portfolio-related-wrap .portfolio-related {
margin-top: 20px;
margin-bottom: 0;
}
.yolo-slick .slick-arrow {
height: 48px;
opacity: 0;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
z-index: 99;
}
.yolo-slick .slick-arrow:before {
font-size: 48px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--text_color_fade_60);
}
.yolo-slick .slick-prev {
left: -60px;
}
.yolo-slick .slick-prev:hover:before {
color: var(--primary_color);
}
.yolo-slick .slick-next {
right: -60px;
}
.yolo-slick .slick-next:hover:before {
color: var(--primary_color);
}
.yolo-slick:hover .slick-prev {
left: -35px;
opacity: 1;
}
.yolo-slick:hover .slick-next {
right: -35px;
opacity: 1;
}
.yolo-slick .slick-next:before {
content: "\f0da";
}
.yolo-slick .slick-prev:before {
content: "\f0d9";
}
.yolo-slick .slick-dots li button::before {
font-size: 10px;
color: var(--primary_color_fade_70);
}
.yolo-slick .slick-dots li.slick-active button:before {
color: var(--primary_color);
}
.yolo-data-slider {
position: relative;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 48px;
color: var(--text_color_fade_60);
opacity: 0;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
z-index: 99;
}
@media (max-width: 1300px) {
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
display: none;
}
}
.owl-carousel .owl-prev {
left: -40px;
}
.owl-carousel .owl-prev:hover {
color: var(--primary_color);
}
.owl-carousel .owl-next {
right: -40px;
}
.owl-carousel .owl-next:hover {
color: var(--primary_color);
}
.owl-carousel:hover .owl-prev {
left: -20px;
opacity: 1;
}
.owl-carousel:hover .owl-next {
right: -20px;
opacity: 1;
}
.owl-carousel.owl-loaded .owl-nav .disabled {
opacity: 0;
}
.owl-carousel.owl-loaded article.trainer-item-wrap .trainer-item {
-webkit-box-shadow: 0 5px 20px rgba(229, 229, 229, 0.8);
box-shadow: 0 5px 20px rgba(229, 229, 229, 0.8);
}
.owl-carousel.owl-loaded .owl-item .loop-item-company img {
display: inline-block;
max-width: 100px;
}
.owl-carousel.owl-loaded .owl-dots {
text-align: center;
margin-top: 0px;
}
.owl-carousel.owl-loaded .owl-dots .owl-dot {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
outline: 0;
border: none;
}
.owl-carousel.owl-loaded .owl-dots .owl-dot.active span,
.owl-carousel.owl-loaded .owl-dots .owl-dot:hover span {
background-color: var(--primary_color_fade_70);
}
.owl-carousel.owl-loaded .owl-dots .owl-dot span {
width: 8px;
height: 8px;
background-color: #d5d5d5;
border-radius: 50%;
display: block;
margin: 4px;
}
.owl-carousel.owl-loaded div.owl-nav {
text-align: center;
}
@media (max-width: 768px) {
.owl-carousel.owl-loaded div.owl-nav {
display: none;
}
}
.owl-carousel.owl-loaded div.owl-nav button.owl-prev,
.owl-carousel.owl-loaded div.owl-nav button.owl-next {
height: 35px;
display: inline-block;
width: 35px;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
position: absolute;
top: 35%;
}
.owl-carousel.owl-loaded div.owl-nav button.owl-prev:hover,
.owl-carousel.owl-loaded div.owl-nav button.owl-next:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
color: #fff;
}
.owl-carousel.owl-loaded div.owl-nav button.owl-prev {
left: 0;
}
.owl-carousel.owl-loaded div.owl-nav button.owl-next {
right: 0;
}
@media (max-width: 768px) {
.yolo-slider-nav {
display: none;
}
} body {
overflow-x: hidden;
}
body .site {
position: relative;
z-index: 1;
}
img {
max-width: 100%;
height: auto;
}
a,
a:focus,
a:hover {
outline: none;
text-decoration: none;
}
p {
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
}
body {
line-height: 1.9;
-webkit-font-smoothing: antialiased;
color: var(--text_color);
font-family: var(--primary_font);
font-weight: var(--primary_font_weight);
font-size: var(--primary_font_size);
}
.float-right {
float: right;
}
@media (max-width: 991px) {
.float-right {
float: none;
}
}
code {
color: var(--primary_color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4;
margin-top: 20px;
margin-bottom: 10px;
font-weight: var(--heading_font_weight);
color: var(--heading_color);
font-family: var(--heading_font);
}
h1 {
font-size: var(--h1_font_size);
}
h2 {
font-size: var(--h2_font_size);
}
h3 {
font-size: var(--h3_font_size);
}
h4 {
font-size: var(--h4_font_size);
}
h5 {
font-size: var(--h5_font_size);
}
h6 {
font-size: var(--h6_font_size);
}
@media (max-width: 991px) {
body h1 {
font-size: calc(var(--h1_font_size) - 2px);
}
}
@media (max-width: 480px) {
body h1 {
font-size: calc(var(--h1_font_size) - 4px);
}
}
@media (max-width: 991px) {
body h2 {
font-size: calc(var(--h2_font_size) - 2px);
}
}
@media (max-width: 480px) {
body h2 {
font-size: calc(var(--h2_font_size) - 3px);
}
}
@media (max-width: 991px) {
body h3 {
font-size: calc(var(--h3_font_size) - 2px);
}
}
@media (max-width: 480px) {
body h3 {
font-size: calc(var(--h3_font_size) - 3px);
}
}
@media (max-width: 991px) {
body h4 {
font-size: calc(var(--h4_font_size) - 2px);
}
}
@media (max-width: 480px) {
body h4 {
font-size: calc(var(--h4_font_size) - 3px);
}
}
.title_border {
text-align: center;
position: relative;
}
.title_border:after {
content: '';
position: absolute;
top: 15px;
left: 0;
background-color: #999;
height: 1px;
width: 100%;
}
.title_border h5 {
padding: 5px 20px;
background-color: #fff;
position: relative;
display: inline-block;
z-index: 1;
}
.jhana_btn button {
border-width: 1px !important;
padding: 13px 60px !important;
}
.container {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 1300px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1300px) {
.container {
width: 1320px;
}
}
#yolo-wrapper {
background-color: #fff;
}
body.boxed #yolo-wrapper {
margin: auto;
overflow: hidden;
}
@media only screen and (min-width: 992px) {
body.float {
padding-left: 45px !important;
padding-right: 45px !important;
}
}
div,
iframe,
img {
margin: 0;
padding: 0;
}
::-moz-selection {
color: #fff;
background-color: var(--primary_color);
}
::selection {
color: #fff;
background-color: var(--primary_color);
}
::-moz-selection {
color: #fff;
background-color: var(--primary_color);
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ul,
ol {
padding-left: 1.5rem;
}
a,
a:hover,
a.active {
color: inherit;
text-decoration: none;
outline: none;
}
a:hover {
color: var(--primary_color);
}
a:focus,
a.active {
color: var(--primary_color);
}
input,
textarea,
button,
select {
outline: none;
}
.fl {
float: left;
}
.fr {
float: right;
} button[type="submit"] {
position: relative;
border: none;
background-color: var(--heading_color);
padding: 5px 15px;
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
button[type="submit"]:hover {
background-color: var(--primary_color);
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea,
select {
padding: 0 15px;
height: 54px;
background-color: #f6f6f6;
color: var(--heading_color);
border: none;
font-weight: var(--primary_font_weight);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
input[type="text"] ::-webkit-input-placeholder,
input[type="search"] ::-webkit-input-placeholder,
input[type="email"] ::-webkit-input-placeholder,
input[type="url"] ::-webkit-input-placeholder,
input[type="password"] ::-webkit-input-placeholder,
input[type="tel"] ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder,
select ::-webkit-input-placeholder {
color: #696969;
}
input[type="text"] :-moz-placeholder,
input[type="search"] :-moz-placeholder,
input[type="email"] :-moz-placeholder,
input[type="url"] :-moz-placeholder,
input[type="password"] :-moz-placeholder,
input[type="tel"] :-moz-placeholder,
textarea :-moz-placeholder,
select :-moz-placeholder {
color: #696969;
}
input[type="text"] ::-moz-placeholder,
input[type="search"] ::-moz-placeholder,
input[type="email"] ::-moz-placeholder,
input[type="url"] ::-moz-placeholder,
input[type="password"] ::-moz-placeholder,
input[type="tel"] ::-moz-placeholder,
textarea ::-moz-placeholder,
select ::-moz-placeholder {
color: #696969;
}
input[type="text"] :-ms-input-placeholder,
input[type="search"] :-ms-input-placeholder,
input[type="email"] :-ms-input-placeholder,
input[type="url"] :-ms-input-placeholder,
input[type="password"] :-ms-input-placeholder,
input[type="tel"] :-ms-input-placeholder,
textarea :-ms-input-placeholder,
select :-ms-input-placeholder {
color: #696969;
}
textarea {
height: auto;
padding-top: 20px;
}
select {
max-width: 100%;
}
.block-inner > * {
margin: auto;
}
.overflow-hidden {
overflow: hidden !important;
} #yolo-modal-search {
z-index: 999999;
overflow: auto;
}
#yolo-modal-search.modal.in .modal-backdrop.in {
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.95);
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#yolo-modal-search.modal.in .yolo-modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 9999;
}
#yolo-modal-search .yolo-modal-dialog {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: auto;
}
#yolo-modal-search .yolo-dismiss-modal {
position: absolute;
right: 50px;
top: 30px;
font-size: 24px;
line-height: 1;
color: #fff;
z-index: 1040;
cursor: pointer;
}
#yolo-modal-search .yolo-modal-search {
position: relative;
width: 100%;
height: 100%;
}
#yolo-modal-search .yolo-modal-search .yolo-search-result {
position: absolute;
width: 80%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 40%;
}
@media (max-width: 767px) {
#yolo-modal-search .yolo-modal-search .yolo-search-result {
top: 20%;
}
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper {
position: relative;
width: 100%;
font-size: 24px;
color: inherit;
background-color: transparent;
border-bottom: 2px solid #fff;
display: block;
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:before,
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:after {
content: " ";
display: table;
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:after {
clear: both;
}
#yolo-modal-search .yolo-modal-search input[type="search"] {
border: none;
outline: none;
display: block;
float: left;
width: 100%;
padding-right: 60px;
padding-left: 20px;
background-color: transparent;
font-size: 22px;
color: #fff;
}
#yolo-modal-search .yolo-modal-search input[type="search"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.9);
}
#yolo-modal-search .yolo-modal-search input[type="search"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.9);
}
#yolo-modal-search .yolo-modal-search button {
position: absolute;
display: block;
color: #fff;
bottom: 5px;
right: 0;
line-height: 1;
border: none;
outline: none;
font-size: 24px;
background-color: transparent;
}
#yolo-modal-search .ajax-search-result {
margin: auto;
background: rgba(77, 77, 77, 0.1);
}
#yolo-modal-search .ajax-search-result > ul {
list-style: none;
position: relative;
padding: 0;
margin: 0;
}
#yolo-modal-search .ajax-search-result li {
padding: 5px 20px;
color: inherit;
font-size: 14px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #fff;
}
#yolo-modal-search .ajax-search-result li:hover,
#yolo-modal-search .ajax-search-result li.selected {
background-color: rgba(127, 127, 127, 0.1);
}
#yolo-modal-search .ajax-search-result li > a {
color: #fff;
}
#yolo-modal-search .ajax-search-result li + li {
border-top: dotted 1px rgba(77, 77, 77, 0.1);
}
#yolo-modal-search .ajax-search-result li span {
color: #fff;
float: right;
}
#yolo-modal-search .ajax-search-result li.search-view-more {
font-size: 14px;
font-style: italic;
}
#yolo-modal-search .ajax-search-result li.search-view-more a {
text-decoration: underline;
}
#yolo-modal-search i.ajax-search-icon {
color: inherit;
}
#yolo-modal-search div.search-view-more {
background-color: rgba(255, 255, 255, 0.2);
padding: 5px 20px;
border-top: solid 1px rgba(0, 0, 0, 0.3);
font-size: 14px;
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #fff;
}
#yolo-modal-search div.search-view-more i.wicon {
vertical-align: middle;
}
#yolo-modal-search div.search-view-more:hover {
background-color: rgba(255, 255, 255, 0.5);
color: #fff;
}  #yolo_search_popup_wrapper .search-popup-inner {
margin: 1em 0;
width: 70%;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
#yolo_search_popup_wrapper .search-popup-inner > input {
width: 100%;
margin-bottom: 50px;
font-size: 30px;
border-bottom: 2px solid #fff;
background-color: transparent;
padding: 25px 20px;
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-moz-placeholder {
color: #fff;
opacity: 1;
}
#yolo_search_popup_wrapper .search-popup-inner > input:-ms-input-placeholder {
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-webkit-input-placeholder {
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > button {
border: none;
background-color: transparent;
text-transform: uppercase;
position: absolute;
right: 0px;
top: -15px;
}
#yolo_search_popup_wrapper .search-popup-inner > button i {
font-size: 30px;
padding: 20px;
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > button i:hover {
color: var(--primary_color);
}
@media (max-width: 767px) {
#yolo_search_popup_wrapper .search-popup-inner {
top: 20%;
}
} .error404 section.yolo-page-title-wrap {
margin-bottom: 0;
}
.error404 .page-title-inner {
font-size: 32px;
}
.page404 {
text-align: center;
padding: 13% 0;
background-size: cover;
}
@media (max-width: 788px) {
.page404 {
padding: 25% 0;
}
}
.page404 .content-wrap {
float: none;
}
.page404 .content-wrap .page404-title .p-title {
line-height: 1;
font-size: 50px;
}
@media (max-width: 767px) {
.page404 .content-wrap .page404-title .p-title {
font-size: 36px;
}
}
@media (max-width: 479px) {
.page404 .content-wrap .page404-title .p-title {
font-size: 30px;
}
}
.page404 .content-wrap .page404-title .p-description {
font-size: 18px;
}
.page404 .content-wrap .page404-content .title {
font-size: 250px;
position: absolute;
top: -28px;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
z-index: 0;
}
@media (max-width: 768px) {
.page404 .content-wrap .page404-content .title {
font-size: 200px;
}
}
.page404 .content-wrap .page404-content img {
z-index: 1;
position: relative;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.page404 .content-wrap .page404-content img {
max-width: 200px;
}
}
.back-to-top {
position: fixed;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
bottom: 40px;
right: 40px;
width: 56px;
height: 56px;
background-size: contain;
z-index: 999;
opacity: 0.9;
font-size: 21px;
line-height: 56px;
text-align: center;
color: #fff;
border-radius: 50%;
background: var(--primary_color);
-webkit-box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
}
.back-to-top:hover {
opacity: 1;
color: #fff;
}
.back-to-top:hover i {
-webkit-animation: scroll_up_down 1.5s infinite;
animation: scroll_up_down 1.5s infinite;
}
.back-to-top:focus,
.back-to-top:active {
color: #fff;
}
.back-to-top.in {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 5px;
}
#yolo-content-wrapper {
position: relative;
}
#yolo-content-wrapper > main[role='main'] {
overflow: hidden;
}
#yolo-site-preload {
position: fixed;
z-index: 10001;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.site-loading-center {
width: 100%;
height: 100%;
position: relative;
}
.site-loading-center-absolute {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wpb_map_wraper iframe {
display: block;
pointer-events: none;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.container-fluid {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 480px) {
.container-fluid {
padding-left: 0;
padding-right: 0;
}
} .fade.in {
opacity: 1;
}
.modal {
z-index: 99999;
}
.modal-content {
border-radius: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.5);
}
.modal-backdrop.in {
opacity: 1;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
display: block;
line-height: 1;
}
#popup-product-quick-view-wrapper .popup-close {
width: 30px;
height: 30px;
font-size: 18px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 2;
top: 0;
right: 0;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup-product-quick-view-wrapper .popup-close:hover {
color: #fff;
background-color: var(--primary_color);
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.center {
text-align: center;
}
.yolo-full-width.has_particles_effect .container {
z-index: 2;
}
.yolo-full-width.has_particles_effect .particles-js-bubble {
z-index: 1;
}
.owl-yolo-shortcode .owl-controls .owl-buttons div {
position: absolute;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
border: 1px solid #eeeeee;
top: 50%;
margin-top: -20px;
opacity: 0;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
line-height: 40px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons div i {
color: #000;
font-size: 20px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons .owl-prev {
left: 20px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons .owl-next {
right: 20px;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-prev {
left: -45px;
opacity: 1;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-next {
right: -45px;
opacity: 1;
}
.owl-yolo-shortcode .owl-controls .owl-page span {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 5px;
}
@media (max-width: 800px) {
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-prev {
left: 0;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-next {
right: 0;
}
}
.jhana-button {
position: relative;
display: inline-block;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 15px;
line-height: 1.6;
font-weight: 400;
text-align: center;
}
.jhana-button i {
position: absolute;
font-size: 20px;
line-height: 1.2;
}
.jhana-button.i_left {
padding-left: 40px !important;
}
.jhana-button.i_right {
padding-right: 40px !important;
}
.jhana-button.i_left i {
left: 15px;
margin-right: 5px;
}
.jhana-button.i_right i {
margin-left: 5px;
right: 15px;
}
.jhana-button.style1 {
border: 2px solid;
color: #fff;
}
.jhana-button.style1.gray-color {
border: 2px solid #ccc;
background-color: #ccc;
color: #888;
}
.jhana-button.style1:hover,
.jhana-button.style1.active {
color: #fff;
}
.jhana-button.style2 {
border: 2px solid #eeeeee;
}
.jhana-button.style2:hover,
.jhana-button.style2.active {
color: #fff;
background: var(--primary_color);
}
.jhana-button.style2.button-light {
color: #fff;
}
.jhana-button.button-1x {
min-width: 140px;
padding: 4px 15px;
}
.jhana-button.button-1x i {
top: 4px;
}
.jhana-button.button-2x {
min-width: 140px;
padding: 7px 20px;
}
.jhana-button.button-2x i {
top: 7px;
}
.jhana-button.button-3x {
min-width: 160px;
padding: 10px 20px;
}
.jhana-button.button-3x i {
top: 10px;
}
.boxed #yolo-wrapper {
width: var(--layout_site_width);
max-width: var(--layout_site_max_width);
}
.archive-product-wrap ul.pagination,
.yolo-archive-class ul.pagination,
.yolo-archive-trainer ul.pagination {
margin-top: 30px;
}
ul.pagination {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.pagination > li {
padding: 0 5px;
display: inline-block;
}
.pagination > li:last-child {
margin: 0;
}
.pagination > li > a,
.pagination > li > span {
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
text-align: center;
display: inline-block;
color: var(--heading_color);
margin: 0;
font-weight: bold;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a.active,
.pagination > li > span.active {
color: #fff;
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.pagination > li > a.current,
.pagination > li > span.current {
color: #fff;
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.pagination > li > a.next,
.pagination > li > span.next,
.pagination > li > a.prev,
.pagination > li > span.prev {
position: relative;
font-size: 0;
}
.pagination > li > a.next i,
.pagination > li > span.next i,
.pagination > li > a.prev i,
.pagination > li > span.prev i {
font-size: 0;
}
.pagination > li > a.next:before,
.pagination > li > span.next:before,
.pagination > li > a.prev:before,
.pagination > li > span.prev:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 0;
left: 0;
font-size: 15px;
}
.pagination > li > a.next:before,
.pagination > li > span.next:before {
content: "\f101";
}
.pagination > li > a.prev:before,
.pagination > li > span.prev:before {
content: "\f100";
}
.cqtooltip-wrapper .title {
position: absolute;
bottom: 10px;
left: 0px;
width: 100%;
padding-left: 20px;
font-size: 20px;
font-weight: 600;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a {
border: 2px solid #fff !important;
height: 42px !important;
width: 42px !important;
padding: 4px !important;
background-color: rgba(0, 0, 0, 0.2) !important;
-webkit-animation: none !important;
animation: none !important;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a:before {
content: '';
position: absolute;
border-radius: 100%;
left: 0;
top: 0;
-webkit-animation: pulse-white 2s ease-out infinite !important;
animation: pulse-white 2s ease-out infinite !important;
width: 100%;
height: 100%;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a:hover {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-animation: none !important;
animation: none !important;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a span {
position: relative !important;
height: 30px !important;
width: 30px !important;
margin: 0 !important;
top: auto !important;
left: auto !important;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a span:before {
content: "\f1fe";
display: inline-block;
font-size: 18px;
font-family: "Ionicons";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 28px;
margin-left: 8px;
color: var(--primary_color);
}
.tooltipster-default,
.tooltipster-shadow,
.tooltipster-base {
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
border-radius: 0 !important;
-webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.3) !important;
font-size: 16px !important;
}
.tooltipster-default .tooltipster-content,
.tooltipster-shadow .tooltipster-content,
.tooltipster-base .tooltipster-content {
font-size: 16px !important;
font-family: var(--primary_font) !important;
}
.yolo-footer-wrapper .menu-footer-menu-container ul.menu {
position: relative;
min-height: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.yolo-footer-wrapper .menu-footer-menu-container ul.menu li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.menu-footer-menu-container ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
.menu-footer-menu-container ul li {
margin-bottom: 5px;
}
.menu-footer-menu-container ul li:hover ul.sub-menu {
top: 98%;
opacity: 1;
visibility: visible;
}
.menu-footer-menu-container ul li ul.sub-menu {
visibility: hidden;
width: 100%;
text-align: left;
z-index: 3;
opacity: 0;
position: absolute;
top: 120%;
left: 0;
background-color: #fff;
-webkit-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
transition: all 0.55s ease;
}
.menu-footer-menu-container ul li ul.sub-menu li {
float: left;
width: 25%;
display: block;
-webkit-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
transition: all 0.55s ease;
border-left: 1px solid transparent;
}
.menu-footer-menu-container ul li ul.sub-menu li:hover {
border-left: 1px solid #eee;
}
.list_text {
position: relative;
padding-left: 30px;
}
.list_text:before {
position: absolute;
vertical-align: middle;
left: 0;
display: inline-block;
content: '';
height: 10px;
width: 10px;
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: var(--text_color);
opacity: 0.5;
}
.about-description {
margin-top: 20px;
}
.banner-widget {
position: relative;
margin-bottom: 50px;
}
.banner-widget a img {
width: 100%;
}
.banner-widget a:before,
.banner-widget a:after {
content: '';
position: absolute;
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.banner-widget a:before {
top: 0px;
left: 0px;
right: 100%;
bottom: 100%;
border-top: 5px solid;
border-left: 5px solid;
}
.banner-widget a:after {
left: 100%;
top: 100%;
bottom: 0px;
right: 0px;
border-bottom: 5px solid;
border-right: 5px solid;
}
.banner-widget a:hover:before {
opacity: 0.8;
bottom: 0px;
right: 0px;
border-color: var(--primary_color);
}
.banner-widget a:hover:after {
opacity: 0.8;
top: 0px;
left: 0px;
border-color: var(--primary_color);
}
.woocommerce div.product form.cart .variations label {
font-size: 16px;
line-height: 1.8;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
margin: 30px auto;
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 1300px) {
.modal-lg {
max-width: 1170px !important;
width: 1170px !important;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
}
}
.technical {
list-style-type: none;
padding: 0;
}
.technical li {
width: 50%;
color: #fff;
float: left;
margin: 5px 0;
}
.single-product-btn {
background: #f0f0f0;
border-radius: 100px;
height: 36px;
border: none;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
padding: 0 5px;
text-align: center;
font-size: 16px;
line-height: 16px;
position: relative;
cursor: pointer;
}
.single-product-btn.-add-to-cart {
background-color: var(--primary_color);
color: #ffffff;
padding: 0 30px;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.single-product-btn.-add-to-cart::before {
content: '';
position: absolute;
height: 100%;
opacity: 0;
width: 20%;
border-radius: 100px;
left: 0;
top: 0;
-webkit-transition: width ease-in-out 0.3s;
-o-transition: width ease-in-out 0.3s;
transition: width ease-in-out 0.3s;
}
.single-product-btn.-add-to-cart:hover {
background: none;
color: var(--primary_color);
}
.single-product-btn.-add-to-cart:hover::before {
border: 1px solid var(--primary_color);
width: 100%;
opacity: 1;
}
.single-product-btn.-add-to-cart:focus {
outline: none;
}
.col-xs-12 {
width: 100%;
}
.yolo-vertical-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-right: 1px solid #959ea7;
}
.yolo-horizontal-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 50px;
border-bottom: 1px solid #959ea7;
}
.yolo-horizontal-tab li {
border: none;
margin-right: 20px;
}
.yolo-horizontal-tab li.active {
border-bottom: 3px solid var(--primary_color);
}
.yolo-horizontal-tab li h4.widget-title {
padding: 0 !important;
margin-bottom: 10px !important;
font-size: 18px !important;
}
.tab-pane .rbc-product-inner:hover {
-webkit-box-shadow: 1px 2px 10px 3px rgba(221, 221, 221, 0.6);
box-shadow: 1px 2px 10px 3px rgba(221, 221, 221, 0.6);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: var(--primary_color);
}
.wp-block-button {
margin-top: 5px;
margin-bottom: 15px;
}
.blog-inner .search-form input[type="text"] {
background-color: #f6f6f6;
color: var(--heading_color);
padding-right: 45px;
}
.search-results article {
margin-bottom: 60px;
}
.search-results article:last-child {
margin-bottom: 30px;
}
.dropdown-toggle::after {
border-radius: 5px;
}
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color) {
color: #fff;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border: 1px solid #ccc;
}
.has-background {
padding: 20px;
}
pre {
background: #f6f6f6;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 80px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
padding: 25px 0px 10px;
margin: 0;
border-bottom: 1px solid #e6e6e6;
}
.wp-block-latest-comments .wp-block-latest-comments__comment .avatar {
width: 60px;
height: 60px;
background-color: #fff;
max-width: 80px;
margin-right: 20px;
float: left;
overflow: hidden;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.wp-block-latest-comments .wp-block-latest-comments__comment article {
margin: 0;
}
.has-text-align-center {
clear: both;
}
.has-large-font-size {
font-size: 28px;
}
.particles-js-bubble {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.masonry-container {
width: 100%;
}
.sidebar-right .sidebar .yolo-sidebar,
.sidebar-right .sidebar .sidebar-inner {
padding-left: 30px;
}
@media (max-width: 1300px) {
.sidebar-right .sidebar .yolo-sidebar,
.sidebar-right .sidebar .sidebar-inner {
padding-left: 0;
}
}
.sidebar-left .sidebar .yolo-sidebar,
.sidebar-left .sidebar .sidebar-inner {
padding-right: 30px;
}
@media (max-width: 1300px) {
.sidebar-left .sidebar .yolo-sidebar,
.sidebar-left .sidebar .sidebar-inner {
padding-right: 0;
}
} body.float .yolo-page-title-section {
margin: 0;
}
body.float header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith {
padding: 0;
}
body.float header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith.sticky-on {
padding-left: var(--header_nav_layout_padding);
padding-right: var(--header_nav_layout_padding);
}
.page-template-default .yolo-page-title-section {
margin-bottom: 130px;
}
.yolo-page-title-section .content-page-title {
position: absolute;
width: 100%;
}
.yolo-page-title-section .content-page-title h1 {
word-break: break-word;
}
@media (max-width: 1024px) {
.yolo-page-title-section .content-page-title h1 {
font-size: 32px;
}
}
@media (max-width: 480px) {
.yolo-page-title-section .content-page-title h1 {
font-size: 28px;
}
}
.yolo-page-title-section .container {
position: relative;
}
@media (max-width: 1300px) {
.yolo-page-title-section .container {
padding-left: 30px;
padding-right: 30px;
}
}
.yolo-page-title-section .yolo-breadcrumb-wrap {
color: #fff;
margin-top: 15px;
}
.yolo-page-title-section .yolo-breadcrumb-wrap i {
color: var(--primary_color);
margin-right: 5px;
}
@media (max-width: 768px) {
.yolo-page-title-section .yolo-breadcrumb-wrap {
position: relative;
}
}
.yolo-page-title-section .entry-post-meta-wrap {
margin-top: 15px;
color: #fff;
}
.yolo-page-title-section .entry-post-meta-wrap span {
margin-left: 12px;
margin-right: 12px;
margin-bottom: 7px;
}
@media (max-width: 360px) {
.yolo-page-title-section .entry-post-meta-wrap span {
display: block;
}
.yolo-page-title-section .entry-post-meta-wrap span.meta-author,
.yolo-page-title-section .entry-post-meta-wrap span.meta-comment {
display: none;
}
}
.yolo-page-title-section .entry-post-meta-wrap span i {
color: var(--primary_color);
margin-right: 5px;
}
.yolo-page-title-section.page-title-style-2 .content-page-title {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.yolo-page-title-section.page-title-style-3 .content-page-title {
text-align: right;
}
.yolo-page-title-section.page-title-style-4 .content-page-title {
bottom: 40px;
}
.yolo-page-title-section.page-title-style-4 .content-page-title .yolo-breadcrumb-wrap {
margin: 0;
position: absolute;
right: 15px;
bottom: 0;
}
@media (max-width: 768px) {
.yolo-page-title-section.page-title-style-4 .content-page-title .yolo-breadcrumb-wrap {
position: relative;
right: inherit;
}
}
.yolo-page-title-section.page-title-style-5 .content-page-title {
bottom: 40px;
}
.yolo-page-title-section.page-title-style-5 .content-page-title .page-title-inner {
float: right;
}
.yolo-page-title-section.yolo-trainer-heading {
padding-bottom: 100px;
}
.yolo-page-title-section.yolo-trainer-heading .content-page-title {
top: calc(100% - 100px);
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left img {
border-radius: 50%;
height: 200px;
width: 200px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 25px;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-trainer-heading .heading-info-left img {
height: 150px;
width: 150px;
}
}
@media (max-width: 380px) {
.yolo-page-title-section.yolo-trainer-heading .heading-info-left img {
display: none;
}
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .block-inner .rating {
margin-top: 18px;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .block-inner .rating .average-stars {
color: #f3c410;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-title {
color: #fff;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-title {
font-size: 24px;
}
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-category {
margin-top: 20px;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-category {
font-size: 16px;
}
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social {
line-height: 1em;
margin-top: 8px;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a {
margin-right: 25px;
display: inline-block;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a {
font-size: 1em;
}
}
@media (max-width: 480px) {
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a {
margin-right: 15px;
}
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a.fa-facebook:hover {
color: #4b6ea8;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a.fa-twitter:hover {
color: #29aae2;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a.fa-pinterest:hover {
color: #d83633;
}
.yolo-page-title-section.yolo-trainer-heading .heading-info-left .item-social a.fa-google-plus:hover {
color: #dd553b;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left img {
border-radius: 50%;
height: 200px;
width: 200px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 25px;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-class-heading .heading-info-left img {
height: 150px;
width: 150px;
}
}
@media (max-width: 380px) {
.yolo-page-title-section.yolo-class-heading .heading-info-left img {
display: none;
}
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .block-inner {
color: #fff;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .block-inner .rating {
margin-top: 18px;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .block-inner .rating .average-stars {
color: #f3c410;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-title {
color: #fff;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-title {
font-size: 24px;
}
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-category {
color: #fff;
margin: 10px 0 15px;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-category {
font-size: 16px;
}
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social {
line-height: 1em;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a {
margin-right: 25px;
display: inline-block;
}
@media (max-width: 768px) {
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a {
font-size: 1em;
}
}
@media (max-width: 480px) {
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a {
margin-right: 15px;
}
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a.fa-facebook:hover {
color: #4b6ea8;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a.fa-twitter:hover {
color: #29aae2;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a.fa-pinterest:hover {
color: #d83633;
}
.yolo-page-title-section.yolo-class-heading .heading-info-left .item-social a.fa-google-plus:hover {
color: #dd553b;
}
.yolo-page-title-wrap {
height: var(--page_title_height);
width: 100%;
position: relative;
background-color: var(--page_title_bg_color);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-page-title-wrap:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: var(--page_title_bg_color);
}
.page-title-inner h1 {
color: var(--page_title_color);
}
.page-title-inner .page-sub-title {
color: var(--page_sub_title_color);
}
.page-title-parallax {
background-attachment: fixed;
}
@media (max-width: 991px) {
.page-title-parallax {
background-position: center !important;
}
} ul.breadcrumbs {
margin: 0;
padding: 0;
color: #fff;
display: inline-block;
}
@media (max-width: 480px) {
ul.breadcrumbs {
font-size: 13px;
padding: 5.5px 10px;
}
}
ul.breadcrumbs li {
position: relative;
display: inline-block;
margin-right: 12px;
}
ul.breadcrumbs li:before {
margin-right: 12px;
content: '/';
}
ul.breadcrumbs li:last-child {
margin-right: 0;
}
ul.breadcrumbs li:first-child:before {
display: none;
}
.dialog {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
visibility: hidden;
width: 100%;
height: 100%;
background-color: #333;
top: 0px;
left: 0px;
}
.dialog.dialog--open {
visibility: visible;
}
.dialog__content {
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
}
.dialog--open .dialog__overlay {
-o-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.dialog--close .dialog__overlay {
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
padding: 0;
}
.dialog.dialog--open .dialog__content {
opacity: 1;
}
.morph-shape {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -2px;
left: -2px;
z-index: -1;
}
.morph-shape svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 1680;
}
.dialog--open .morph-shape svg rect {
-webkit-animation: anim-dash 0.6s forwards;
animation: anim-dash 0.6s forwards;
}
.dialog-inner {
opacity: 0;
}
.dialog-inner div button {
background-color: transparent;
}
.dialog-inner div button i {
font-size: 20px;
color: #fff;
}
.dialog--open .dialog-inner {
padding: 30px;
opacity: 1;
-webkit-transition: opacity 0.85s 0.35s;
-o-transition: opacity 0.85s 0.35s;
transition: opacity 0.85s 0.35s;
}
.dialog.dialog--open h2 {
-webkit-animation: anim-elem-1 0.7s ease-out both;
animation: anim-elem-1 0.7s ease-out both;
}
.dialog.dialog--open button[data-dialog-close] {
position: absolute;
border: none;
top: 10%;
right: 5%;
width: 50px;
height: 50px;
line-height: 1;
color: #fff;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.dialog.dialog--open p {
line-height: 1.5;
font-size: 18px;
}
.dialog--open {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.yolo-footer-wrapper.footer-1 .link_left a {
display: inline-block;
margin-right: 30px;
font-weight: 600;
color: #666;
}
.yolo-footer-wrapper.footer-1 .link_left a:hover {
color: var(--primary_color);
}
@media (max-width: 1299px) {
.yolo-footer-wrapper.footer-1 .link_left a {
margin-right: 15px;
}
.yolo-footer-wrapper.footer-1 .link_left a:last-child {
margin: 0;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 .link_left {
text-align: center !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 h6 {
text-align: center !important;
}
}
.wpcf7 .newsletter-1 {
position: relative;
text-align: right;
}
.wpcf7 .newsletter-1 .your-email input {
height: 25px;
width: 50%;
background-color: #fff;
padding-right: 90px;
border: 1px solid var(--primary_color);
}
.wpcf7 .newsletter-1 .your-email input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
.wpcf7 .newsletter-1 .your-email input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
@media (max-width: 1299px) {
.wpcf7 .newsletter-1 .your-email input {
width: 70%;
}
}
@media (max-width: 991px) {
.wpcf7 .newsletter-1 .your-email input {
width: 100%;
}
}
@media (max-width: 480px) {
.wpcf7 .newsletter-1 .your-email input {
padding-right: 15px;
}
}
.wpcf7 .newsletter-1 .ctf7_submit {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
.wpcf7 .newsletter-1 .ctf7_submit input {
background-color: var(--text_color);
position: relative;
z-index: 2;
color: #fff;
height: 25px;
border: none;
padding: 0 15px;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wpcf7 .newsletter-1 .ctf7_submit input:hover {
background-color: var(--text_color_darken_30);
}
.wpcf7 .newsletter-1 .ctf7_submit .ajax-loader {
position: absolute;
right: -20px;
}
.wpcf7 .newsletter-1 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-1 .ctf7_submit:hover:before {
color: var(--primary_color);
}
@media (max-width: 480px) {
.wpcf7 .newsletter-1 .ctf7_submit {
position: relative;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.wpcf7 .newsletter-1 {
margin-bottom: 30px;
text-align: center;
}
}
.wpcf7 .newsletter-2 {
position: relative;
}
.wpcf7 .newsletter-2 .your-email input {
width: 100%;
height: 80px;
padding-right: 70px;
background-color: #fff;
font-size: 16px;
}
.wpcf7 .newsletter-2 .your-email input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
.wpcf7 .newsletter-2 .your-email input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
.wpcf7 .newsletter-2 .ctf7_submit {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
.wpcf7 .newsletter-2 .ctf7_submit:before {
content: "\f30f";
font-family: "Ionicons";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
line-height: 80px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 18px;
}
.wpcf7 .newsletter-2 .ctf7_submit input {
padding: 9px 10px;
position: relative;
z-index: 2;
color: transparent;
height: 80px;
background-color: transparent;
border: none;
}
.wpcf7 .newsletter-2 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-2 .ctf7_submit:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: var(--primary_color);
}
.wpcf7 .newsletter-3 {
position: relative;
width: 60%;
margin: 0 auto;
}
.wpcf7 .newsletter-3 .your-email input {
display: inline-block;
width: calc(80% - 10px);
margin-right: 10px;
height: 40px;
background-color: transparent;
border: 1px solid #ccc;
font-size: 16px;
color: var(--text_color);
}
.wpcf7 .newsletter-3 .your-email input::-webkit-input-placeholder {
color: var(--text_color_fade_70);
font-style: italic;
}
.wpcf7 .newsletter-3 .your-email input::-moz-placeholder {
color: var(--text_color_fade_70);
font-style: italic;
}
@media (max-width: 479px) {
.wpcf7 .newsletter-3 .your-email input {
width: calc(70% - 10px);
}
}
.wpcf7 .newsletter-3 .ctf7_submit {
width: 20%;
position: absolute;
top: 0;
right: 0;
display: inline-block;
overflow: hidden;
text-align: center;
}
.wpcf7 .newsletter-3 .ctf7_submit input {
width: 100%;
position: relative;
z-index: 2;
color: #fff;
text-transform: uppercase;
font-weight: bold;
background-color: var(--text_color);
height: 40px;
border: none;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wpcf7 .newsletter-3 .ctf7_submit input:hover {
background-color: var(--primary_color);
}
.wpcf7 .newsletter-3 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-3 .ctf7_submit:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: var(--primary_color);
}
@media (max-width: 479px) {
.wpcf7 .newsletter-3 .ctf7_submit {
width: 30%;
}
}
@media (max-width: 767px) {
.wpcf7 .newsletter-3 {
width: 100%;
}
}
.wpcf7 .newsletter-4 {
position: relative;
}
.wpcf7 .newsletter-4 .your-email input {
width: 100%;
margin-right: 10px;
height: 40px;
background-color: transparent;
border: 1px solid var(--text_color);
font-size: 16px;
color: var(--text_color);
}
.wpcf7 .newsletter-4 .your-email input::-webkit-input-placeholder {
color: var(--text_color_fade_70);
font-style: italic;
}
.wpcf7 .newsletter-4 .your-email input::-moz-placeholder {
color: var(--text_color_fade_70);
font-style: italic;
}
.wpcf7 .newsletter-4 .ctf7_submit {
margin-top: 20px;
width: 35%;
position: relative;
overflow: hidden;
text-align: center;
}
.wpcf7 .newsletter-4 .ctf7_submit input {
width: 100%;
position: relative;
z-index: 2;
color: #fff;
text-transform: uppercase;
font-weight: bold;
background-color: var(--text_color);
height: 40px;
border: none;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wpcf7 .newsletter-4 .ctf7_submit input:hover {
background-color: var(--primary_color);
}
.wpcf7 .newsletter-4 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-4 .ctf7_submit:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: var(--primary_color);
}
.wpcf7 .contact-form-1 p {
position: relative;
display: inline-block;
}
.wpcf7 .contact-form-1 p strong {
margin-bottom: 5px;
}
.wpcf7 .contact-form-1 p span {
margin-top: 5px;
position: relative;
display: block;
}
.wpcf7 .contact-form-1 p span input,
.wpcf7 .contact-form-1 p span textarea {
background-color: transparent;
border: 1px solid var(--text_color_fade_70);
width: 100%;
}
.wpcf7 .contact-form-1 p:first-child {
width: 30%;
float: left;
display: inline-block;
}
@media (max-width: 479px) {
.wpcf7 .contact-form-1 p:first-child {
width: 100%;
float: none;
}
}
.wpcf7 .contact-form-1 p:nth-child(2) {
width: calc(70% - 30px);
float: left;
margin-left: 30px;
display: inline-block;
}
@media (max-width: 479px) {
.wpcf7 .contact-form-1 p:nth-child(2) {
width: 100%;
float: none;
margin-left: 0;
}
}
.wpcf7 .contact-form-1 p:nth-child(3) {
width: 100%;
}
.wpcf7 .contact-form-1 p input[type="submit"] {
background-color: var(--secondary_color);
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
text-transform: uppercase;
font-weight: 600;
padding: 10px 50px;
}
.wpcf7 .contact-form-1 p input[type="submit"]:hover {
background-color: var(--primary_color);
} .yolo-top-bar {
background-color: var(--top_bar_bg_color);
color: var(--top_bar_text_color);
position: relative;
font-size: 14px;
line-height: 45px;
}
@media (max-width: 1200px) {
.yolo-top-bar .container {
padding-left: 30px;
padding-right: 30px;
}
}
.yolo-top-bar .top-sidebar aside {
margin: 0;
background-color: transparent;
}
.yolo-top-bar .top-sidebar aside ul {
padding: 0 !important;
}
.yolo-top-bar .top-sidebar aside + aside {
margin-left: 30px;
}
.yolo-top-bar .top-sidebar.top-bar-right ul li a {
padding-left: 30px;
}
.yolo-top-bar .top-sidebar.top-bar-right ul li a:first-child {
padding-left: 0px;
}
.yolo-top-bar ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.yolo-top-bar ul li {
display: inline-block;
float: left;
padding-right: 30px;
}
.yolo-top-bar ul li:last-child {
padding-right: 0px;
}
.yolo-top-bar ul li a {
font-size: 14px;
line-height: 14px;
}
.yolo-top-bar .top-sidebar .profile-text {
padding-right: 10px;
}
.yolo-top-bar .top-sidebar h4.widget-title {
display: none;
}
.yolo-top-bar .top-sidebar #wp-calendar caption,
.yolo-top-bar .top-sidebar #wp-calendar thead th {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu {
overflow: visible;
border: none;
margin: 0;
padding: 0;
color: inherit;
font-size: 14px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li {
display: inline-block;
position: relative;
border: none;
color: inherit;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li:before {
display: none;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li:hover > ul {
display: block;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li > a {
padding: 0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li > a:hover {
padding-left: 0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li {
padding: 0;
margin: 0;
line-height: 50px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li + li {
margin-left: 30px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li + li:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul {
display: none;
position: absolute;
z-index: 999;
right: 0;
top: 100%;
background-color: var(--top_bar_bg_color);
color: var(--top_bar_text_color);
text-align: left;
margin: 0;
padding: 0 15px;
min-width: 150px;
-webkit-box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul li {
display: block;
white-space: nowrap;
padding: 8px 0;
margin: 0;
line-height: 28px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul li + li {
border-top: solid 1px #f0f0f0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul ul {
left: 100%;
top: 0;
}
.yolo-top-bar .top-sidebar .widget.base-primary-color i.fa,
.yolo-top-bar .top-sidebar .widget.base-primary-color a {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .widget.base-primary-color.widget_nav_menu > div > ul.menu > li + li:before,
.yolo-top-bar .top-sidebar .widget.base-primary-color.separate-left:before,
.yolo-top-bar .top-sidebar .widget.base-primary-color.separate-right:after {
background-color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .separate-left {
position: relative;
}
.yolo-top-bar .top-sidebar .separate-left:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .separate-right {
position: relative;
}
.yolo-top-bar .top-sidebar .separate-right:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .widget .custom-dropdown-list > ul li > a {
color: #333;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul {
position: relative;
display: inline-block;
padding: 0;
margin: 0;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul > li {
padding: 0;
display: block;
list-style: none;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul > li > a:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul {
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
background-color: #fff;
z-index: 999;
-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul > li {
list-style: none;
padding: 0 15px;
display: block;
line-height: 32px;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul > li img {
padding-right: 5px;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul:hover ul {
display: block;
}
.yolo-top-bar .top-bar-left {
text-align: left;
}
.yolo-top-bar .top-bar-right {
text-align: right;
}
.yolo-top-bar .top-bar-right.top-sidebar .widget_nav_menu > div > ul.menu ul ul {
left: auto;
right: 100%;
}
.yolo-top-bar .top-bar-right .yolo-login-button {
margin-left: 5px;
font-weight: 500;
}
.yolo-top-bar .top-bar-right aside ul {
float: right;
}
@media (max-width: 768px) {
.yolo-top-bar .top-bar-right aside ul {
float: left;
}
}
.yolo-top-bar .top-bar-right .widget-social-profile a {
font-size: 0;
}
.yolo-top-bar .top-bar-right .widget-social-profile a i {
font-size: 14px;
}
.yolo-top-bar .top-bar-center {
text-align: center;
}
@media screen and (max-width: 768px) {
.yolo-top-bar {
position: relative;
z-index: 998;
color: var(--top_bar_text_color);
background: var(--top_bar_bg_color);
}
.yolo-top-bar .top-bar-left,
.yolo-top-bar .top-bar-right {
text-align: left;
}
.top-bar-right.top-sidebar .widget_nav_menu > div > ul.menu ul ul {
right: auto;
left: 100%;
}
}
@media screen and (max-width: 479px) {
.yolo-top-bar ul.top-bar-info li {
display: block;
margin-left: 0 !important;
}
}
.mini-cart-hover .woocommerce-mini-cart {
max-height: 320px;
}
.cqtooltip-wrapper .cq-hotspots {
z-index: 1;
}
.yolo-mobile-menu-overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
pointer-events: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
body.menu-mobile-in .yolo-mobile-menu-overlay {
opacity: 1;
z-index: 11;
pointer-events: auto;
cursor: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/close.png) 15 15, default;
}
@media screen and (min-width: 1370px) {
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container {
width: 100%;
padding: 0;
}
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li.menu_style_tab > ul,
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li.menu_style_column > ul {
left: 0;
right: 0;
margin: 0 auto;
max-width: 1290px;
}
.yolo-top-bar .topbar-fullwith {
padding-left: var(--top_bar_layout_padding);
padding-right: var(--top_bar_layout_padding);
}
}
@media screen and (max-width: 1369px) {
.yolo-top-bar .topbar-fullwith {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 1300px) {
header.yolo-main-header .header-logo > a > img {
max-width: 230px;
}
}
@media screen and (min-width: 992px) {
.header-mobile-before,
.yolo-mobile-header-wrapper,
li.menu-fly-search {
display: none !important;
}
.logo-sticky {
list-style: none;
display: none !important;
vertical-align: middle;
}
header.yolo-main-header .yolo-header-wrapper {
position: relative;
width: 100%;
display: table;
z-index: 5;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li a {
color: inherit;
font-family: var(--menu_font);
font-weight: var(--menu_font_weight);
font-size: var(--menu_font_size);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li a:hover {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.current-menu-item > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children:hover > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children .menu-caret {
color: var(--headersidebar_nav_text_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children.menu_style_column ul.sub-menu .menu-item-type-custom a {
background-color: transparent;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children.menu_style_column > ul.sub-menu {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children.menu_style_column > ul.sub-menu ul.sub-menu {
background-color: transparent;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li.current-menu-item:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li.current-menu-item > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu > li {
color: var(--menu_sub_text_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu > li .menu-caret {
color: var(--menu_sub_text_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li a {
font-size: calc(var(--menu_font_size) - 2px);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu .menu-item-type-custom a {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .header-left.text-center,
header.yolo-main-header .header-right.text-center {
text-align: center;
}
header.yolo-main-header .header-left {
display: table-cell;
vertical-align: middle;
}
header.yolo-main-header .header-right {
display: table-cell;
vertical-align: middle;
text-align: right;
}
header.yolo-main-header .header-logo > a > img {
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-main-header .yolo-header-nav-wrapper {
position: relative;
left: 0;
right: 0;
z-index: 5;
}
header.yolo-main-header .header-customize .header-customize-item {
position: relative;
display: inline-block;
font-family: var(--menu_font);
font-size: var(--menu_font_size);
font-weight: var(--menu_font_weight);
margin: 0 5px;
float: left;
}
header.yolo-main-header .header-customize .header-customize-item a.yolo-login-button i {
margin-right: 5px;
}
header.yolo-main-header .header-customize-separate .header-customize-item + .header-customize-item:before {
content: '';
position: absolute;
left: -15px;
display: block;
width: 1px;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
}
header.yolo-main-header .canvas-menu-toggle {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 40px;
border: none;
display: inline-block;
text-align: center;
position: relative;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-main-header .canvas-menu-toggle i:hover {
color: var(--primary_color);
}
header.yolo-main-header .icon-search-menu {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 40px;
border: none;
display: inline-block;
text-align: center;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-main-header .icon-search-menu i:hover {
color: var(--primary_color);
}
header.yolo-main-header ul.header-social-profile-wrapper {
margin: 0;
padding: 0;
list-style: none;
z-index: 1;
}
header.yolo-main-header ul.header-social-profile-wrapper li {
display: inline-block;
}
header.yolo-main-header ul.header-social-profile-wrapper li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.yolo-main-header ul.header-social-profile-wrapper li a:hover {
color: var(--primary_color);
}
header.yolo-main-header ul.header-social-profile-wrapper li + li {
margin-left: 20px;
}
header.yolo-main-header .search-box input {
width: 100%;
padding-left: 10px;
padding-right: 40px;
max-width: 100%;
vertical-align: middle;
height: 30px;
}
header.yolo-main-header .search-box button {
border: none;
background-color: transparent;
position: absolute;
top: 0px;
bottom: 0;
right: 10px;
margin: auto;
padding: 0;
line-height: 1;
}
header.yolo-main-header .search-box button i {
font-size: 18px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-main-header .search-box button:hover i {
color: var(--primary_color);
}
header.yolo-main-header .search-box.search-with-category-inner input {
background-color: transparent;
height: 40px;
line-height: 38px;
border-left: 1px;
}
header.yolo-main-header .search-box-wrapper > form {
padding: 0;
margin: 0;
position: relative;
display: inline-block;
line-height: 30px;
border: none;
}
header.yolo-main-header .search-box-wrapper > form button i.fa-spinner:before {
content: '\f110';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
line-height: 30px;
}
header.yolo-main-header .ajax-search-result {
position: absolute;
top: 100%;
z-index: 10;
background-color: #fff;
left: 0;
right: 0;
border: solid 1px #eee;
border-top: none;
min-width: 200px;
}
header.yolo-main-header .ajax-search-result > ul {
position: relative;
display: block;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
line-height: 1.8;
}
header.yolo-main-header .ajax-search-result > ul > li {
padding: 10px 15px;
position: relative;
}
header.yolo-main-header .ajax-search-result > ul > li:after {
content: '';
display: block;
clear: both;
}
header.yolo-main-header .ajax-search-result > ul > li img {
float: left;
width: 50px;
margin-right: 15px;
}
header.yolo-main-header .ajax-search-result > ul > li.no-result {
text-align: center;
}
header.yolo-main-header .ajax-search-result > ul > li.selected,
header.yolo-main-header .ajax-search-result > ul > li:hover {
background-color: #fafafa;
}
header.yolo-main-header .ajax-search-result > ul > li.selected + li:before,
header.yolo-main-header .ajax-search-result > ul > li:hover + li:before {
display: none;
}
header.yolo-main-header .ajax-search-result > ul > li + li.selected:before,
header.yolo-main-header .ajax-search-result > ul > li + li:hover:before {
display: none;
}
header.yolo-main-header .ajax-search-result > ul > li + li:before {
content: '';
position: absolute;
display: block;
margin: auto;
left: 15px;
right: 15px;
top: 0;
}
header.yolo-main-header .search-with-category {
width: 400px;
}
header.yolo-main-header .search-with-category > .search-with-category-inner {
line-height: 1;
}
header.yolo-main-header .search-with-category .form-search-left {
float: left;
width: 140px;
position: relative;
}
header.yolo-main-header .search-with-category .form-search-left > span {
border: solid 1px #eee;
display: inline-block;
height: 40px;
line-height: 38px;
vertical-align: middle;
width: 100%;
border-right: none;
padding: 0 18px;
font-size: 14px;
cursor: pointer;
text-align: left;
text-transform: uppercase;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
header.yolo-main-header .search-with-category .form-search-left > span:after {
content: '\f0dd';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 15px;
margin: auto;
top: 15px;
bottom: 0;
height: 17px;
font-size: 14px;
line-height: 3px;
}
header.yolo-main-header .search-with-category .form-search-right {
padding-left: 140px;
}
header.yolo-main-header .search-with-category .form-search-right input {
border: 1px solid #eee;
}
header.yolo-main-header .search-with-category .form-search-right button[type="button"]:hover i {
color: var(--primary_color);
}
header.yolo-main-header .search-with-category .form-search-right button[type="button"] i {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-main-header .search-with-category .form-search-right button[type="button"] i.fa-spinner.fa-spin:before {
content: '\f110';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
line-height: 38px;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
header.yolo-main-header .search-with-category .search-category-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0px;
overflow: auto;
padding: 5px 0;
list-style: none;
margin: 0;
border: solid 1px #eee;
border-top: none;
background-color: #fff;
line-height: 36px;
z-index: 10;
max-height: 380px;
}
header.yolo-main-header .search-with-category .search-category-dropdown li > span {
cursor: pointer;
padding: 0 15px;
display: block;
text-align: left;
color: #333;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.yolo-main-header .search-with-category .search-category-dropdown ul li > span {
padding-left: 30px;
}
header.yolo-main-header .search-with-category .search-category-dropdown ul ul li > span {
padding-left: 45px;
}
header.yolo-main-header .search-with-category .search-category-dropdown li > span:hover {
color: var(--primary_color);
}
header.yolo-main-header .search-with-category .search-category-dropdown ul {
padding: 0;
list-style: inside;
}
header.yolo-main-header .search-with-category .ajax-search-result {
border-width: 2px;
}
header.yolo-main-header .header-customize-nav .search-box-wrapper .search-box input[type="text"] {
line-height: 45px;
height: 45px;
}
header.yolo-main-header .header-customize-nav .search-with-category .form-search-left > span,
header.yolo-main-header .header-customize-nav .search-with-category .search-with-category-inner,
header.yolo-main-header .header-customize-nav .search-with-category .form-search-right > input {
line-height: 38px;
height: 40px;
}
header.yolo-main-header .header-customize-right,
header.yolo-main-header .header-customize-left {
line-height: 50px;
}
header.yolo-main-header .header-customize-right .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper,
header.yolo-main-header .header-customize-left .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
margin-top: 20px;
}
header.yolo-main-header .header-customize.header-customize-left {
margin-left: 0;
}
header.yolo-main-header .custom-list {
margin: 0;
list-style: none;
padding-left: 0;
}
header.yolo-main-header .custom-list li {
line-height: 24px;
}
header.yolo-main-header .custom-separate {
display: inline-block;
vertical-align: middle;
height: 16px;
width: 1px;
margin-left: 15px;
margin-right: 15px;
}
header.header-float {
position: absolute !important;
z-index: 5;
left: 0;
right: 0;
background-color: transparent;
}
header.header-float .yolo-sticky-wrapper .yolo-header-nav-wrapper {
background-color: transparent;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper {
z-index: 10;
left: 0;
right: 0;
border: none !important;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .logo-sticky {
display: table !important;
line-height: 70px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .logo-sticky > a > img {
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo.has-logo-sticky {
display: none !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo {
height: 70px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo > a > img {
max-height: 70px !important;
padding-top: 0px;
padding-bottom: 0px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: none;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-customize {
line-height: 70px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-inherit.sticky-on .menu-wrapper .yolo-main-menu > li > a:hover {
color: var(--primary_color) !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on {
background-color: #eee !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #333 !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color) !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on {
background-color: #fff !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #363738 !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on {
background-color: #333 !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #fff !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color) !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .yolo-header-wrapper {
border-bottom: none;
}
body.boxed .yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper {
max-width: var(--layout_site_max_width);
margin: auto;
}
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
header.yolo-main-header .yolo-header-nav-wrapper .container {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
header.yolo-main-header .header-customize .header-customize-item a.yolo-login-button span {
display: none;
}
}
.shopping-cart-wrapper {
padding: 0;
margin: 0;
display: inline-block;
text-align: right;
position: relative;
}
.shopping-cart-wrapper.no-price .sub-total-text {
display: none;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon span.total {
position: absolute;
top: -5px;
right: 0px;
width: 20px;
height: 20px;
font-size: 12px;
text-align: center;
line-height: 20px;
border-radius: 100%;
}
@media (max-width: 991px) {
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon span.total {
top: 0px;
}
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon a {
width: 40px;
height: 40px;
line-height: 40px;
border: none;
display: inline-block;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon a i {
margin: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon a:hover {
color: var(--primary_color) !important;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
color: var(--text_color);
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 150%;
right: 0;
left: auto;
z-index: 11;
min-width: 300px;
background-color: #fff;
border: solid 2px #eee;
padding: 0;
line-height: 2em;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
-webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
-o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total {
padding: 0 15px 20px;
position: relative;
color: #222222;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty {
padding: 15px;
text-align: center;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4 {
text-transform: uppercase;
padding: 0 0 15px;
margin: 0;
font-size: 16px;
word-spacing: 0.2em;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p {
color: var(--text_color);
padding: 0;
margin: 0;
font-size: 14px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li {
padding: 15px 0;
margin: 0;
position: relative;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li {
border-top: solid 1px #eeeeee;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left {
float: left;
overflow: hidden;
margin-right: 10px;
border: solid 1px #eee;
background: #fff;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img {
height: auto;
width: 58px;
margin: 0;
display: block;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right {
overflow: hidden;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a {
text-transform: uppercase;
word-spacing: 1px;
font-size: 12px;
font-weight: 700;
display: block;
padding-right: 15px;
color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a:hover {
color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity {
font-size: 12px;
font-weight: 700;
display: block;
text-align: left;
color: #8f8f8f;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove {
position: absolute;
right: 0;
top: 15px;
padding-right: 0;
font-size: 18px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after {
content: "";
display: block;
clear: both;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total {
padding: 0;
font-size: 13px;
font-weight: bold;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
line-height: 43px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong {
text-transform: uppercase;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount {
font-weight: 700;
float: right;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons {
text-align: center;
margin: 0;
padding: 15px 0 0;
font-size: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
color: #fff;
border-radius: 0;
line-height: 20px;
padding: 10px;
font-size: 12px;
min-width: 125px;
width: 48%;
display: inline-block;
background-color: #333;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button:hover {
background-color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa {
margin-right: 5px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout {
background-color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout:hover {
background-color: var(--primary_color_darken_20);
}
@media (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
min-width: 100px;
}
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button {
margin-left: 4%;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl {
border: none;
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
clear: none;
font-size: 11px;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 11px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p {
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list,
.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget {
position: relative;
margin: 0;
list-style: none;
padding: 15px 15px 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper.mini-cart-hover {
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
.shopping-cart-wrapper.with-price .sub-total-text {
position: absolute;
top: 25px;
right: 0px;
}
.shopping-cart-wrapper.with-price .widget_shopping_cart_content .widget_shopping_cart_icon i.wicon {
border-radius: 0;
background-color: transparent;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper {
position: relative;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist i.wicon {
cursor: pointer;
padding: 0;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 15px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist i.wicon:hover {
color: var(--primary_color);
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist span.total {
position: absolute;
top: -5px;
right: 0px;
width: 20px;
height: 20px;
font-size: 12px;
text-align: center;
line-height: 20px;
border-radius: 100%;
}
.custom-dropdown-list {
position: relative;
display: inline-block;
}
.custom-dropdown-list > span {
cursor: pointer;
}
.custom-dropdown-list:hover > ul {
display: block;
}
.custom-dropdown-list > ul {
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
background-color: #fff;
z-index: 4;
-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.custom-dropdown-list > ul li {
line-height: 32px;
padding: 0 15px;
display: block;
}
.custom-dropdown-list > ul li > a {
color: #333;
white-space: nowrap;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper {
width: 300px;
padding: 0;
background: #fff;
color: var(--text_color);
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .widget_shopping_cart_icon,
#mini-cart-canvas.yolo-canvas-menu-wrapper .sub-total-text {
display: none;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .yolo-canvas-menu-close {
top: 24px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .mini-cart-title {
width: 100%;
text-align: center;
color: #fff;
padding: 20px 0;
margin: 0;
background: var(--heading_color);
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .product_list_widget {
padding: 0 25px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart-total {
padding: 0 25px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li {
position: relative;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li a {
color: var(--heading_color);
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: var(--secondary_font_size);
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li a:hover {
color: var(--primary_color);
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li img {
float: none;
width: auto;
margin: 0 auto;
display: block;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li > span {
display: block;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .mini-cart-remove {
border: 1px solid #eeeeee;
position: absolute;
top: 5px;
right: 0;
width: 20px;
height: 20px;
font-weight: normal;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .price {
display: block;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li a:first-child {
margin-top: 10px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .spinner {
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background-size: cover;
background-position: center center;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
z-index: 1;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .spinner-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper dl {
border: none;
padding: 0;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .total {
margin-top: 15px;
padding: 10px 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
text-transform: uppercase;
margin-bottom: 15px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .total .amount {
float: right;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .buttons a {
display: block;
width: 100%;
margin-bottom: 15px;
text-align: center;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .btcart {
position: fixed;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .blockUI.blockOverlay {
background-color: #ffffff !important;
}
#mini-cart-canvas .mini_cart_item p {
margin: 0;
}
#mini-cart-canvas .mini_cart_item dd {
margin: 0;
}
#mini-cart-canvas .mini_cart_item .cart-right {
position: relative;
margin-bottom: 15px;
}
#mini-cart-canvas .mini_cart_item .cart-left a {
position: relative;
overflow: hidden;
}
#mini-cart-canvas .mini_cart_item .cart-left a:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: #f0eae380;
mix-blend-mode: darken;
}
#wishlists-canvas {
padding: 0;
background: #fff;
}
#wishlists-canvas.yolo-canvas-menu-wrapper {
width: 300px;
}
#wishlists-canvas .yolo-canvas-menu-close {
top: 24px;
}
#wishlists-canvas .wishlist-title {
width: 100%;
text-align: center;
color: #fff;
padding: 15px 0;
margin: 0;
background: var(--heading_color);
}
#wishlists-canvas .wishlists-content {
overflow: auto;
}
#wishlists-canvas .wishlists-content .woocommerce-error,
#wishlists-canvas .wishlists-content .woocommerce-message,
#wishlists-canvas .wishlists-content .yith-wcwl-messages {
display: none;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form table {
min-width: 100%;
background: transparent !important;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
color: var(--text_color);
}
#wishlists-canvas .wishlists-content #yith-wcwl-form table .blockUI.blockOverlay {
display: none !important;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form .wishlist-title,
#wishlists-canvas .wishlists-content #yith-wcwl-form thead,
#wishlists-canvas .wishlists-content #yith-wcwl-form tfoot {
display: none;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody,
#wishlists-canvas .wishlists-content #yith-wcwl-form tr,
#wishlists-canvas .wishlists-content #yith-wcwl-form td {
border: none;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr {
position: relative;
display: block;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td {
margin: 5px 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-thumbnail a {
max-width: 100%;
padding: 0 25px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-remove {
position: absolute;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-remove a {
top: 10px;
right: 10px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-name a {
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.wishlist-empty {
padding-top: 25px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-add-to-cart {
margin-bottom: 10px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-add-to-cart .add-to-cart-wrap {
position: relative;
bottom: auto;
left: auto;
opacity: 1;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr .spinner {
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background-size: cover;
background-position: center center;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
z-index: 5;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr .spinner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr:first-child {
padding-top: 25px;
}
#wishlists-canvas .wl-button {
border-top: 1px solid #ccc;
}
#wishlists-canvas .wl-button a {
width: calc(100% - 50px);
margin: 25px;
text-align: center;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
overflow: auto;
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
}
.navbar-nav > li {
float: left;
}
}
.header-customize .calling-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-customize .calling-content:hover i {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.header-customize .calling-content i {
font-size: 3em;
float: left;
color: var(--primary_color);
padding: 0 0.15em;
line-height: 1;
-webkit-transform: rotateZ(-20deg);
-ms-transform: rotate(-20deg);
transform: rotateZ(-20deg);
}
.header-customize .calling-content .calling-desc {
text-transform: uppercase;
text-align: left;
padding: 0;
line-height: 1.5em;
font-weight: 600;
}
.header-customize .calling-content .calling-desc a {
color: var(--primary_color_fade_90);
}
.header-customize .calling-content .calling-desc a:hover {
color: var(--primary_color);
}
.header-customize .calling-content .calling-desc h3 {
margin: 0;
font-size: 18px;
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-1 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_1_nav_layout_padding);
padding-right: var(--header_1_nav_layout_padding);
}
}
.header-1 {
position: relative;
}
.header-1.header-float .yolo-page-title-section .content-page-title {
margin-top: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper.text-left {
z-index: 10;
}
.header-1 .yolo-header-nav-wrapper.yolo-nav-wrapper {
background-color: var(--header_1_nav_bg_color);
}
.header-1 .yolo-header-nav-wrapper .header-logo {
display: table-cell;
vertical-align: middle;
text-align: center;
height: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper .header-logo > a img {
max-height: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right {
line-height: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right .search-box-wrapper form input {
background-color: transparent;
border: 1px solid #eee;
min-width: 370px;
}
@media (min-width: 992px) and (max-width: 1024px) {
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right .search-with-category {
width: 405px;
}
}
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right .custom-text-wrapper i {
margin-right: 10px;
font-size: 16px;
}
.header-1 .yolo-header-nav-wrapper.sticky-on {
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
.header-1 .yolo-header-nav-wrapper.sticky-out {
background-color: var(--header_1_nav_bg_color);
}
.header-1 .yolo-header-wrapper .yolo-main-menu > li {
color: var(--header_1_nav_text_color);
}
.header-1 .yolo-header-wrapper .yolo-main-menu > li > a {
padding: 0;
line-height: 70px;
padding-right: var(--header_1_nav_distance);
}
@media (max-width: 1199px) {
.header-1 .yolo-header-wrapper .yolo-main-menu > li > a {
padding: 20px 10px;
padding-right: 20px;
}
}
.header-1 .header-customize.header-customize-nav {
float: right;
height: 70px;
line-height: 70px;
}
.header-1 .header-customize.header-customize-nav .header-customize-item {
margin-left: 20px;
height: 70px;
color: var(--header_1_nav_text_color);
}
.header-1 .header-customize .header-customize-item {
float: left;
}
.header-1 .header-center .menu-wrapper {
margin: 0 auto;
}
.header-1 .yolo-sticky-wrapper.is-sticky .header-sticky {
padding-top: 0px;
background-color: var(--header_1_nav_bg_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-2 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_2_nav_layout_padding);
padding-right: var(--header_2_nav_layout_padding);
}
}
.header-2.header-float .yolo-page-title-section .content-page-title {
margin-top: var(--header_2_height);
}
header.header-2 {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-customize {
display: table;
width: 100%;
font-family: var(--menu-font);
}
header.header-2 .yolo-header-customize .yolo-custom-left,
header.header-2 .yolo-header-customize .yolo-custom-right,
header.header-2 .yolo-header-customize .header-logo {
display: table-cell;
vertical-align: middle;
}
header.header-2 .yolo-header-customize .yolo-custom-left {
text-align: left;
width: 35%;
}
header.header-2 .yolo-header-customize .yolo-custom-right {
text-align: right;
width: 35%;
}
header.header-2 .yolo-header-customize .yolo-custom-right .header-customize-item {
float: none;
}
header.header-2 .header-logo {
height: var(--header_2_height);
text-align: center;
width: 30%;
}
header.header-2 .header-logo a img {
max-height: var(--header_2_height);
}
header.header-2.header-float .header-customize-left,
header.header-2.header-float .header-customize-right {
color: #fff;
}
header.header-2 .header-customize-left,
header.header-2 .header-customize-right {
color: var(--text_color);
}
header.header-2 .yolo-header-nav-wrapper {
background-color: var(--header_2_nav_bg_color);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu {
float: none;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li {
display: inline-block;
float: none;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li > a {
padding-left: var(--header_2_nav_distance);
padding-right: var(--header_2_nav_distance);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li ul {
text-align: left;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-customize-nav .header-customize-item {
margin-left: 10px;
}
header.header-2 .yolo-header-nav-wrapper.sticky-on {
background-color: var(--header_2_nav_bg_color);
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
header.header-2 .yolo-header-nav-wrapper.sticky-out {
background-color: var(--header_2_nav_bg_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-3 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_3_nav_layout_padding);
padding-right: var(--header_3_nav_layout_padding);
}
}
.header-3.header-float .yolo-page-title-section .content-page-title {
margin-top: var(--header_3_height);
}
header.header-3 {
position: relative;
background-color: var(--header_3_nav_bg_color);
color: var(--header_3_nav_text_color);
}
header.header-3 .yolo-account .sub-menu {
background-color: var(--menu_sub_bg_color);
color: var(--menu_sub_text_color);
}
header.header-3 .yolo-header-nav-wrapper {
position: relative;
height: var(--header_3_height);
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left-offcanvas {
position: relative;
z-index: 2;
float: left;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left-offcanvas .canvas-menu-toggle-wrapper {
padding-right: 70px;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left {
float: left;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo {
position: relative;
z-index: 1;
display: table;
height: var(--header_3_height);
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo a {
display: table-cell;
vertical-align: middle;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo a img {
max-height: var(--header_3_height);
}
@media (max-width: 1199px) {
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo a img {
max-width: 160px;
}
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right {
float: right;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .menu-wrapper {
float: left;
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .menu-wrapper .navbar-nav > li > a {
line-height: var(--header_3_height);
padding-top: 0;
padding-bottom: 0;
padding-left: var(--header_3_nav_distance);
padding-right: var(--header_3_nav_distance);
}
@media (max-width: 1300px) {
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .menu-wrapper .navbar-nav > li > a {
padding: 0 15px;
}
}
@media (max-width: 1100px) {
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .menu-wrapper .navbar-nav > li > a {
padding: 0 7px;
}
}
header.header-3 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize {
display: inline-block;
line-height: var(--header_3_height);
}
header.header-3 .yolo-header-nav-wrapper.sticky-in {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on {
height: 70px;
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .yolo-header-wrapper .header-left-offcanvas .header-customize {
height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-left .header-logo {
line-height: 70px;
height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .menu-wrapper .navbar-nav > li > a {
line-height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .header-customize {
line-height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out {
height: 70px;
-webkit-box-shadow: none;
box-shadow: none;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .yolo-header-wrapper .header-left-offcanvas .header-customize {
height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-left .header-logo {
height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .menu-wrapper .navbar-nav > li > a {
line-height: 70px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .header-customize {
line-height: 70px;
}
header.header-3 .yolo-sticky-wrapper.is-sticky .header-sticky {
background-color: var(--header_3_nav_bg_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-4 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_4_nav_layout_padding);
padding-right: var(--header_4_nav_layout_padding);
}
}
.header-4.header-float .yolo-page-title-section .content-page-title {
margin-top: var(--header_4_height);
}
header.header-4 {
position: relative;
background-color: var(--header_4_nav_bg_color);
color: var(--header_4_nav_text_color);
}
header.header-4 .yolo-account .sub-menu {
background-color: var(--menu_sub_bg_color);
color: var(--menu_sub_text_color);
}
header.header-4 .yolo-header-nav-wrapper {
position: relative;
height: var(--header_4_height);
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left-offcanvas {
position: relative;
z-index: 2;
float: left;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left-offcanvas .canvas-menu-toggle-wrapper {
padding-right: 70px;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left {
float: left;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo {
position: relative;
z-index: 1;
display: table;
height: var(--header_4_height);
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo a {
display: table-cell;
vertical-align: middle;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-logo a img {
max-height: var(--header_4_height);
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center .menu-wrapper {
float: left;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center .menu-wrapper .navbar-nav > li > a {
line-height: var(--header_4_height);
padding-top: 0;
padding-bottom: 0;
padding-left: var(--header_4_nav_distance);
padding-right: var(--header_4_nav_distance);
}
@media (max-width: 1300px) {
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center .menu-wrapper .navbar-nav > li > a {
padding: 0 15px;
}
}
@media (max-width: 1100px) {
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center .menu-wrapper .navbar-nav > li > a {
padding: 0 7px;
}
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right {
float: right;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize {
display: inline-block;
line-height: var(--header_4_height);
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize .calling-content {
height: var(--header_4_height);
}
header.header-4 .yolo-header-nav-wrapper.sticky-in {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
header.header-4 .yolo-header-nav-wrapper.sticky-on {
height: 70px;
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
header.header-4 .yolo-header-nav-wrapper.sticky-on .container .yolo-header-wrapper .header-left-offcanvas .header-customize {
height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-on .container .header-left .header-logo {
line-height: 70px;
height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-on .container .header-center .menu-wrapper .navbar-nav > li > a {
line-height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-on .container .header-right .menu-wrapper .navbar-nav > li > a {
line-height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-on .container .header-right .header-customize {
line-height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-on .container .header-right .header-customize .calling-content {
height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out {
height: 70px;
-webkit-box-shadow: none;
box-shadow: none;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out .container .yolo-header-wrapper .header-left-offcanvas .header-customize {
height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out .container .header-center .menu-wrapper .navbar-nav > li > a {
line-height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out .container .header-left .header-logo {
height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out .container .header-right .menu-wrapper .navbar-nav > li > a {
line-height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out .container .header-right .header-customize {
line-height: 70px;
}
header.header-4 .yolo-header-nav-wrapper.sticky-out .container .header-right .header-customize .calling-content {
height: 70px;
}
header.header-4 .yolo-sticky-wrapper.is-sticky .header-sticky {
background-color: var(--header_4_nav_bg_color);
}
@media screen and (min-width: 992px) {
header.yolo-mobile-header {
display: none !important;
}
}
@media screen and (max-width: 991px) {
body {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
left: 0;
}
.mobile-top-bar-hide,
header.yolo-main-header {
display: none !important;
}
body.menu-mobile-in {
overflow: hidden;
}
.container.yolo-mobile-header-wrapper {
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.header-mobile-before {
text-align: center;
}
.header-mobile-before img {
padding-top: var(--logo_mobile_padding);
padding-bottom: var(--logo_mobile_padding);
-ms-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.header-logo-mobile {
vertical-align: middle;
text-align: center;
}
.header-logo-mobile img {
max-height: var(--main_menu_mobile_height);
padding-top: var(--logo_mobile_padding);
padding-bottom: var(--logo_mobile_padding);
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.toggle-icon-wrapper .toggle-icon {
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 30px;
cursor: pointer;
}
.toggle-icon-wrapper .toggle-icon > span {
background: none repeat scroll 0 0 #000;
bottom: 0;
display: block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:before,
.toggle-icon-wrapper .toggle-icon:after {
background: none repeat scroll 0 0 #000;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 80%;
bottom: 5px;
}
.toggle-icon-wrapper .toggle-icon:before {
top: 5px;
bottom: auto;
}
.toggle-icon-wrapper .toggle-icon:hover > span,
.toggle-icon-wrapper .toggle-icon:hover:before,
.toggle-icon-wrapper .toggle-icon:hover:after {
background-color: var(--primary_color);
}
header.yolo-mobile-header {
background: #fff;
}
header.yolo-mobile-header .header-left,
header.yolo-mobile-header .toggle-icon-wrapper.toggle-desktop,
header.yolo-mobile-header .header-customize {
display: none;
}
header.yolo-mobile-header .yolo-header-container-wrapper {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
z-index: 997;
top: 0;
border-bottom: solid 1px #eeeeee;
}
header.yolo-mobile-header .yolo-mobile-header-wrapper {
background-color: #fff;
}
header.yolo-mobile-header .yolo-account {
font-size: 0;
display: inline-block;
vertical-align: middle;
}
header.yolo-mobile-header .yolo-account a {
line-height: initial;
}
header.yolo-mobile-header .yolo-account a i {
padding-left: 10px;
padding-right: 10px;
}
header.yolo-mobile-header .yolo-account ul {
font-size: 14px;
}
header.yolo-mobile-header .canvas-menu-toggle-wrapper {
margin-left: 0;
margin-right: 0;
}
header.yolo-mobile-header .yolo-mobile-header-inner {
position: relative;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize {
display: block;
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
color: #000;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize-item {
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
header.yolo-mobile-header .yolo-mobile-header-inner .toggle-icon-wrapper {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
}
header.yolo-mobile-header .yolo-mobile-header-inner .icon-search-menu {
display: inline-block;
vertical-align: middle;
color: var(--text_color);
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
padding: 0;
font-size: 24px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-mobile-header .yolo-mobile-header-inner .icon-search-menu:hover {
color: var(--primary_color);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
display: inline-block;
vertical-align: middle;
top: 0;
height: 45px;
line-height: 45px;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
padding: 0;
font-size: 24px;
color: var(--text_color);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon + span {
position: absolute;
top: 5px;
right: 0px;
color: #fff;
background-color: var(--primary_color);
border-radius: 100%;
padding: 0;
width: 17px;
height: 17px;
line-height: 17px;
}
.yolo-mobile-header-nav {
background: #fff;
display: none;
margin-bottom: 15px;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.current-menu-ancestor > a,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.current-menu-parent > a,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.current-menu-item > a,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.menu-current > a,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li > a:hover,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li:hover > a,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li ul.sub-menu li:hover > a {
color: var(--primary_color);
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.current-menu-ancestor > a > b.caret:before,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.current-menu-parent > a > b.caret:before,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.current-menu-item > a > b.caret:before,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li.menu-current > a > b.caret:before,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li > a:hover > b.caret:before,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li:hover > a > b.caret:before,
.yolo-mobile-header-nav .yolo-nav-mobile-menu li ul.sub-menu li:hover > a > b.caret:before {
color: var(--primary_color);
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul.sub-menu {
background-color: #f2f2f2;
position: relative;
padding-left: 0;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul.sub-menu > li.menu-item {
padding-left: 20px;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul.sub-menu > li.menu-item > a {
font-size: calc(var(--menu_font_size) - 3px);
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #e6e6e6;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul ul.sub-menu {
background-color: #e6e6e6;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #e6e6e6;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul ul ul.sub-menu {
background-color: #d9d9d9;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul ul ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #d9d9d9;
}
.yolo-mobile-header-nav .yolo-nav-mobile-menu ul ul ul ul.sub-menu {
background-color: #cccccc;
}
.yolo-mobile-header-nav form.yolo-search-form-mobile-menu {
background-color: var(--heading_color_fade_90);
padding: 15px;
position: relative;
}
.yolo-mobile-header-nav form.yolo-search-form-mobile-menu input {
background-color: var(--heading_color);
border: none;
display: block;
width: 100%;
font-size: 14px;
line-height: 1.2;
height: auto;
padding: 12px;
color: #fff;
}
.yolo-mobile-header-nav form.yolo-search-form-mobile-menu button {
border: none;
background-color: transparent;
position: absolute;
top: 0;
right: 20px;
line-height: 1;
bottom: 0;
margin: auto;
font-size: 14px;
color: #fff;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item {
font-size: calc(var(--menu_font_size) - 1px);
border-bottom: 1px solid #e0e0e0;
letter-spacing: 0.1em;
color: var(--menu_mobile_color);
font-family: var(--menu_font);
font-weight: var(--menu_font_weight);
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > a {
padding: 15px;
display: inline-block;
line-height: 1;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > a:hover {
color: var(--primary_color);
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > a span {
display: none;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret {
float: right;
right: 0;
position: absolute;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret:before {
font-size: 12px;
display: inline-block;
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: bold;
text-align: center;
line-height: 45px;
width: 45px;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: var(--primary_color);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret.active:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f077";
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item:not(.sub-menu-open):hover {
background-color: #f7f7f7;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open {
border-bottom-width: 0px;
}
.yolo-mobile-header-nav ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open > ul.sub-menu:before {
content: "";
display: block;
position: absolute;
top: -6px;
left: 15px;
z-index: 1;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #e6e6e6;
}
form.yolo-search-form-mobile-menu {
display: none;
}
.yolo-mobile-header-nav.menu-drop-fly {
display: block;
position: fixed;
margin: 0;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 280px;
left: -280px;
border-right: solid 2px var(--primary_color);
z-index: 9999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-mobile-header-nav.menu-drop-fly.in {
left: 0;
}
.yolo-mobile-header-nav.menu-drop-fly form.yolo-search-form-mobile-menu {
display: block;
}
.yolo-mobile-header-nav.menu-drop-fly ul.yolo-nav-mobile-menu {
padding: 0;
}
.yolo-mobile-header-nav.menu-drop-dropdown form.yolo-search-form-mobile-menu {
display: none;
}
.yolo-mobile-header-nav.menu-drop-dropdown ul.yolo-nav-mobile-menu {
padding: 15px;
}
header.header-mobile-2 {
display: block;
}
header.header-mobile-2 .yolo-mobile-header-wrapper {
background-color: #f2f2f2;
}
header.header-mobile-2 .yolo-mobile-header-inner {
position: relative;
padding-top: 10px;
padding-bottom: 15px;
}
header.header-mobile-2 .yolo-mobile-header-inner .header-customize {
color: #eeeeee;
right: 0;
}
header.header-mobile-2 .yolo-mobile-header-inner .icon-search-menu,
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
height: 30px;
line-height: 32px;
width: 36px;
color: #000;
}
header.header-mobile-2 .yolo-mobile-header-inner .icon-search-menu:before,
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon:before {
line-height: 28px;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper {
position: static;
}
header.header-mobile-3 .header-logo-mobile {
text-align: right;
}
header.header-mobile-3 .yolo-mobile-header-inner .header-customize {
left: 50px;
right: auto;
}
header.header-mobile-3 .shopping-cart-wrapper {
position: static;
}
header.header-mobile-3 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
left: -45px;
right: auto;
}
header.header-mobile-3 .yolo-mobile-header-inner .toggle-icon-wrapper {
top: 50%;
-webkit-transform: translate(0, -45%);
-ms-transform: translate(0, -45%);
transform: translate(0, -45%);
}
header.header-mobile-4 .header-logo-mobile {
text-align: left;
}
header.header-mobile-4 .yolo-mobile-header-inner .toggle-icon-wrapper {
right: 0px;
left: auto;
top: 50%;
-webkit-transform: translate(0, -45%);
-ms-transform: translate(0, -45%);
transform: translate(0, -45%);
}
header.header-mobile-4 .yolo-mobile-header-wrapper .header-customize {
right: 50px;
left: auto;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-container-wrapper {
z-index: 997;
left: 0;
right: 0;
}
.yolo-sticky-wrapper:not(.is-sticky) {
height: auto !important;
position: relative !important;
}
}
@media screen and (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 280px;
}
}
@media screen and (max-width: 320px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 254px;
}
}
nav.yolo-canvas-menu-wrapper {
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
width: 330px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background-color: var(--heading_color);
color: #fff;
padding: 30px;
}
nav.yolo-canvas-menu-wrapper.in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-close {
position: absolute;
top: 10px;
right: 25px;
cursor: pointer;
color: #fff;
}
nav.yolo-canvas-menu-wrapper aside.widget {
background-color: transparent;
text-align: center;
margin-bottom: 30px;
}
nav.yolo-canvas-menu-wrapper aside.widget img {
max-width: 170px;
margin-bottom: 20px;
}
nav.yolo-canvas-menu-wrapper aside.widget .social-profile:before {
content: none;
}
nav.yolo-canvas-menu-wrapper aside.widget .social-profile li:before {
content: none;
}
nav.yolo-canvas-menu-wrapper aside.widget .social-profile li {
margin: 0 !important;
padding: 5px;
border: none;
}
nav.yolo-canvas-menu-wrapper aside.widget .social-profile li a i {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
color: var(--heading_color);
background: white;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
nav.yolo-canvas-menu-wrapper aside.widget .social-profile li a i:hover {
color: #fff;
background-color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside {
padding: 0;
border: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside:before {
top: 2px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4 {
padding-left: 10px;
color: #fff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title {
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title span {
padding: 0;
color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title:before {
display: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item {
font-size: 12px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
letter-spacing: 0.1em;
font-weight: bold;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item a {
padding: 8px 4px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item a:hover {
padding-left: 15px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul.social-profile.social-icon-bordered li a:hover i {
color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside .about-description {
padding: 15px 0;
}
nav.yolo-canvas-menu-wrapper.dark {
background-color: #333333;
color: #fff;
}
nav.yolo-canvas-menu-wrapper.dark .widget_archive > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_categories > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_pages > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_nav_menu > div > ul,
nav.yolo-canvas-menu-wrapper.dark .woocommerce .widget_product_categories > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_layered_nav > ul {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
nav.yolo-canvas-menu-wrapper.dark li + li,
nav.yolo-canvas-menu-wrapper.dark .widget_posts_item + .widget_posts_item {
border-top-color: rgba(255, 255, 255, 0.2);
}
nav.yolo-canvas-menu-wrapper.dark .widget_categories ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_pages ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_nav_menu > div ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_product_categories ul ul {
border-top-color: rgba(255, 255, 255, 0.2);
}
body.admin-bar nav.yolo-canvas-menu-wrapper {
top: 32px;
}
.canvas-menu-toggle-wrapper {
margin-right: 10px;
}
.canvas-menu-toggle-wrapper i.micon {
vertical-align: middle;
} body.single-yolo_footer footer {
display: none;
}
.error404 .yolo-footer-wrapper.footer_blank,
.archive .yolo-footer-wrapper.footer_blank,
.search .yolo-footer-wrapper.footer_blank,
.blog .yolo-footer-wrapper.footer_blank {
margin-top: 0 !important;
}
.single-product .yolo-footer-wrapper.footer_blank,
.single-post .yolo-footer-wrapper.footer_blank {
margin-top: 0 !important;
}
.error404 #yolo-footer-wrapper .yolo-footer-wrapper.footer_blank {
margin-top: 0 !important;
}
#yolo-footer-wrapper {
position: relative;
z-index: -1;
}
@media (max-width: 1300px) {
#yolo-footer-wrapper {
z-index: 1;
}
}
#yolo-footer-wrapper .yolo-footer-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
position: fixed;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
@media (max-width: 1300px) {
#yolo-footer-wrapper .yolo-footer-wrapper {
position: relative;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
}
#yolo-footer-wrapper .yolo-footer-wrapper.footer_blank {
position: relative;
margin-top: 120px;
}
@media (max-width: 991px) {
#yolo-footer-wrapper .yolo-footer-wrapper.footer_blank {
margin-top: 30px;
}
}
.yolo-footer-wrapper.footer_blank {
margin-top: 120px;
background-color: #111;
color: rgba(255, 255, 255, 0.9);
}
.yolo-footer-wrapper.footer_blank .footer-credits {
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.yolo-footer-wrapper.footer_blank .footer-credits h4 {
margin: 15px 0;
color: #fff;
font-size: 15px;
}
@media (max-width: 480px) {
.yolo-footer-wrapper.footer_blank .footer-credits {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.yolo-footer-wrapper.footer-1 .link_left a {
display: inline-block;
margin-right: 30px;
font-weight: 600;
color: #666;
}
.yolo-footer-wrapper.footer-1 .link_left a:hover {
color: var(--primary_color);
}
@media (max-width: 1299px) {
.yolo-footer-wrapper.footer-1 .link_left a {
margin-right: 15px;
}
.yolo-footer-wrapper.footer-1 .link_left a:last-child {
margin: 0;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 .link_left {
text-align: center !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 h6 {
text-align: center !important;
}
}
.title-center .widget-title {
text-align: center;
}
ul.footer-2 {
padding: 0px;
}
ul.footer-2 li {
list-style: none;
}
ul.footer-2 li a {
position: relative;
display: inline-block;
padding-left: 15px;
}
ul.footer-2 li a:before {
content: "\f0da";
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
left: 0px;
}
ul.footer-2 li a:hover {
color: #56d47e;
}
.yolo-footer-wrapper .elementor-widget-wp-widget-nav_menu ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
.yolo-footer-wrapper .elementor-widget-wp-widget-nav_menu ul li {
margin-bottom: 5px;
padding-left: 16px;
position: relative;
}
.yolo-footer-wrapper .elementor-widget-wp-widget-nav_menu ul li:before {
background: rgba(255, 255, 255, 0.8);
height: 4px;
width: 4px;
border-radius: 50%;
left: 0;
top: 12px;
position: absolute;
content: '';
}
.yolo-footer-wrapper .elementor-widget-wp-widget-nav_menu ul li:hover:before {
background-color: var(--primary_color);
}
.yolo-footer-wrapper.footer-2 .footer-2-top {
border-bottom: 2px solid #ffd338;
}
.yolo-footer-wrapper.footer-4 .wpb_content_element {
margin-bottom: 0px;
}
.yolo-footer-wrapper.footer-4 ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.yolo-footer-wrapper.footer-4 ul li.menu-item {
display: inline-block;
padding-right: 45px;
}
.yolo-footer-wrapper.footer-4 ul li.menu-item a {
font-size: 16px;
font-weight: 600;
}
.yolo-footer-wrapper.footer-4 ul li.menu-item:last-child {
padding-right: 0px;
}
@media screen and (min-width: 320px) {
.yolo-footer-wrapper.footer-4 ul {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.yolo-footer-wrapper.footer-4 ul {
margin-bottom: 0px;
}
}
.menu-footer-1.wpb_content_element {
margin: 0px;
}
.menu-footer-1.center {
text-align: center;
}
.menu-footer-1 div ul {
list-style: none;
margin: 0px;
padding: 0px !important;
}
.menu-footer-1 div ul li {
display: inline-block;
padding: 0 20px;
border-right: 2px solid #fff;
line-height: 16px;
}
@media screen and (max-width: 991px) {
.menu-footer-1 div ul li {
padding: 0 10px;
}
}
.menu-footer-1 div ul li:first-child {
padding-left: 0px;
}
.menu-footer-1 div ul li:last-child {
border-right: none;
}
.menu-footer-1 div ul li:hover a {
color: #f05c5c;
}
.menu-footer-1 div ul li a {
color: #fff;
font-size: 16px;
line-height: 16px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
@media screen and (min-width: 320px) {
.menu-footer-1 {
margin-bottom: 30px;
text-align: center !important;
}
}
@media screen and (min-width: 768px) {
.menu-footer-1 {
margin-bottom: 0px;
text-align: left !important;
}
}
@media screen and (min-width: 320px) {
.copy-right {
text-align: center !important;
}
}
@media screen and (min-width: 768px) {
.copy-right {
display: block;
text-align: right !important;
}
}
.yolo-footer-wrapper .widget {
background-color: transparent;
margin-bottom: 0;
} #wp-calendar {
width: 100%;
overflow: hidden;
}
#calendar_wrap .wp-calendar-nav-prev {
font-weight: 500;
margin-top: 10px;
position: relative;
display: block;
}
#wp-calendar caption {
text-align: center;
margin-top: 0;
padding: 0;
caption-side: top;
color: var(--heading_color);
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 5px;
padding-top: 10px;
text-align: center;
border: none;
}
#wp-calendar tbody {
font-size: 13px;
}
#wp-calendar tbody td {
background: #f6f6f6;
border: 1px solid #fff;
text-align: center;
padding: 8px 5px;
font-weight: 500;
}
#wp-calendar tbody td.pad:hover {
background: transparent !important;
}
#wp-calendar tbody td:hover,
#wp-calendar tbody td#today {
color: #fff;
background-color: var(--primary_color);
}
#wp-calendar tbody td:hover a {
color: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot td {
padding: 5px 7px;
border-color: transparent;
}
#wp-calendar tfoot #next {
font-size: 12px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 12px;
text-transform: uppercase;
padding-top: 10px;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
border-color: transparent;
}
.search-form {
position: relative;
}
.search-form input[type="text"] {
border-radius: 5px;
width: 100%;
height: 54px;
color: var(--heading_color);
background-color: #f6f6f6;
padding-right: 54px;
}
.search-form input[type="text"] ::-webkit-input-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] :-moz-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] ::-moz-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] :-ms-input-placeholder {
color: var(--text_color);
}
.search-form button[type="submit"] {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
border: none;
padding: 0;
height: 54px;
width: 54px;
background-color: var(--heading_color);
color: #ffffff !important;
font-size: 16px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.search-form button[type="submit"]:focus {
outline: none;
}
.search-form button[type="submit"]:hover {
background-color: var(--primary_color);
}
.yolo_widget_product_cat li {
list-style: none;
float: left;
padding: 5px 0;
}
.yolo_widget_product_cat li a {
display: block;
}
.yolo_widget_product_cat li a img {
width: 33.33%;
padding-right: 10px;
float: left;
}
.yolo_widget_product_cat li a:after {
display: none;
}
.yolo_widget_product_cat .columns-4 li {
width: 25%;
}
.yolo_widget_product_cat .columns-3 li {
width: 33.33%;
}
.yolo_widget_product_cat .columns-2 li {
width: 50%;
}
.yolo_widget_product_cat .columns-1 li {
width: 100%;
}
@media (max-width: 991px) {
.yolo_widget_product_cat .columns-1 li {
width: 50%;
}
.yolo_widget_product_cat .columns-4 li {
width: 50%;
}
.yolo_widget_product_cat .columns-3 li {
width: 50%;
}
}
@media (max-width: 600px) {
.yolo_widget_product_cat .columns-1 li {
width: 100%;
}
.yolo_widget_product_cat .columns-4 li {
width: 100%;
}
.yolo_widget_product_cat .columns-3 li {
width: 100%;
}
.yolo_widget_product_cat .columns-2 li {
width: 100%;
}
}
.single-sidebar .class-register-btn .jhana-btn {
width: 100%;
text-align: center;
margin-top: 25px;
margin-bottom: 15px;
}
.sidebar .class-trainers article.trainer-item-wrap:last-child {
margin-bottom: 0;
}
.widget-content-wrap .day-filter {
width: 49%;
padding: 3px 0;
}
.widget-content-wrap .day-filter input {
margin-right: 5px;
}
.widget-content-wrap .search-event,
.widget-content-wrap .search-class {
margin-bottom: 10px;
}
.widget-content-wrap .search-event:last-child,
.widget-content-wrap .search-class:last-child {
margin-bottom: 0;
}
.widget-content-wrap .widget-info-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 12px 0 10px;
border-bottom: 1px dashed #d5d5d5;
}
.widget-content-wrap .widget-info-item:first-child {
padding-top: 0;
}
.widget-content-wrap .widget-info-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget-content-wrap .widget-info-item .wi__icon {
width: 28px;
text-align: center;
}
.widget-content-wrap .widget-info-item .wi__content {
padding-left: 10px;
width: calc(100% - 50px);
}
.widget-content-wrap .widget-info-item .wi__content .item-label {
letter-spacing: 0.5px;
margin: 0 0 0px;
font-size: 18px;
}
.widget-content-wrap .widget-info-item .wi__content .item-value {
margin: 0;
}
.widget-yolo-event-slider .item-content-wrap .item-thumb {
margin: 0 !important;
}
.widget-yolo-event-slider .owl-dots {
margin-top: 5px;
text-align: left;
}
.widget article.event-item {
text-align: left;
margin-bottom: 0;
border-radius: 10px;
overflow: hidden;
}
.widget article.event-item .loop-item-content {
padding: 25px 0 15px;
}
@media (max-width: 991px) {
.yolo-filter-widget,
.yolo-sidebar {
margin-top: 50px;
}
}
.site-content-single-class .sidebar .widget,
.site-content-single-trainer .sidebar .widget {
padding: 40px 30px 40px;
-webkit-box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
border-radius: 10px;
}
@media (max-width: 991px) {
.sidebar {
margin-top: 80px;
}
}
.sidebar aside + aside {
margin-top: 30px;
}
.sidebar .widget {
margin-bottom: 60px;
background: none;
border-radius: 0;
padding: 0;
overflow: auto;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget .widget-title {
margin-top: 0px;
margin-bottom: 30px;
text-transform: capitalize;
letter-spacing: 0.5px;
}
.sidebar .widget:before {
content: none;
}
.sidebar .widget ul.sub-menu li,
.sidebar .widget ul.children li {
padding: 2px 0 0px 20px;
border-bottom: medium none;
}
.sidebar .widget ul {
padding-left: 0;
list-style-type: none;
margin: 0;
}
.sidebar .widget ul li {
position: relative;
overflow: hidden;
padding: 10px 0;
border-bottom: 1px solid #E9E9E9;
}
.sidebar .widget ul li:last-child {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .widget ul li cite {
color: var(--text_color_fade_80);
}
.sidebar .widget ul li .count,
.sidebar .widget ul li .show_count {
float: right;
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar .widget ul li .count,
.sidebar .widget ul li .show_count {
display: none;
}
}
.sidebar .widget ul li.current-cat a {
color: var(--primary_color);
}
.sidebar .widget > ul li a,
.sidebar .widget > div li a,
.sidebar .widget > select li a {
text-transform: capitalize;
}
.sidebar .widget .yolo-event-slider-wrap {
padding: 0;
}
.sidebar .widget > ul {
list-style: none;
margin: 0;
}
.sidebar .yolo_widget_color_filter .yolo-filter-color {
width: 30px;
height: 30px;
border-radius: 100px;
display: inline-block;
}
.sidebar .yolo_widget_color_filter ul li {
padding: 0;
margin-right: 15px;
margin-bottom: 0;
}
.sidebar .yolo_widget_color_filter ul li.chosen a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
position: absolute;
top: 4px;
left: 8px;
color: #fff;
}
.sidebar .yolo_widget_color_filter ul li:before {
content: none;
}
.sidebar .yolo_widget_price_filter form .price_slider_wrapper .ui-widget-content {
margin: 0 3px 5px;
background-color: #ddd;
}
.sidebar .yolo_widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.sidebar .yolo_widget_price_filter .ui-slider .ui-slider-handle {
border-radius: 100px;
border: 4px solid #fff !important;
background: var(--primary_color);
width: 15px;
height: 15px;
top: -6px;
}
.sidebar .yolo_widget_price_filter .price_slider_amount {
font-weight: bold;
}
.sidebar .yolo_widget_price_filter .price_slider_amount .price_label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sidebar .yolo_widget_price_filter .price_slider_amount .filter-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sidebar .yolo_widget_price_filter .price_slider_amount .button {
margin: 10px 0 0;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
padding: 8px 40px;
border-radius: 30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display: inline-block;
position: relative;
line-height: 1.8;
visibility: visible;
-webkit-box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.1);
box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.1);
color: #fff;
background-color: var(--primary_color);
}
.sidebar .yolo_widget_price_filter .price_slider_amount .button:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.33);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.33);
}
.sidebar .tagcloud a {
border-radius: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 8px 15px;
margin-bottom: 7px;
margin-right: 5px;
line-height: 1;
font-size: 1em !important;
background-color: #f6f6f6;
}
.sidebar .tagcloud a:hover {
background-color: var(--primary_color);
color: #fff;
}
.sidebar .tagcloud a:last-child {
margin-right: 0;
}
.sidebar .widget_categories ul li {
text-align: right;
}
.sidebar .widget_categories ul li a {
float: left;
text-align: left;
display: inline-block;
}
.sidebar .widget_shopping_cart_content {
border-top: 1px solid #eeeeee;
}
.sidebar .widget_shopping_cart_content .widget_shopping_cart_icon {
display: none;
}
.sidebar .widget_shopping_cart_content .sub-total-text {
display: none;
}
.sidebar select {
width: 100%;
border: none;
border-radius: 5px;
color: var(--text_color);
font-weight: var(--primary_font_weight);
background-color: #f6f6f6;
}
.sidebar .widget-social-profile ul {
font-size: 0;
}
.sidebar .widget-social-profile ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px !important;
}
.sidebar .widget-social-profile ul li:before {
width: 4px;
height: 4px;
}
.sidebar .widget-social-profile ul li a {
display: inline-block;
}
.sidebar .widget-social-profile ul li a i {
font-size: 18px;
width: 24px;
height: 24px;
line-height: 24px;
color: #777;
}
.sidebar .widget-social-profile ul li a:hover i {
color: var(--primary_color);
}
.sidebar .widget-social-profile ul.social-icon-bordered li:before {
top: 18px;
}
.sidebar .widget-social-profile ul.social-icon-bordered li a {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: #f1f1f1;
border-radius: 100%;
}
.sidebar .widget-social-profile ul.social-icon-bordered li a i {
line-height: 36px;
}
.sidebar .widget-post-thumbnail ul > li {
padding: 0;
margin-bottom: 35px;
}
.sidebar .widget-post-thumbnail ul > li:last-child {
margin-bottom: 0;
}
.sidebar .widget-post-thumbnail ul li {
margin-bottom: 20px;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 20px;
position: relative;
overflow: hidden;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image {
float: left;
height: 80px;
overflow: hidden;
position: relative;
width: 80px;
margin-right: 15px;
border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1024px) {
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image {
width: 100%;
height: 150px;
margin-bottom: 15px;
}
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image:before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 2;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f2a3";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
width: 24px;
opacity: 0;
z-index: 2;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image:hover {
border-radius: 10px;
-webkit-box-shadow: 5px 6px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 6px 8px 0px rgba(0, 0, 0, 0.2);
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image:hover:before {
opacity: 0.6;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-image:hover:after {
opacity: 1;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-content h4 {
margin-top: 0;
margin-bottom: 5px;
font-size: 16px;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-content .entry-meta {
color: var(--text_color);
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-content .entry-meta span {
position: relative;
margin-right: 10px;
padding-left: 12px;
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-content .entry-meta span:before {
position: absolute;
left: 0;
top: 8px;
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
content: '';
background: var(--primary_color_fade_70);
}
.sidebar .widget-post-thumbnail ul li .posts-thumbnail-content .entry-meta i {
margin-right: 4px;
}
.sidebar .widget-post-thumbnail ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.sidebar .widget-post-thumbnail ul.full_width li {
margin-bottom: 30px;
}
.sidebar .widget-post-thumbnail ul.full_width li .posts-thumbnail-image {
width: 100%;
margin: 0;
margin-bottom: 20px;
height: 200px;
}
.sidebar .widget-post-thumbnail ul.full_width li .posts-thumbnail-content {
padding-left: 0;
margin-top: 20px;
text-align: center;
}
.sidebar .widget-post-thumbnail ul.full_width li .posts-thumbnail-content a:hover {
color: var(--primary_color);
}
@media (max-width: 991px) {
.sidebar .widget-post-thumbnail ul.full_width li .posts-thumbnail-content {
text-align: left;
padding-left: 20px;
margin-top: 6px;
}
}
.sidebar .widget-post-thumbnail ul.date li:before {
content: none;
}
.sidebar .widget-post-thumbnail ul.date li .posts-date {
width: 80px;
float: left;
height: 80px;
margin-right: 15px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
line-height: 30px;
border-radius: 5px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
}
.sidebar .widget-post-thumbnail ul.date li .posts-date span {
display: block;
}
.sidebar .widget-post-thumbnail ul.date li .posts-date span.day {
font-size: 26px;
line-height: 26px;
margin-top: 5px;
}
.sidebar .widget-post-thumbnail ul.date li:hover .posts-date {
background-color: var(--primary_color) !important;
}
.screen-reader-text {
display: none;
}
.sidebar ul.product_list_widget li,
.wpb_widgetised_column ul.product_list_widget li {
padding: 0;
margin: 0;
}
.sidebar ul.product_list_widget li + li,
.wpb_widgetised_column ul.product_list_widget li + li {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #eeeeee;
}
.sidebar ul.product_list_widget li img,
.wpb_widgetised_column ul.product_list_widget li img {
width: 70px;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 0;
margin-right: 15px;
}
.sidebar ul.product_list_widget li a,
.wpb_widgetised_column ul.product_list_widget li a {
font-size: 15px;
line-height: 1.3;
margin-bottom: 10px;
font-weight: normal;
}
.sidebar ul.product_list_widget span.amount,
.wpb_widgetised_column ul.product_list_widget span.amount {
font-size: 15px;
}
.sidebar ul.product_list_widget ins,
.wpb_widgetised_column ul.product_list_widget ins {
text-decoration: none;
margin-right: 3px;
}
.sidebar ul.product_list_widget del span.amount,
.wpb_widgetised_column ul.product_list_widget del span.amount {
font-size: 13px;
color: #999999;
}
.sidebar ul.product_list_widget .star-rating,
.wpb_widgetised_column ul.product_list_widget .star-rating {
margin: 0 0 5px 0;
}
.sidebar .widget-posts-wrap .widget_posts_item,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item {
padding-bottom: 25px;
}
.sidebar .widget-posts-wrap .widget_posts_item:last-child,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item:last-child {
padding-bottom: 0;
}
.sidebar .widget-posts-wrap .widget_posts_item + .widget_posts_item,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item + .widget_posts_item {
padding-top: 20px;
border-top: 1px solid #eeeeee;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail {
width: 60px;
float: left;
margin-right: 10px;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail {
position: relative;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 20px;
height: 20px;
right: 0;
line-height: 20px;
font-size: 10px;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.sidebar .widget-posts-wrap .widget-posts-content-wrap,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-content-wrap {
position: relative;
overflow: hidden;
}
.sidebar .widget-posts-wrap .widget-posts-title,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-title {
font-size: 15px;
color: #3F3F3F;
display: block;
line-height: 1.2;
margin-bottom: 2px;
}
.sidebar .widget-posts-wrap .widget-posts-title:hover,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-title:hover {
text-decoration: none;
}
.sidebar .widget-posts-wrap .owl-theme .owl-controls,
.wpb_widgetised_column .widget-posts-wrap .owl-theme .owl-controls {
display: none !important;
}
.sidebar .widget-posts-wrap .widget-posts-date,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-date {
font-size: 13px;
color: #999999;
}
.sidebar .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item,
.wpb_widgetised_column .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item {
margin-top: 20px;
}
.sidebar .widget-twitter-wrap i,
.wpb_widgetised_column .widget-twitter-wrap i {
font-size: 14px;
}
.sidebar .widget-twitter-wrap span.twitter-time,
.wpb_widgetised_column .widget-twitter-wrap span.twitter-time {
color: #b1b1b1;
display: block;
}
.sidebar .widget-banner .widget-image-wrap a,
.wpb_widgetised_column .widget-banner .widget-image-wrap a {
display: block;
position: relative;
overflow: hidden;
}
.sidebar .widget-banner .widget-image-wrap a:before,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.35s linear;
-o-transition: opacity 0.35s linear;
transition: opacity 0.35s linear;
}
.sidebar .widget-banner .widget-image-wrap a img,
.wpb_widgetised_column .widget-banner .widget-image-wrap a img {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
width: 100%;
height: auto;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.sidebar .widget-banner .widget-image-wrap a:hover:before,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:hover:before {
opacity: 1;
}
.sidebar .widget-banner .widget-image-wrap a:hover img,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.sidebar .widget-contact-info,
.wpb_widgetised_column .widget-contact-info {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar .widget-contact-info > li > i.fa,
.wpb_widgetised_column .widget-contact-info > li > i.fa {
width: 18px;
}
.sidebar .mail-chimp-wrapper > p,
.wpb_widgetised_column .mail-chimp-wrapper > p {
line-height: 28px;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button {
position: relative;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > input,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > input {
background-color: #fbfbfb;
color: #222;
border: none;
line-height: 1;
height: 30px;
width: 100%;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > button,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button {
border: none;
background: none;
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > button > span,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button > span {
display: none;
}
.sidebar .footer-logo .sub-description,
.wpb_widgetised_column .footer-logo .sub-description {
padding-top: 28px;
line-height: 28px;
}
.sidebar .widget-text-intro,
.wpb_widgetised_column .widget-text-intro {
font-size: 24px;
text-align: center;
border: dashed 3px #c5c5c5;
padding: 55px 10px;
font-weight: 400;
}
.sidebar .title-center .widget-title,
.wpb_widgetised_column .title-center .widget-title {
text-align: center;
}
.sidebar .widget-text-center,
.wpb_widgetised_column .widget-text-center {
text-align: center;
}
.widget-payment-gate {
padding-top: 10px;
}
.widget-payment-gate .payment-gate {
list-style: none;
display: inline-block;
}
.widget-payment-gate li {
float: left;
display: inline-block;
padding-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
}
.widget-payment-gate li:last-child {
padding-right: 0px;
}
.widget-payment-gate li:hover {
opacity: 0.6;
}
.widget-payment-gate image {
max-width: 46px;
max-height: 28px;
}
.widget-partner-carousel .owl-carousel .owl-item {
height: 180px;
display: table;
text-align: center;
}
footer.main-footer-wrapper .sidebar aside.widget-map-scroll-up {
margin-top: 0;
} @media (min-width: 769px) {
.col-md-3 .widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image {
width: 100%;
height: 100px;
float: left;
margin: 0;
margin-bottom: 15px;
}
} .widget_recent_entries .entry-thumb {
width: 100%;
height: 75px;
-o-object-fit: cover;
object-fit: cover;
}
.widget_recent_entries .post-date {
margin: 5px 0 0 0;
color: #959ea7;
position: relative;
padding: 5px 0 0 0;
}
.widget_recent_entries .post-date::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 2px solid #4FC1E9;
width: 20%;
height: 1px;
}
.widget_recent_entries .widget-rfp__wrap {
width: 100%;
padding-top: 90%;
border-radius: 6px;
}
.widget_recent_entries .widget-rfp__wrap .widget-rfp__bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
-webkit-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.widget_recent_entries .widget-rfp__wrap:hover {
cursor: pointer;
}
.widget_recent_entries .widget-rfp__wrap:hover .widget-rfp__bg {
-webkit-filter: blur(4px);
filter: blur(4px);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.widget_recent_entries .widget-rfp__wrap .widget-rfp__overlay {
opacity: 0.7;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.widget_recent_entries .widget-rfp__wrap .widget-rfp__content {
padding: 20px;
text-align: center;
position: absolute;
top: 0;
width: 100%;
min-height: 100%;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.widget_recent_entries .widget-rfp__wrap .widget-rfp__content a {
color: #ffffff;
}
.widget_recent_entries .widget-rfp__wrap .widget-rfp__content a h3 {
color: #ffffff;
}
.sidebar .widget_nav_menu .widget-title,
.sidebar .widget_text .widget-title,
.sidebar .widget_rss .widget-title,
.sidebar .widget_recent_entries .widget-title,
.sidebar .widget_recent_comments .widget-title,
.sidebar .widget_meta .widget-title,
.sidebar .widget_pages .widget-title,
.sidebar .widget_calendar .widget-title,
.sidebar .widget_categories .widget-title,
.sidebar .widget_archive .widget-title {
margin-bottom: 10px;
}
.sidebar .widget_archive select,
.sidebar .widget_categories select {
margin-top: 10px;
} article:hover .entry-thumbnail-bg {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.entry-thumbnail-bg {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1024px) {
.entry-thumbnail-bg {
height: 280px;
}
}
@media (max-width: 767px) {
.entry-thumbnail-bg {
height: 200px;
}
}
.site-content-archive {
padding-top: 130px;
padding-bottom: 130px;
}
.main-content-archive {
padding-top: 130px;
padding-bottom: 130px;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 1300px) {
.main-content-archive {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1280px) {
.yolo-site-content-page {
overflow: hidden;
}
}
.woocommerce-page .yolo-site-content-page {
padding-bottom: 130px;
}
.single-content-main {
padding-top: 130px;
padding-bottom: 130px;
padding-left: 20px;
padding-right: 20px;
}
.single-content-main.single-product-wrap {
padding-bottom: 90px;
}
.single-content-main.site-content-single-trainer {
padding-bottom: 110px;
}
@media (max-width: 1300px) {
.single-content-main {
padding-left: 0;
padding-right: 0;
}
}
.single-yolo_footer .single-content-main {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.single-yolo_footer .single-content-main #yolo-footer-wrapper {
z-index: 0;
}
.blog-wrap.grid.layout-container-fluid,
.blog-wrap.masonry.layout-container-fluid {
padding: 0 15px;
}
.blog-wrap.grid .grf-post-item.yolo-flex,
.blog-wrap.masonry .grf-post-item.yolo-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-wrap.grid .gpi__thumbnail,
.blog-wrap.masonry .gpi__thumbnail {
height: 220px;
overflow: hidden;
-ms-flex-preferred-size: inherit;
flex-basis: inherit;
}
.blog-wrap.grid .hentry.sticky:before,
.blog-wrap.masonry .hentry.sticky:before {
right: 15px;
}
.blog-wrap.grid .hentry.sticky:after,
.blog-wrap.masonry .hentry.sticky:after {
right: -42px;
}
.blog-wrap.grid article .gpi__content,
.blog-wrap.masonry article .gpi__content {
padding: 15px 0 20px;
}
.blog-wrap.grid .entry-btn,
.blog-wrap.masonry .entry-btn {
display: none;
}
.blog-wrap ul.pagination {
margin-top: 65px;
}
.hentry.sticky {
position: relative;
}
.hentry.sticky:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 75px solid var(--primary_color);
border-left: 75px solid transparent;
z-index: 3;
}
.hentry.sticky:after {
width: 40px;
height: 40px;
font-family: "Font Awesome 5 Free";
content: "\f08d";
font-weight: 900;
position: absolute;
right: 0;
top: 0;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
line-height: 45px;
font-size: 18px;
z-index: 3;
}
article .entry-post-meta-wrap {
margin-top: 15px;
}
article .entry-post-meta-wrap span {
margin-right: 20px;
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 500;
color: var(--primary_color);
}
@media (max-width: 360px) {
article .entry-post-meta-wrap span {
display: block;
}
article .entry-post-meta-wrap span.meta-author,
article .entry-post-meta-wrap span.meta-comment {
display: none;
}
}
article .entry-post-meta-wrap span i {
color: var(--primary_color);
margin-right: 3px;
}
.blog-inner.blog-style-listing article {
padding: 0;
width: 100%;
}
.blog-inner.blog-style-listing article:last-child .grf-post-item {
margin-bottom: 0;
}
.blog-inner.blog-style-listing article .grf-post-item {
padding-bottom: 65px;
margin-bottom: 65px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.blog-inner.blog-style-listing article .entry-title {
margin: 10px 0;
margin-bottom: 0;
font-size: 36px;
}
@media (max-width: 991px) {
.blog-inner.blog-style-listing article .entry-title {
font-size: 30px;
}
}
@media (max-width: 480px) {
.blog-inner.blog-style-listing article .entry-title {
font-size: 24px;
}
}
.blog-inner.blog-style-listing article .entry-post-meta-wrap {
margin-bottom: 15px;
margin-top: 0;
}
.blog-inner.blog-style-listing article .post-excerpt {
margin-bottom: 30px;
}
.blog-inner.blog-style-listing article .post-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 500px) {
.blog-inner.blog-style-listing article .post-meta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog-inner.blog-style-listing article .entry-meta-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 500px) {
.blog-inner.blog-style-listing article .entry-meta-author {
margin-bottom: 30px;
}
}
.blog-inner.blog-style-listing article .entry-meta-author img {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 15px;
}
.blog-inner.blog-style-listing article .entry-meta-author .author-meta h6 {
margin: 0;
margin-top: 1px;
text-transform: capitalize;
}
.blog-inner.blog-style-listing article .entry-meta-author .author-meta .post-date {
font-weight: 500;
line-height: 1;
margin-top: 6px;
}
.blog-inner.blog-style-listing article .yolo-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-inner.blog-style-listing article .post-thumbnail {
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
}
.blog-inner.blog-style-listing article .post-thumbnail img {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.blog-inner.blog-style-listing article .gpi__thumbnail {
height: 300px;
overflow: hidden;
}
.blog-inner.blog-style-listing article.has-post-thumbnail .gpi__content .post-date-meta {
position: absolute;
top: 15px;
left: 15px;
}
.blog-inner.blog-style-listing article.has-post-thumbnail .gpi__content .entry-post-meta-wrap {
margin-top: 15px;
}
.blog-inner.blog-style-listing article .gpi__content {
padding: 0 0px 0;
}
.blog-inner.blog-style-listing article .gpi__content .btn-readmore-wrap {
display: inline-block;
margin: 0;
font-size: 18px;
}
.blog-inner.blog-style-listing article .gpi__content .post-date-meta {
text-align: center;
padding: 13px 10px;
width: 85px;
height: 85px;
border-radius: 10px;
background: var(--heading_color);
color: #fff;
-webkit-box-shadow: 5px 4px 13px 0px #3f3a643b;
box-shadow: 5px 4px 13px 0px #3f3a643b;
}
.blog-inner.blog-style-listing article .gpi__content .post-date-meta .post-day {
font-size: 36px;
line-height: 1;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.blog-inner.blog-style-listing article .gpi__content .post-date-meta .post-month {
font-size: 20px;
line-height: 1;
text-transform: uppercase;
}
.blog-inner.blog-style-listing article:hover .post-thumbnail img {
transform: scale3d(1.07, 1.07, 1.07);
-webkit-transform: scale3d(1.07, 1.07, 1.07);
}
.blog-inner.blog-style-horizontal article {
padding: 0;
width: 100%;
margin-bottom: 60px;
}
.blog-inner.blog-style-horizontal article .gpi__thumbnail {
overflow: hidden;
position: relative;
}
.blog-inner.blog-style-horizontal article .gpi__content {
padding: 0px 0px 0px 30px;
}
@media (max-width: 767px) {
.blog-inner.blog-style-horizontal article .gpi__content {
padding: 20px 0px 0px 0px;
}
}
.blog-inner.blog-style-horizontal article .entry-post-meta-wrap {
margin-top: 0;
}
@media (max-width: 767px) {
.blog-inner.blog-style-horizontal article .entry-post-meta-wrap {
margin-top: 20px;
}
}
.blog-inner.blog-style-horizontal article .grf-post-item {
margin: 0;
}
@media (max-width: 767px) {
.blog-inner.blog-style-horizontal article .grf-post-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
.blog-inner.blog-style-horizontal article .entry-thumbnail-bg {
height: 250px;
}
}
.blog-grid {
margin-left: -15px;
margin-right: -15px;
}
.blog-grid article {
width: 50%;
padding: 0px 15px;
}
.blog-col-2 article {
width: 50%;
}
.blog-col-3 article {
width: 33.3333%;
}
.blog-col-4 article {
width: 25%;
}
.single article .entry-footer {
margin-top: 40px;
}
.single article.yolo_event {
margin-bottom: 40px;
height: auto;
position: relative;
background: #fff;
border-bottom: 1px solid #eeeeee;
padding-bottom: 30px;
}
.single article.yolo_event .entry-post-content .entry-title {
margin-top: 30px;
}
.single article.yolo_event .entry-post-content .entry-content {
margin-top: 35px;
}
.single article.yolo_event .entry-post-content .entry-content .entry-footer {
margin-top: 35px;
}
.single article.post {
height: auto;
position: relative;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin-bottom: 50px;
}
.single article.post .entry-thumbnail {
margin-bottom: 35px;
}
.single article.attachment {
margin-bottom: 90px;
height: auto;
position: relative;
background: #fff;
}
.single article.attachment .entry-post-content {
margin-bottom: 15px;
}
article .grf-post-item {
margin-bottom: 30px;
background-color: #fff;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
article .grf-post-item .gpi__thumbnail {
overflow: hidden;
}
article .entry-thumbnail {
overflow: hidden;
}
article .entry-thumbnail img {
width: 100%;
}
article .gpi__thumbnail img {
width: 100%;
display: block;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
article .gpi__content {
padding: 30px 30px 50px 30px;
}
article .entry-title {
word-break: break-word;
display: block;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
text-transform: capitalize;
}
article .entry-meta-category {
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}
article .entry-meta {
margin-bottom: 15px;
letter-spacing: 0.5px;
}
article .entry-meta span {
position: relative;
padding-left: 12px;
margin-right: 12px;
}
article .entry-meta span:before {
position: absolute;
left: 0;
top: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
content: '';
background: var(--primary_color);
}
article .post-excerpt {
margin-bottom: 30px;
word-break: break-word;
}
article .post-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 500px) {
article .post-meta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
article .entry-meta-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 500px) {
article .entry-meta-author {
margin-bottom: 20px;
}
}
article .entry-meta-author img {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 15px;
}
article .entry-meta-author .author-meta h6 {
margin: 0;
margin-top: 1px;
text-transform: capitalize;
}
article:hover .gpi__thumbnail img {
transform: scale3d(1.07, 1.07, 1.07);
-webkit-transform: scale3d(1.07, 1.07, 1.07);
filter: brightness(120%);
-webkit-filter: brightness(120%);
} @-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
transform: translate(100%);
}
51% {
opacity: 1;
}
}
.single-post .blog-wrap .blog-inner .owl-nav {
display: none;
}
.single-post .blog-wrap .blog-inner .owl-dots {
display: block;
}
.single-post .entry-thumbnail-wrap img {
width: auto;
overflow: hidden;
}
.single-post .post-password-form input[type=password] {
border: 1px solid #f6f6f6;
margin-left: 5px;
background-color: #f6f6f6;
}
.single-post .post-password-form input[type=password]:focus {
border-color: var(--primary_color);
background-color: #fff;
}
.single-post .post-password-form input[type=submit] {
height: 54px;
position: relative;
top: 1px;
border: none;
background-color: var(--heading_color);
padding: 5px 15px;
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .post-password-form input[type=submit]:hover {
background-color: var(--primary_color);
}
.social-share-wrap {
position: relative;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 50px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.social-share-wrap label {
margin: 0;
margin-right: 15px;
}
.social-share-wrap .share-icon {
font-size: 17px;
width: 50px;
height: 50px;
line-height: 50px;
border: 2px solid #eeeeee;
color: var(--primary_color);
text-align: center;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.social-share-wrap .social-share-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.social-share-wrap .social-share-inner:hover .share-icon {
background-color: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
}
.social-share-wrap .social-share-inner:hover ul.social-share {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.social-share-wrap ul.social-share {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display: -ms-grid;
display: grid;
position: absolute;
bottom: 100%;
width: auto;
padding: 8px 4px;
text-align: center;
background: #fff;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
-webkit-filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
z-index: 999;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.social-share-wrap ul.social-share:before {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
border-top: 8px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.social-share-wrap ul.social-share li {
list-style: none;
overflow: hidden;
display: inline-block;
margin: 5px;
border-radius: 50%;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
padding: 8px 6px;
}
.social-share-wrap ul.social-share li a {
display: block;
}
.social-share-wrap ul.social-share li a i {
text-align: center;
display: inline-block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-share-wrap ul.social-share li a i:before {
display: block;
}
.social-share-wrap ul.social-share li a:hover i:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@media (max-width: 480px) {
.social-share-wrap {
width: 100%;
text-align: left;
}
}
.author-info {
margin-bottom: 70px;
background-color: #f6f6f6;
padding: 45px;
}
.author-info .author-info-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.author-info .author-avatar {
margin-right: 40px;
}
.author-info .author-avatar img {
width: 300px;
border-radius: 100%;
}
.author-info .info-font {
font-style: italic;
letter-spacing: 0.5px;
}
.author-info .author-title {
font-size: 30px;
margin-top: 0px;
}
.comment-form-author,
.comment-form-email {
width: calc(50% - 10px);
display: inline-block;
float: left;
margin-bottom: 20px;
}
.comment-form-author {
margin-right: 20px;
}
.comment-form-comment {
margin-bottom: 27px;
width: 100%;
}
.entry-meta-tag {
padding: 15px;
padding-bottom: 0;
padding-left: 0;
padding: 10px 0px;
}
.entry-meta-tag label {
font-size: 17px;
margin-bottom: 0;
width: auto;
margin-right: 10px;
}
.entry-meta-tag i {
color: var(--primary_color);
}
.entry-meta-tag a {
display: inline-block;
margin-left: 5px;
line-height: 1;
}
.entry-meta-tag a:after {
content: ",";
display: inline-block;
}
.entry-meta-tag a:last-child:after {
content: none;
}
.post-excerpt blockquote {
margin-top: 25px;
background-color: #f6f6f6;
padding: 20px;
}
.post-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (max-width: 768px) {
.post-navigation {
display: block;
}
}
.post-navigation .nav-wrap {
position: relative;
width: 50%;
}
@media (max-width: 768px) {
.post-navigation .nav-wrap {
width: 100%;
}
}
@media (max-width: 768px) {
.post-navigation .nav-wrap.nav-left {
margin-bottom: 20px;
}
}
.post-navigation span {
display: block;
}
.post-navigation span.nav-label {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 600;
margin-bottom: 10px;
}
.post-navigation span.nav-title {
word-wrap: break-word;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
line-height: 1.6;
font-size: 18px;
text-transform: capitalize;
}
.post-navigation .nav-left i {
position: absolute;
left: -15px;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--primary_color);
}
.post-navigation .nav-left:hover .nav-title {
color: var(--primary_color);
}
.post-navigation .nav-left:hover i:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.post-navigation .nav-right {
float: right;
text-align: right;
}
.post-navigation .nav-right i {
position: absolute;
right: -15px;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--primary_color);
}
.post-navigation .nav-right:hover .nav-title {
color: var(--primary_color);
}
.post-navigation .nav-right:hover i:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.comment {
list-style: none;
}
ol {
list-style: decimal;
}
.entry-comments {
clear: both;
margin-top: 70px;
}
.entry-comments .comments-title {
margin-bottom: 20px;
}
.entry-comments .commentlist {
list-style: none;
padding: 0;
margin-bottom: 55px;
margin-left: 0;
}
.entry-comments .commentlist .children > li {
padding-left: 50px;
border-top: 1px solid #eee;
}
.entry-comments .commentlist > li {
border-bottom: 1px solid #eee;
}
.entry-comments .commentlist > li .comment-article {
padding: 33px 0px 30px;
margin: 0;
}
.entry-comments .commentlist > li .comment-avatar {
background-color: #f6f6f6;
max-width: 80px;
margin-right: 30px;
float: left;
overflow: hidden;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.entry-comments .commentlist > li .comment-avatar img {
display: block;
}
.entry-comments .commentlist > li .comment-body {
overflow: hidden;
position: relative;
}
.entry-comments .commentlist > li .comment-body .yolo-stars {
color: #ffd338;
position: absolute;
top: 0;
right: 0;
margin: 0;
}
.entry-comments .commentlist > li .comment-author {
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 0px;
margin-top: 0;
text-transform: capitalize;
}
.entry-comments .commentlist > li .comment-content {
margin: 15px 0 -5px;
}
.entry-comments .commentlist > li .comment-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.entry-comments .commentlist > li .comment-time {
color: var(--text_color_fade_90);
margin-right: 15px;
font-family: var(--primary_font);
font-size: var(--primary_font_size);
font-weight: normal;
text-transform: none;
}
.entry-comments .commentlist > li .comment-reply-link {
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--primary_color);
}
.entry-comments .commentlist > li .comment-reply-link:before {
content: "\f086";
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right: 10px;
color: var(--text_color);
opacity: 0.5;
}
.entry-comments .commentlist > li .comment-reply-link:hover {
color: var(--heading_color);
}
.entry-comments .commentlist > li .comment-respond {
margin-top: 10px;
margin-bottom: 40px;
}
.entry-comments .commentlist > li .comment-reply-title {
margin-top: 0;
}
.entry-comments nav.comment-navigation {
margin-bottom: 20px;
}
.entry-comments nav.comment-navigation .page-numbers {
display: inline-block;
margin-right: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #eeeeee;
color: #888;
font-size: 14px;
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.entry-comments nav.comment-navigation .page-numbers.next,
.entry-comments nav.comment-navigation .page-numbers.prev {
border: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 18px;
}
.entry-comments nav.comment-navigation .page-numbers:hover,
.entry-comments nav.comment-navigation .page-numbers:focus {
color: #202020;
}
.entry-comments nav.comment-navigation .page-numbers.current {
color: #fff;
}
.entry-comments nav.comment-navigation.comment-navigation-bottom {
margin-bottom: 0;
margin-top: 20px;
}
.woocommerce-Reviews .comment-reply-title {
position: relative;
display: block;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 30px;
color: var(--heading_color);
}
.woocommerce-Reviews #commentform {
margin-top: 20px;
}
#commentform {
margin: 35px 0 0;
}
#commentform input[type="text"],
#commentform input[type="search"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform input[type="password"],
#commentform textarea {
width: 100%;
background-color: #f6f6f6;
border: 1px solid transparent;
padding: 16px 22px;
-webkit-box-shadow: none;
box-shadow: none;
font-size: inherit;
font-weight: var(--primary_font_weight);
}
#commentform input[type="text"]:focus,
#commentform input[type="search"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus,
#commentform input[type="password"]:focus,
#commentform textarea:focus {
border-color: #808080;
background-color: #fff;
}
#commentform label {
font-weight: 500;
color: var(--heading_color);
}
#commentform textarea {
height: 200px;
}
#commentform .form-submit {
margin-bottom: 0;
}
#commentform .form-submit input#submit {
line-height: 1;
border: none;
text-align: center;
min-width: 200px;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
background-color: var(--secondary_color);
padding: 16px 40px;
border-radius: 30px;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-box-shadow: 0px 2px 5px var(--secondary_color_fade_20);
box-shadow: 0px 2px 5px var(--secondary_color_fade_20);
}
#commentform .form-submit input#submit:focus,
#commentform .form-submit input#submit:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px var(--primary_color_fade_20);
box-shadow: 3px 9px 10px var(--primary_color_fade_20);
} .woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
margin: 0;
}
.woocommerce div.product form.cart .variations select {
background-color: #fff;
}
.woocommerce table.shop_attributes td {
border: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.woocommerce table.shop_attributes th {
border: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: #f6f6f6;
line-height: 54px;
}
.woocommerce p.stars.selected a:not(.active)::before {
color: #ffd338;
}
.woocommerce p.stars a {
color: #ffd338;
}
.modal-content {
border: none;
}
.modal-body.modal-woocommerce {
background-color: #fff;
padding: 30px;
}
#sync2 .owl-stage {
margin: 0 auto;
} .layout-container-fluid.archive-product-wrap {
padding: 0 15px;
}
.tooltip-inner {
white-space: nowrap;
}
.custom-select {
position: relative;
}
.custom-select:before {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding: 8px 8px;
position: absolute;
right: 10px;
top: 0;
z-index: 1;
text-align: center;
width: 15px;
height: 100%;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-select:after {
content: "";
display: block;
clear: both;
}
.custom-select select {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select select::-ms-expand {
display: none;
}
.breadcrumb-archive-product-wrap .container {
position: relative;
}
.breadcrumb-archive-product-wrap .catalog-filter {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 44px;
}
.catalog-filter {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .woocommerce-ordering {
position: relative;
}
.woocommerce .woocommerce-ordering:after {
content: "\f0dd";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding: 6px 0px;
position: absolute;
right: 10px;
z-index: 1;
text-align: center;
height: 100%;
pointer-events: none;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce .woocommerce-ordering select::-ms-expand {
display: none;
}
.yolo-show-option {
background-color: #fff;
border-radius: 5px;
padding-bottom: 10px;
}
.yolo-show-option .nso__display-style .span-separator,
.yolo-show-option .nso__sort .span-separator {
font-size: 18px;
color: #959ea7;
}
.yolo-show-option .nso__display-style div button,
.yolo-show-option .nso__sort div button {
padding: 3px;
color: #959ea7;
background-color: transparent;
border: 0;
-webkit-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.yolo-show-option .nso__display-style div button.active,
.yolo-show-option .nso__sort div button.active {
color: #44494b;
}
.yolo-show-option .nso__display-style div button:hover,
.yolo-show-option .nso__sort div button:hover {
color: #1ec0ff;
}
.yolo-show-option .nso__sort .woocommerce-ordering:after {
line-height: 15px;
}
.yolo-show-option .nso__amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
padding-right: 10px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 620px) {
.yolo-show-option .nso__amount {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 15px;
}
}
.yolo-show-option .nso__amount .dropdown-toggle {
background-color: transparent;
border-radius: 100px;
border: 1px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
padding: 0 15px;
}
.yolo-show-option .nso__amount .dropdown-toggle:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
.yolo-show-option .nso__label {
font-weight: 600;
margin-right: 5px;
font-size: 16px;
float: left;
}
.yolo-show-option .woocommerce-ordering {
float: left;
}
.yolo-show-option .woocommerce-result-count {
float: right;
}
.woocommerce .woocommerce-ordering select {
background-color: transparent;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 100px;
color: var(--text_color);
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce .woocommerce-ordering select:after {
line-height: 15px;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin: 0;
}
.woocommerce .woocommerce-result-count {
color: var(--heading_color);
font-weight: 600;
}
.catalog-filter-invisible .catalog-filter,
.result-count-invisible .woocommerce-result-count,
.catalog-ordering-invisible .woocommerce-ordering {
display: none;
}
.woocommerce .products .star-rating,
.woocommerce .star-rating {
float: none;
font-size: 12px;
width: 90px;
letter-spacing: 5px;
margin-top: 15px;
}
.woocommerce .products .star-rating span,
.woocommerce .star-rating span {
color: #ffd338;
}
.woocommerce .products .star-rating {
margin: auto;
}
.woocommerce .star-rating {
text-align: center;
margin: 8px auto 0 auto;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
padding: 16px 40px;
color: #fff;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
display: inline-block;
position: relative;
visibility: visible;
line-height: 1;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
background-color: var(--secondary_color);
padding: 16px 40px;
border-radius: 30px;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-box-shadow: 0px 2px 5px var(--secondary_color_fade_20);
box-shadow: 0px 2px 5px var(--secondary_color_fade_20);
}
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce a.added_to_cart:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.added_to_cart:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px var(--primary_color_fade_20);
box-shadow: 3px 9px 10px var(--primary_color_fade_20);
}
.woocommerce #respond input#submit.btn-small,
.woocommerce a.button.btn-small,
.woocommerce button.button.btn-small,
.woocommerce input.button.btn-small,
.woocommerce #respond input#submit.alt.btn-small,
.woocommerce a.button.alt.btn-small,
.woocommerce button.button.alt.btn-small,
.woocommerce input.button.alt.btn-small,
.woocommerce a.added_to_cart.btn-small {
padding: 13px 20px;
}
.product-flash + .product-flash {
margin-top: 5px;
}
.woocommerce div.product form.cart .reset_variations {
padding-left: 10px;
}
input#calc_shipping_state {
background-color: #fff;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
height: 55px;
background-color: #fff;
color: var(--text_color);
border: 1px solid #eeeeee;
border-radius: 5px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
border-color: #808080;
background-color: #fff;
}
.woocommerce form .form-row textarea {
height: 130px;
}
.woocommerce form .form-row label {
font-weight: 600;
color: var(--heading_color);
}
.woocommerce form .form-row label.inline input[type=checkbox],
.woocommerce form .form-row label.inline input[type=radio] {
margin: auto;
vertical-align: middle;
}
.woocommerce form .form-row {
padding: 0;
margin-bottom: 20px;
}
.site-content-archive-product .yolo-filter-categories-mobile {
display: none;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-categories-mobile {
display: block;
cursor: pointer;
}
.site-content-archive-product .yolo-filter-categories-mobile:after {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid var(--text_color);
display: inline-block;
text-align: center;
line-height: 20px;
font-size: 12px;
margin-left: 10px;
}
.site-content-archive-product .yolo-filter-categories-mobile.active:after {
content: "\f068";
}
}
.site-content-archive-product .yolo-filter-categories {
width: 80%;
padding-left: 0px;
float: left;
margin-bottom: 2em;
}
.site-content-archive-product .yolo-filter-categories li {
display: inline-block;
margin-right: 15px;
font-weight: 500;
color: var(--heading_color);
font-size: calc(var(--primary_font_size) + 2px);
}
.site-content-archive-product .yolo-filter-categories li.current-cat a {
color: var(--primary_color);
}
.site-content-archive-product .yolo-filter-categories li span {
display: inline-block;
margin-right: 15px;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-categories {
width: 100%;
float: none;
display: none;
}
.site-content-archive-product .yolo-filter-categories li {
display: block;
margin-right: 0;
}
.site-content-archive-product .yolo-filter-categories li span {
display: none;
}
}
.site-content-archive-product .yolo-filter-search {
text-align: right;
width: 20%;
float: right;
padding-right: 0px;
padding-left: 0;
list-style-type: none;
}
.site-content-archive-product .yolo-filter-search li {
display: inline-block;
cursor: pointer;
font-weight: 500;
color: var(--heading_color);
}
.site-content-archive-product .yolo-filter-search li.active span#yolo-shop-search-btn,
.site-content-archive-product .yolo-filter-search li.active span.invert-color {
color: var(--primary_color);
}
.site-content-archive-product .yolo-filter-search li span {
margin: 0 20px;
float: left;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-search {
text-align: left;
width: 100%;
float: left;
}
}
.site-content-archive-product .yolo-search-field {
display: none;
width: 100%;
margin: 0 15px 30px;
}
.site-content-archive-product .yolo-search-field form input {
background-color: #fff;
}
.site-content-archive-product .archive-product-wrap {
position: relative;
width: 100%;
margin: 0;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget aside.widget {
margin-top: 20px;
margin-bottom: 60px;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget aside.widget .widget-title {
margin-bottom: 15px;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left .woocommerce-sidebar {
display: block;
margin: 0;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left .woocommerce-sidebar aside {
width: 100%;
margin-left: 0;
margin-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (max-width: 991px) {
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left {
float: none;
}
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right .woocommerce-sidebar {
display: block;
margin: 0;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right .woocommerce-sidebar aside {
width: 100%;
margin-left: 0;
margin-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (max-width: 991px) {
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right {
float: none;
}
}
.site-content-archive-product .archive-product-wrap.yolo-loading-product .product-listing {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap.yolo-loaded-product .product-listing {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar {
margin-top: 30px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a {
display: inline-block;
padding: 5px 10px;
border: 1px solid #eeeeee;
margin: 0 5px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a:before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a:first-child {
margin-left: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar {
display: none;
margin: 0 -1%;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 23%;
flex: 0 0 23%;
max-width: 23%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-top: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside h4.widget-title {
margin-bottom: 25px;
}
@media (max-width: 800px) {
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
}
}
@media (max-width: 480px) {
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-widgets,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-price-filter {
list-style-type: none;
padding-left: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-color a {
display: inline-block;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .tagcloud .current-tag {
background-color: var(--primary_color);
color: #ffffff;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside ul li.wc-layered-nav-term a {
display: inline-block;
}
.site-content-archive-product .archive-product-wrap .yolo-search-field {
display: none;
}
.site-content-archive-product .archive-product-wrap .list .product-listing .product-item-wrap {
float: left;
}
.site-content-archive-product .archive-product-wrap .product-listing {
margin: 0 -20px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 1300px) {
.site-content-archive-product .archive-product-wrap .product-listing {
margin: 0 -10px;
}
}
.site-content-archive-product .archive-product-wrap .yolo-spinner {
text-align: center;
position: relative;
top: 50px;
}
.site-content-archive-product .archive-product-wrap .yolo-spinner .fa-spinner {
position: absolute;
}
.site-content-archive-product .archive-product-wrap .woocommerce-no-products {
min-height: 450px;
margin-top: 30px;
}
.site-content-archive-product .woocommerce-pagination {
margin-top: 20px;
text-align: center;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore.yolo-hide-loadmore {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore.yolo-show-loadmore {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.yolo-product-category > a {
display: block;
}
.yolo-product-category .product-category-inner {
position: relative;
}
.yolo-product-category .product-category-inner:hover .text-left h2 {
color: var(--primary_color);
}
.yolo-product-category .product-category-inner:hover .text-left h2:before {
width: 100%;
left: 0;
}
.yolo-product-category .product-category-inner .text-left {
position: absolute;
bottom: 20px;
left: 20px;
}
.yolo-product-category .product-category-inner .text-left h2 {
font-size: 24px;
margin: 0;
}
.yolo-product-category .product-category-inner .text-left h2 mark {
color: inherit;
background-color: transparent;
padding: 0;
}
.yolo-product-category .product-category-inner .text-left h2:before {
content: '';
width: 0;
height: 2px;
bottom: -2px;
background-color: var(--primary_color);
position: absolute;
right: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-filter-result.col-md-9 .woocommerce.columns-3 .product-item-wrap {
width: 50%;
}
} .woocommerce-checkout form.checkout_coupon,
.woocommerce-checkout form.login {
border: none;
padding: 20px 0;
border-radius: 0;
max-width: 570px;
margin: auto;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.woocommerce-checkout form.checkout_coupon input.input-text,
.woocommerce-checkout form.login input.input-text {
max-width: 370px;
text-align: center !important;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.login .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last,
.woocommerce-checkout form.login .form-row-last {
width: 100%;
float: none;
margin-bottom: 25px;
}
.woocommerce-cart .wc-proceed-to-checkout {
text-align: center;
padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
margin-top: 50px;
margin-bottom: 0;
}
.woocommerce form input {
padding: 0 15px;
}
.checkout_coupon + form.checkout.woocommerce-checkout,
.login + form.checkout.woocommerce-checkout {
margin-top: 70px;
}
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
margin-bottom: 30px;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address {
float: none;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address label {
margin: 0;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address input[type=checkbox] {
margin-right: 10px;
}
#ship-to-different-address .checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
.select2-container .select2-choice {
background-color: transparent;
border: 1px solid var(--primary_color);
padding: 8px 20px;
font-size: 14px;
color: #858585;
text-transform: none;
border-radius: 0;
height: 44px;
}
.select2-container .select2-choice:hover {
text-decoration: none;
}
.select2-drop-active {
border: none;
background-color: #f5f5f5;
}
.create-account,
.create-account input.input-text {
text-align: center !important;
}
.woocommerce table.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table.order_details {
border: none;
margin: 0 0 30px 0;
border-radius: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table td,
.woocommerce table.shop_table.order_details td,
.woocommerce table.woocommerce-checkout-review-order-table th,
.woocommerce table.shop_table.order_details th {
border-top: none;
padding: 7px 0;
line-height: 1.8;
}
.woocommerce-checkout #payment {
background-color: transparent;
border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
margin-bottom: 10px;
}
.woocommerce-checkout #payment ul.payment_methods li:last-child {
margin-bottom: 0;
}
.wc_payment_method {
background-color: #fafafa;
padding: 5px 0;
}
.wc_payment_method label {
color: #222222;
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
margin: 0;
line-height: 2.4;
vertical-align: middle;
}
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 10px;
vertical-align: middle;
}
.woocommerce-checkout #payment ul.payment_methods li img {
margin: 0;
}
.woocommerce-checkout #payment div.payment_box {
background-color: transparent;
font-size: 14px;
line-height: 1.8;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 30px;
margin: 20px 0;
color: #777;
}
.woocommerce-checkout #payment div.payment_box:before {
display: none;
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin: 30px 0 0 0;
}
.woocommerce form .form-row {
display: block;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
margin-top: 15px;
margin-bottom: 30px;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
border-color: var(--primary_color);
}
.woocommerce-checkout .has-sidebar .entry-content .woocommerce {
padding: 0;
}
.woocommerce-checkout .entry-content .woocommerce {
background: #fff;
padding: 30px;
-webkit-box-shadow: 0px 20px 50px rgba(229, 229, 229, 0.8);
box-shadow: 0px 20px 50px rgba(229, 229, 229, 0.8);
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p {
margin-bottom: 25px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p label {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
text-transform: capitalize;
color: var(--text_color);
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p label .required {
color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p {
width: 100%;
}
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p {
margin-bottom: 25px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p label {
font-weight: 600;
font-size: 14px;
margin-bottom: 5px;
color: var(--text_color);
text-transform: capitalize;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p label .required {
color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p {
width: 100%;
}
}
.woosw-content-item--price,
.tr-price,
.price,
.amount {
font-weight: 600;
}
.woocommerce table.shop_table {
width: 100%;
display: table;
border-collapse: collapse;
border-spacing: 0;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
border: none;
}
.woocommerce table.shop_table tr {
border-bottom: 1px solid #eeeeee;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th {
background: none;
border: 0;
text-align: left;
padding: 15px 15px 15px 0;
}
.woocommerce table.shop_table tfoot td {
font-weight: normal;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row > label,
.woocommerce-checkout .woocommerce-shipping-fields .form-row > label,
.woocommerce-checkout .woocommerce-additional-fields .form-row > label {
display: none;
} .woocommerce-info,
.woocommerce-message {
border-color: var(--primary_color);
}
.woocommerce-info > a,
.woocommerce-message > a {
font-weight: bold;
}
.woocommerce-info:before,
.woocommerce-message:before {
color: var(--primary_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 26%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
margin-bottom: 10px;
border-radius: 5px;
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
margin-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 15px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 16px;
background-color: #f6f6f6;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background-color: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
width: 49%;
display: inline-block;
}
}
.woocommerce-account .woocommerce-MyAccount-content p a {
font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content > p {
padding: 1em 2em 1em 1.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
border-top: 3px solid var(--primary_color);
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-account .woocommerce-MyAccount-content > p:before {
content: "\e017";
color: var(--primary_color);
font-family: "WooCommerce";
font-weight: bold;
margin-right: 20px;
border: 1px solid var(--primary_color);
border-radius: 50%;
padding: 3px;
}
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-1 {
max-width: 48%;
padding: 0;
}
@media (max-width: 768px) {
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-1 {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.woocommerce-page .col2-set .col-2.woocommerce-Address,
.woocommerce .col2-set .col-2.woocommerce-Address,
.woocommerce-page .col2-set .col-1.woocommerce-Address,
.woocommerce .col2-set .col-1.woocommerce-Address {
width: 100%;
}
}
.woocommerce-account .addresses .title .edit {
margin-top: 20px;
font-weight: 600;
text-decoration: underline;
}
.woocommerce table.my_account_orders {
font-size: 14px;
border: 2px solid #eeeeee;
}
.woocommerce table.my_account_orders th {
font-size: 13px;
color: #222222;
text-transform: uppercase;
text-align: center;
line-height: 2.4;
padding: 14px 12px;
font-weight: normal;
border-bottom-width: 2px;
}
.woocommerce table.my_account_orders td {
text-align: center;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0;
min-width: 120px;
}
.woocommerce-account .customer_login_form_wrap {
margin-bottom: 80px;
}
.woocommerce-account .customer_login_form_wrap .col2-set {
margin-top: 5%;
margin-bottom: 10%;
}
.woocommerce-account .customer_login_form_wrap .col2-set .col-1,
.woocommerce-account .customer_login_form_wrap .col2-set .col-2 {
background: #fff;
border: 2px solid #eeeeee;
padding: 50px 45px 30px 45px;
}
.woocommerce-account .customer_login_form_wrap .col2-set p {
text-align: left;
}
.woocommerce-account .customer_login_form_wrap .col2-set h2 {
position: relative;
text-align: left;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 20px;
line-height: 1;
}
.woocommerce-account .customer_login_form_wrap .col2-set h2:before {
content: "";
position: absolute;
left: -10px;
width: 2px;
height: 100%;
background: var(--primary_color);
}
.woocommerce-account .customer_login_form_wrap .col2-set label {
text-align: left;
}
.woocommerce-account .customer_login_form_wrap form.login,
.woocommerce-account .customer_login_form_wrap form.register {
padding: 0;
margin: 0;
text-align: left;
border: none;
border-radius: 0;
}
.woocommerce-account .customer_login_form_wrap form.login .form-row,
.woocommerce-account .customer_login_form_wrap form.register .form-row {
margin-bottom: 20px;
}
.woocommerce-account .customer_login_form_wrap form.login .form-row label.inline,
.woocommerce-account .customer_login_form_wrap form.register .form-row label.inline {
display: inline-block;
margin-top: 10px;
}
.woocommerce-account .customer_login_form_wrap form.login label,
.woocommerce-account .customer_login_form_wrap form.register label {
margin-bottom: 5px;
}
.woocommerce-account .customer_login_form_wrap form.login .woocommerce-form-login__rememberme,
.woocommerce-account .customer_login_form_wrap form.register .woocommerce-form-login__rememberme {
display: block;
margin-bottom: 15px;
}
.woocommerce-account .customer_login_form_wrap form.login .input-text,
.woocommerce-account .customer_login_form_wrap form.register .input-text {
border-radius: 5px;
text-align: left;
background: #fff;
}
.woocommerce-account .customer_login_form_wrap form.login label[for="rememberme"],
.woocommerce-account .customer_login_form_wrap form.register label[for="rememberme"] {
display: block;
text-transform: none;
margin-top: 12px;
color: var(--text_color);
font-weight: normal;
}
.woocommerce-account .customer_login_form_wrap form.login label[for="rememberme"] input,
.woocommerce-account .customer_login_form_wrap form.register label[for="rememberme"] input {
margin-right: 5px;
} .wishlist-title.wishlist-title-with-form h2:hover {
background-color: transparent;
}
.wishlist-title {
text-align: center;
width: 100%;
margin-bottom: 40px;
}
.wishlist-title h2 {
margin-top: 0;
}
.woocommerce table.shop_table.cart.wishlist_table {
font-size: 100%;
margin-bottom: 80px;
}
.woocommerce table.shop_table.cart.wishlist_table tr th span {
color: var(--heading_color);
font-size: 16px;
}
@media screen and (min-width: 320px) {
.woocommerce table.shop_table.cart.wishlist_table tr th span {
font-size: 12px;
}
}
@media screen and (min-width: 480px) {
.woocommerce table.shop_table.cart.wishlist_table tr th span {
font-size: 16px;
}
}
.woocommerce table.shop_table.cart.wishlist_table td.product-remove a {
font-size: 0;
height: 16px;
width: 16px;
margin: auto;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-remove a:before {
font-size: 16px;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e681";
}
.woocommerce table.shop_table.cart.wishlist_table tr td {
text-align: left;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-name a {
font-size: 16px;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-in-stock,
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-out-of-stock {
font-size: 13px;
text-transform: uppercase;
color: #888888;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-in-stock {
color: #D90000;
}
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart {
text-align: right;
padding-right: 30px;
}
@media screen and (min-width: 320px) {
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart {
padding-right: 5px;
}
}
@media screen and (min-width: 480px) {
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart {
padding-right: 30px;
}
}
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart .add-to-cart-wrap {
display: inline-block;
position: relative;
left: auto;
bottom: auto;
opacity: 1;
z-index: 5;
}
.woocommerce table.shop_table.cart.wishlist_table tbody tr:last-child td {
boder-bottom: none;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a {
font-size: 15px;
min-width: 140px;
padding: 10px 10px;
background-color: var(--primary_color) !important;
color: #fff;
white-space: nowrap;
display: inline-block;
overflow: hidden;
position: relative;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
line-height: 25px;
float: left;
opacity: 1;
line-height: 40px;
}
@media screen and (min-width: 320px) {
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a {
font-size: 12px;
}
}
@media screen and (min-width: 480px) {
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a {
font-size: 16px;
}
}
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a:hover {
background-color: var(--primary_color_lighten_10) !important;
}
.woocommerce table.shop_table.cart.wishlist_table tfoot td {
border-top: 2px solid #eeeeee;
}
.wishlist_table tr th.product-thumbnail {
width: 120px;
}
.wishlist_table tr th.product-remove {
width: 70px;
}
.wishlist_table tr td.product-thumbnail a {
max-width: 70px;
}
.woocommerce table.wishlist_table tbody td {
padding: 16px 12px;
}
@media screen and (min-width: 320px) {
.woocommerce table.wishlist_table tbody td {
padding: 15px 0px;
}
}
@media screen and (min-width: 480px) {
.woocommerce table.wishlist_table tbody td {
padding: 16px 12px;
}
} .woocommerce .product-item-wrap,
.single-product .product-item-wrap {
padding: 0 20px 0 20px;
margin-bottom: 40px !important;
}
@media (max-width: 1300px) {
.woocommerce .product-item-wrap,
.single-product .product-item-wrap {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px !important;
}
}
.woocommerce .star-rating.rating-invisible,
.single-product .star-rating.rating-invisible {
display: none;
}
.woocommerce .product-item-inner,
.single-product .product-item-inner {
background-color: #fff;
position: relative;
overflow: hidden;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.woocommerce .product-thumb img,
.single-product .product-thumb img {
width: 100%;
}
.woocommerce .product-flash-wrap,
.single-product .product-flash-wrap {
position: absolute;
top: 20px;
right: 20px;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.woocommerce .product-flash-wrap div,
.single-product .product-flash-wrap div {
font-size: 13px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
line-height: 40px;
text-align: center;
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
margin-bottom: 5px;
}
.woocommerce .product-flash-wrap div.on-new,
.single-product .product-flash-wrap div.on-new {
background-color: var(--primary_color);
}
.woocommerce .product-flash-wrap div.on-hot,
.single-product .product-flash-wrap div.on-hot {
background-color: var(--primary_color);
}
.woocommerce .product-flash-wrap div.on-sold,
.single-product .product-flash-wrap div.on-sold {
background-color: #959ea7;
}
.woocommerce .product-flash-wrap div.on-sale,
.single-product .product-flash-wrap div.on-sale {
background-color: #ff7d8a;
}
.woocommerce .product-thumb,
.single-product .product-thumb {
position: relative;
background-color: #fff;
}
.woocommerce .product-thumb .product-thumb-primary,
.single-product .product-thumb .product-thumb-primary {
overflow: hidden;
}
.woocommerce .product-thumb .product-thumb-primary img,
.single-product .product-thumb .product-thumb-primary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-thumb .product-thumb-secondary img,
.single-product .product-thumb .product-thumb-secondary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-thumb-secondary,
.single-product .product-thumb-secondary {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.woocommerce .product-link,
.single-product .product-link {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
visibility: visible;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce .add-to-cart-wrap,
.single-product .add-to-cart-wrap {
display: inline-block;
position: absolute;
opacity: 0;
left: -10px;
bottom: 12px;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
text-align: center;
color: var(--text_color);
display: inline-block;
padding: 0;
opacity: 0;
position: relative;
border-radius: 0;
font-size: 16px;
min-width: 0;
vertical-align: middle;
}
.woocommerce .add-to-cart-wrap a:before,
.single-product .add-to-cart-wrap a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f217";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
line-height: 1;
vertical-align: middle;
display: none;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a,
.single-product .yith-wcwl-wishlistaddedbrowse a,
.woocommerce .yith-wcwl-wishlistexistsbrowse a,
.single-product .yith-wcwl-wishlistexistsbrowse a,
.woocommerce .add_to_wishlist,
.single-product .add_to_wishlist,
.woocommerce .compare,
.single-product .compare,
.woocommerce .product-quick-view,
.single-product .product-quick-view,
.woocommerce .btn_add_to_cart,
.single-product .btn_add_to_cart,
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
text-align: center;
color: #fff;
background-color: var(--heading_color);
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
display: inline-block;
padding: 0;
position: relative;
font-size: 14px;
min-width: 0;
vertical-align: middle;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a i,
.single-product .yith-wcwl-wishlistaddedbrowse a i,
.woocommerce .yith-wcwl-wishlistexistsbrowse a i,
.single-product .yith-wcwl-wishlistexistsbrowse a i,
.woocommerce .add_to_wishlist i,
.single-product .add_to_wishlist i,
.woocommerce .compare i,
.single-product .compare i,
.woocommerce .product-quick-view i,
.single-product .product-quick-view i,
.woocommerce .btn_add_to_cart i,
.single-product .btn_add_to_cart i,
.woocommerce .add-to-cart-wrap a i,
.single-product .add-to-cart-wrap a i {
font-size: 16px;
line-height: 13px;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a:hover,
.single-product .yith-wcwl-wishlistaddedbrowse a:hover,
.woocommerce .yith-wcwl-wishlistexistsbrowse a:hover,
.single-product .yith-wcwl-wishlistexistsbrowse a:hover,
.woocommerce .add_to_wishlist:hover,
.single-product .add_to_wishlist:hover,
.woocommerce .compare:hover,
.single-product .compare:hover,
.woocommerce .product-quick-view:hover,
.single-product .product-quick-view:hover,
.woocommerce .btn_add_to_cart:hover,
.single-product .btn_add_to_cart:hover,
.woocommerce .add-to-cart-wrap a:hover,
.single-product .add-to-cart-wrap a:hover,
.woocommerce .yith-wcwl-wishlistaddedbrowse a.active,
.single-product .yith-wcwl-wishlistaddedbrowse a.active,
.woocommerce .yith-wcwl-wishlistexistsbrowse a.active,
.single-product .yith-wcwl-wishlistexistsbrowse a.active,
.woocommerce .add_to_wishlist.active,
.single-product .add_to_wishlist.active,
.woocommerce .compare.active,
.single-product .compare.active,
.woocommerce .product-quick-view.active,
.single-product .product-quick-view.active,
.woocommerce .btn_add_to_cart.active,
.single-product .btn_add_to_cart.active,
.woocommerce .add-to-cart-wrap a.active,
.single-product .add-to-cart-wrap a.active {
color: var(--primary_color);
background-color: var(--heading_color);
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
font-size: 16px;
}
.woocommerce .add-to-cart-wrap a.loading,
.single-product .add-to-cart-wrap a.loading {
padding: 0;
opacity: 1;
}
.woocommerce .add-to-cart-wrap a:after,
.single-product .add-to-cart-wrap a:after {
display: none;
}
.woocommerce .wishlist_table .add-to-cart-wrap a.loading,
.single-product .wishlist_table .add-to-cart-wrap a.loading {
font-size: 0 !important;
min-height: 38px;
}
.woocommerce .wishlist_table .add-to-cart-wrap a:after,
.single-product .wishlist_table .add-to-cart-wrap a:after {
display: block;
font-size: 14px;
text-align: center;
width: 100%;
right: 0;
line-height: 38px;
top: 0;
}
.woocommerce .added_to_cart.wc-forward:before,
.single-product .added_to_cart.wc-forward:before {
content: '\f217';
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--primary_color);
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .added_to_cart.wc-forward i,
.single-product .added_to_cart.wc-forward i {
color: var(--primary_color);
}
.woocommerce .compare,
.single-product .compare {
right: 30px;
}
.woocommerce .compare .blockUI.blockOverlay,
.single-product .compare .blockUI.blockOverlay {
background: none !important;
}
.woocommerce .product-quick-view.active i.fa-spin:before,
.single-product .product-quick-view.active i.fa-spin:before {
content: "\f110";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a,
.single-product .yith-wcwl-wishlistaddedbrowse a {
color: var(--primary_color);
}
.woocommerce .added-spinner,
.single-product .added-spinner {
color: var(--primary_color);
}
.woocommerce .yith-wcwl-add-to-wishlist,
.single-product .yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 0;
top: 25px;
right: 0px;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .yith-wcwl-add-to-wishlist span.feedback,
.single-product .yith-wcwl-add-to-wishlist span.feedback {
display: none;
}
.woocommerce .yith-wcwl-add-to-wishlist + div.clear,
.single-product .yith-wcwl-add-to-wishlist + div.clear {
display: none;
}
.woocommerce .yith-wcwl-add-button,
.single-product .yith-wcwl-add-button {
font-weight: bold;
text-transform: uppercase;
height: 36px !important;
position: relative;
margin-top: 15px;
border-radius: 100px;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
border: none;
}
.woocommerce .yith-wcwl-add-button a,
.single-product .yith-wcwl-add-button a {
line-height: 36px;
}
.woocommerce .yith-wcwl-add-button a i,
.single-product .yith-wcwl-add-button a i {
margin-right: 0px;
}
.woocommerce .yith-wcwl-add-button .ajax-loading,
.single-product .yith-wcwl-add-button .ajax-loading {
display: none !important;
}
.woocommerce .yith-wcwl-add-button:hover,
.single-product .yith-wcwl-add-button:hover {
border-color: var(--primary_color);
}
.woocommerce .yith-wcwl-add-button:hover a,
.single-product .yith-wcwl-add-button:hover a {
color: var(--primary_color);
}
.woocommerce .add_to_wishlist:before,
.single-product .add_to_wishlist:before,
.woocommerce .yith-wcwl-wishlistaddedbrowse a:before,
.single-product .yith-wcwl-wishlistaddedbrowse a:before,
.woocommerce .yith-wcwl-wishlistexistsbrowse a:before,
.single-product .yith-wcwl-wishlistexistsbrowse a:before,
.woocommerce .compare.added:before,
.single-product .compare.added:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f004";
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 1;
vertical-align: middle;
}
.woocommerce .yith-wcwl-wishlistexistsbrowse a,
.single-product .yith-wcwl-wishlistexistsbrowse a {
font-weight: bold;
text-transform: uppercase;
font-size: 0;
}
.woocommerce .yith-wcwl-wishlistexistsbrowse a:before,
.single-product .yith-wcwl-wishlistexistsbrowse a:before {
color: var(--primary_color);
}
.woocommerce .add_to_wishlist i,
.single-product .add_to_wishlist i {
font-size: 16px;
line-height: 1;
}
.woocommerce .add_to_wishlist i:before,
.single-product .add_to_wishlist i:before {
line-height: 1;
}
.woocommerce .compare i.fa-spinner,
.single-product .compare i.fa-spinner {
font-size: 16px;
line-height: 28px;
}
.woocommerce .compare.added:before,
.single-product .compare.added:before {
content: "\f268" !important;
font-family: Ionicons;
font-size: 20px;
line-height: 28px;
}
.woocommerce .add_to_wishlist.added-spinner:before,
.single-product .add_to_wishlist.added-spinner:before {
content: "";
display: none;
}
.woocommerce .added-spinner:before,
.single-product .added-spinner:before {
content: "\f110";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.woocommerce .product-info,
.single-product .product-info {
padding: 10px 0;
text-align: center;
background: #fff;
position: relative;
z-index: 3;
min-height: 92px;
}
.woocommerce .product-info h3,
.single-product .product-info h3 {
position: relative;
top: 0;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
color: #555;
text-align: left;
font-weight: 400;
width: 100%;
padding-right: 0px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .product-info .star-rating,
.single-product .product-info .star-rating {
position: absolute;
right: 0px;
bottom: 18px;
margin-top: 0;
font-size: 14px;
width: 93px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .product-info span.price,
.single-product .product-info span.price {
font-size: 16px !important;
display: block;
padding: 0px 0px;
text-align: left;
color: var(--primary_color);
}
.woocommerce .product-info span.price ins,
.single-product .product-info span.price ins {
display: inline-block;
text-decoration: none;
font-style: inherit;
}
.woocommerce .product-info span.price del,
.single-product .product-info span.price del {
color: var(--text_color_lighten_20);
display: inline-block;
opacity: 1;
margin-right: 0px;
font-weight: inherit;
font-style: inherit;
}
.woocommerce .product-item-wrap.active .product-thumb .product-thumb-secondary,
.single-product .product-item-wrap.active .product-thumb .product-thumb-secondary,
.woocommerce .product-item-wrap:hover .product-thumb .product-thumb-secondary,
.single-product .product-item-wrap:hover .product-thumb .product-thumb-secondary {
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info h3,
.single-product .product-item-wrap.active .product-info h3,
.woocommerce .product-item-wrap:hover .product-info h3,
.single-product .product-item-wrap:hover .product-info h3 {
color: var(--primary_color);
}
.woocommerce .product-item-wrap.active .product-info span.price,
.single-product .product-item-wrap.active .product-info span.price,
.woocommerce .product-item-wrap:hover .product-info span.price,
.single-product .product-item-wrap:hover .product-info span.price,
.woocommerce .product-item-wrap.active .product-info .star-rating,
.single-product .product-item-wrap.active .product-info .star-rating,
.woocommerce .product-item-wrap:hover .product-info .star-rating,
.single-product .product-item-wrap:hover .product-info .star-rating {
opacity: 0;
}
.woocommerce .product-item-wrap.active .product-info .add-to-cart-wrap,
.single-product .product-item-wrap.active .product-info .add-to-cart-wrap,
.woocommerce .product-item-wrap:hover .product-info .add-to-cart-wrap,
.single-product .product-item-wrap:hover .product-info .add-to-cart-wrap {
left: 0px;
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info .yith-wcwl-add-to-wishlist,
.single-product .product-item-wrap.active .product-info .yith-wcwl-add-to-wishlist,
.woocommerce .product-item-wrap:hover .product-info .yith-wcwl-add-to-wishlist,
.single-product .product-item-wrap:hover .product-info .yith-wcwl-add-to-wishlist {
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info .product-quick-view,
.single-product .product-item-wrap.active .product-info .product-quick-view,
.woocommerce .product-item-wrap:hover .product-info .product-quick-view,
.single-product .product-item-wrap:hover .product-info .product-quick-view,
.woocommerce .product-item-wrap.active .product-info .compare,
.single-product .product-item-wrap.active .product-info .compare,
.woocommerce .product-item-wrap:hover .product-info .compare,
.single-product .product-item-wrap:hover .product-info .compare {
opacity: 1;
}
@media (max-width: 479px) and (min-width: 321px) {
.woocommerce .product-item-wrap .product-info .yith-wcwl-add-to-wishlist,
.single-product .product-item-wrap .product-info .yith-wcwl-add-to-wishlist,
.woocommerce .product-item-wrap .product-info .product-quick-view,
.single-product .product-item-wrap .product-info .product-quick-view,
.woocommerce .product-item-wrap .product-info .compare,
.single-product .product-item-wrap .product-info .compare {
opacity: 0 !important;
}
}
.woocommerce.columns-2 .product-item-wrap,
.single-product.columns-2 .product-item-wrap {
width: 50%;
float: left;
}
.woocommerce.columns-3 .product-item-wrap,
.single-product.columns-3 .product-item-wrap {
width: 33.33333333%;
float: left;
}
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap {
width: 25%;
float: left;
}
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap {
width: 20%;
float: left;
}
.woocommerce.product-slider .product-item-wrap,
.single-product.product-slider .product-item-wrap {
float: none;
padding-bottom: 0;
}
@media (max-width: 991px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap {
width: 33.33%;
}
}
@media (max-width: 768px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap,
.woocommerce.columns-3 .product-item-wrap,
.single-product.columns-3 .product-item-wrap {
width: 50%;
}
}
@media (max-width: 414px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap,
.woocommerce.columns-3 .product-item-wrap,
.single-product.columns-3 .product-item-wrap,
.woocommerce.columns-2 .product-item-wrap,
.single-product.columns-2 .product-item-wrap {
width: 100%;
}
}
.rbc-product-inner {
overflow: hidden;
background-color: #fff;
-webkit-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
position: relative;
}
.rbc-product-inner .product__price {
text-align: center;
margin: 0px 0 3px;
}
.rbc-product-inner .product__price .price del {
font-weight: 400;
font-size: 14px;
color: var(--text_color_lighten_20);
}
.rbc-product-inner .product__price .price ins {
text-decoration: none;
font-weight: 600 !important;
}
.rbc-product-inner .product__thumb {
position: relative;
overflow: hidden;
}
.rbc-product-inner .product__thumb:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: #f0eae380;
mix-blend-mode: darken;
}
.rbc-product-inner .product__thumb img {
width: 100%;
-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
-o-transition: opacity 0.3s ease-out, transform 0.3s ease-out, filter 0.3s ease-out;
transition: opacity 0.3s ease-out, transform 0.3s ease-out, filter 0.3s ease-out;
transition: opacity 0.3s ease-out, transform 0.3s ease-out, filter 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
}
.rbc-product-inner .product__info {
padding: 40px 0 10px;
}
.rbc-product-inner .product__title h3 {
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 20px;
letter-spacing: 0.5px;
margin: 0;
}
.rbc-product-inner .product__meta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
position: absolute;
top: calc(50% + 15px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -20px;
opacity: 0;
z-index: 2;
}
.rbc-product-inner .product__meta .quick-view-wrap {
padding-bottom: 10px;
}
.rbc-product-inner .product__meta .product-quick-view,
.rbc-product-inner .product__meta .add-to-cart-wrap {
opacity: 1;
position: relative;
left: 0;
top: 0;
}
.rbc-product-inner .product__meta .add-to-cart-wrap {
position: relative;
}
.rbc-product-inner .product__meta .add-to-cart-wrap .added_to_cart {
font-size: 0px;
}
.rbc-product-inner .product__meta .product-quick-view a:hover {
color: var(--primary_color);
}
.rbc-product-inner .product__meta .product-quick-view:hover a {
color: var(--primary_color) !important;
}
.rbc-product-inner .product__meta .compare .add_to_compare {
opacity: 1;
position: relative;
}
.rbc-product-inner .product__meta .compare .add_to_compare:hover a {
color: var(--primary_color) !important;
}
.rbc-product-inner .product__meta .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
margin-top: 0;
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.rbc-product-inner .product__meta .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
line-height: normal;
font-size: 0;
}
.rbc-product-inner .product__meta .yith-wcwl-add-to-wishlist .yith-wcwl-add-button:hover {
border: none;
}
.rbc-product-inner .product__meta .grf-compare {
position: relative;
}
.rbc-product-inner .product__meta .grf-compare a {
right: 0;
}
.rbc-product-inner:hover .product__thumb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.rbc-product-inner:hover .product__meta {
opacity: 1;
left: 15px;
}
.rbc-product-inner:hover .product__title h3 {
color: var(--primary_color);
}
.woocommerce > .woocommerce {
margin: 0;
}
.woocommerce > .woocommerce .product-item-wrap {
padding: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb {
width: 33.33%;
float: left;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-thumb-primary img {
padding-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-thumb-secondary img {
padding-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap span {
margin-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info {
padding: 0 0 0 30px;
width: 66.66%;
float: left;
text-align: left;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info .star-rating {
position: relative;
text-align: left;
right: 0;
margin: 20px 0 10px 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info .star-rating:before {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info span.price {
margin-top: 25px;
padding-top: 10px;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info h3 {
width: 100%;
padding-right: 0;
margin-top: 12px;
margin-bottom: 20px;
font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info {
padding-left: 10px;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info h3 {
font-size: 14px;
margin-bottom: 0;
margin-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info span.price {
margin-top: 0;
}
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-actions {
display: none;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner:hover {
-webkit-transform: translate(0, -3px);
-ms-transform: translate(0, -3px);
transform: translate(0, -3px);
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info .star-rating {
bottom: 0;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info span.price {
margin-top: 10px !important;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info span.price,
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info .star-rating {
opacity: 1;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info .add-to-cart-wrap {
display: none;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info span.price,
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .star-rating {
opacity: 1;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .yith-wcwl-add-to-wishlist {
opacity: 0;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .product-quick-view,
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .compare {
opacity: 0;
}
.woocommerce.columns-1 .product-item-wrap {
width: 100%;
}
.woocommerce.columns-1 .product-item-wrap .product-info h3 {
font-size: 14px;
color: var(--text_color);
text-align: left;
}
.woocommerce.columns-1 .product-item-wrap .product-info .star-rating:before {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.woocommerce.columns-1 .product-item-wrap .product-info span.price {
text-align: left;
}
.woocommerce.columns-1 .product-item-wrap .product-info .product-single-short-description {
text-align: left;
}
.product-item-wrap .rbc-product-inner .product__meta .add-to-cart-wrap,
.product-item-wrap .rbc-product-inner .product__meta .yith-wcwl-add-to-wishlist {
padding-bottom: 10px;
}
.product-item-wrap .rbc-product-inner .product__meta .product-quick-view {
padding-bottom: 5px;
} .woocommerce-order-received .woocommerce header.title h3,
.woocommerce-account .woocommerce header.title h3 {
font-size: 26px;
margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce address,
.woocommerce-account .woocommerce address {
line-height: 1.8;
}
.woocommerce .order_details {
padding: 0;
} .track_order {
text-align: left;
}
.track_order .form-row input.button {
margin-top: 30px;
height: 50px;
min-width: 170px;
text-transform: uppercase;
font-size: 16px;
}
.track_order p:first-child {
line-height: 1.8;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
display: none;
}
.woocommerce .track_order .form-row-first,
.woocommerce .track_order .form-row-last {
float: none;
margin: auto;
margin-bottom: 20px;
width: 100%;
}
.woocommerce .track_order .form-row-first label,
.woocommerce .track_order .form-row-last label {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 10px;
color: var(--primary_color);
}
.woocommerce .track_order .form-row-first input,
.woocommerce .track_order .form-row-last input {
text-align: left;
color: var(--primary_color);
}
.woocommerce .track_order .form-row-first input .placeholder,
.woocommerce .track_order .form-row-last input .placeholder {
text-align: left;
color: var(--primary_color_fade_50);
}
.woocommerce form.track_order .form-row input.input-text {
height: 55px;
border: 1px solid #eee !important;
}
.woocommerce form.track_order .form-row input.input-text:focus {
border-color: var(--primary_color) !important;
} .product-paging-load-more button {
background-color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-paging-load-more button:hover {
background-color: var(--primary_color_darken_20);
}
#popup-product-quick-view-wrapper.fade {
opacity: 1 !important;
}
#popup-product-quick-view-wrapper .modal-dialog {
top: 200px;
-webkit-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
}
.woocommerce .rbc-product-inner .product__price .price {
color: var(--primary_color);
font-size: 1.5em;
}
.woocommerce .rbc-product-inner .product__price .price .sale_price {
padding-left: 10px;
}
.recent-item .recent-title {
border-bottom: 1px solid #cecece;
}
.recent-item .rbc-product-inner {
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.recent-item .rbc-product-inner .product__thumb {
float: left;
margin: 0px;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100px;
height: 120px;
min-height: 120px;
width: 30%;
}
@media screen and (min-width: 992px) {
.recent-item .rbc-product-inner .product__thumb {
float: left;
margin: 0px;
padding-top: 5px;
}
}
.recent-item .rbc-product-inner .product__thumb .product__price {
display: inline-block;
width: 70%;
left: 40%;
}
@media screen and (min-width: 768px) {
.recent-item .rbc-product-inner .product__thumb .product__price {
display: none;
}
}
@media screen and (min-width: 992px) {
.recent-item .rbc-product-inner .product__thumb .product__price {
display: inline-block;
}
}
.recent-item .rbc-product-inner .product__thumb .product__price .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: var(--secondary_font);
}
@media screen and (min-width: 768px) {
.recent-item .rbc-product-inner .product__thumb .product__price .price {
display: block;
}
}
@media screen and (min-width: 992px) {
.recent-item .rbc-product-inner .product__thumb .product__price .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.recent-item .rbc-product-inner .product__thumb .product__price .price del {
padding-right: 10px;
color: #8f8f8f;
}
.recent-item .rbc-product-inner .product__info {
height: 100%;
padding: 30px 0px;
width: 70%;
display: inline-block;
}
@media screen and (min-width: 320px) {
.recent-item .rbc-product-inner .product__info {
display: inline-block;
}
}
@media screen and (min-width: 768px) {
.recent-item .rbc-product-inner .product__info {
display: inline-block;
padding: 15px 0px;
}
}
@media screen and (min-width: 992px) {
.recent-item .rbc-product-inner .product__info {
padding: 30px 0px;
}
}
.recent-item .rbc-product-inner .product__info .product__title h3 {
padding-top: 10px;
padding-left: 15%;
text-align: left !important;
}
.recent-item .rbc-product-inner .product__info .product__cat {
padding-left: 15%;
text-align: left !important;
}
.recent-item .rbc-product-inner .product__meta {
display: none;
}
@media screen and (min-width: 320px) {
.recent-item .rbc-product-inner .star-rating {
margin-top: 10px;
margin-left: 15%;
}
}
@media screen and (min-width: 768px) {
.recent-item .rbc-product-inner .star-rating {
margin-left: 15%;
}
}
.recent-item .rbc-product-inner .product__sale-flash {
display: none;
}
.recent-item .rbc-product-inner:hover {
-webkit-box-shadow: 0px 2px 15px 0px #DEDEDE;
box-shadow: 0px 2px 15px 0px #DEDEDE;
} .woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 100%;
}
.cart-form {
margin-bottom: 50px;
margin-top: 80px;
}
.woocommerce a.remove {
margin: 0 auto;
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
padding: 10px 0;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border: none;
padding: 6px 15px 5px;
margin-right: 15px;
border-radius: 30px;
height: 50px;
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce table.shop_table.cart {
background-color: #fff;
-webkit-box-shadow: 0px 20px 50px rgba(229, 229, 229, 0.8);
box-shadow: 0px 20px 50px rgba(229, 229, 229, 0.8);
border-top: 5px solid var(--primary_color);
}
.woocommerce table.shop_table.cart thead tr th {
font-size: 20px;
padding: 13px 10px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
}
.woocommerce table.shop_table.cart thead tr th.product-thumbnail {
width: 100px;
}
.woocommerce table.shop_table.cart thead tr th.product-remove {
width: 50px;
}
.woocommerce table.shop_table.cart tbody tr td.actions {
padding: 20px 20px;
}
.woocommerce table.shop_table.cart tbody tr td.actions input {
min-width: 170px;
}
@media (max-width: 480px) {
.woocommerce table.shop_table.cart tbody tr td.actions input {
min-width: auto;
}
}
.woocommerce table.shop_table.cart tbody tr td .variation {
font-weight: normal;
}
.woocommerce table.shop_table.cart tbody tr td .variation dt {
font-weight: normal;
}
.woocommerce table.shop_table.cart tbody .product-name a {
font-weight: 600;
}
.woocommerce table.shop_table.cart tbody .product-thumbnail img {
min-width: 80px;
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart tbody .product-thumbnail img {
display: none;
}
}
.woocommerce table.shop_table.cart tbody .product-quantity .quantity label {
display: none;
}
.woocommerce table.shop_table.cart tbody .product-quantity .quantity input.qty {
border: 1px solid #eeeeee;
padding: 5px 0 5px 10px;
border-radius: 3px;
}
.cart-collaterals h4.widget-title,
.cart-collaterals h2 {
font-size: 36px;
margin-top: 40px;
margin-bottom: 25px;
text-align: left;
border-left: 3px solid var(--primary_color);
padding-left: 15px;
}
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
float: left;
margin: 0 auto;
}
@media (max-width: 479px) {
.woocommerce .cart-collaterals .cart_totals {
margin: 0;
}
}
.woocommerce .cart-collaterals .cart_totals td {
width: 100%;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button {
text-transform: uppercase;
letter-spacing: 1.38px;
line-height: 1.5;
display: inline-block;
position: relative;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:after {
content: '';
width: 0;
height: 1px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor;
margin-left: 0;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:hover {
color: var(--primary_color);
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:hover:after {
width: 100%;
left: 0;
right: auto;
}
.woocommerce .shipping-calculator-form button.button {
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container--default .select2-selection--single {
height: 55px;
border-color: #eeeeee;
}
.select2-container--default.select2-container--open .select2-selection--single {
border-color: #808080;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 55px;
line-height: 55px;
padding: 0 15px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 55px;
}
.woocommerce .select2-dropdown {
border-color: #808080;
top: 34px;
}
.woocommerce .select2-dropdown .select2-search__field {
background-color: #fff;
border-color: #eeeeee;
height: 40px;
}
.woocommerce-cart .cart-collaterals .shop_table tr {
border-bottom: 1px solid #ededed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce-cart .cart-collaterals .shop_table tr:last-child {
border-bottom: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
border: 0;
padding: 15px 7px;
}
.woocommerce ul#shipping_method {
line-height: 2;
}
.woocommerce ul#shipping_method li {
padding: 0;
text-indent: 0;
}
.woocommerce ul#shipping_method li input[type=radio] {
margin: 0;
vertical-align: middle;
}
.woocommerce ul#shipping_method li label {
font-weight: normal;
margin: 0;
}
.woocommerce ul#shipping_method .amount {
font-weight: normal;
}
p.return-to-shop {
margin-bottom: 80px !important;
}
p.return-to-shop .button {
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--primary_color);
background-color: #fff;
padding: 15px 40px;
border-radius: 30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display: inline-block;
position: relative;
visibility: visible;
-webkit-box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.1);
box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.1);
}
p.return-to-shop .button:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.33);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.33);
}
.cross-sells .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.cross-sells .owl-nav div i {
font-size: 24px;
color: #fff;
line-height: 44px;
}
.cross-sells .owl-nav div:hover {
background-color: var(--primary_color);
}
.cross-sells .owl-nav .owl-prev {
left: -10px;
}
.cross-sells .owl-nav .owl-next {
right: -10px;
} .woocommerce .single-product-image-wrap #sync1 {
overflow: hidden;
}
.woocommerce .single-product-image-wrap #sync1:hover .owl-nav {
opacity: 1;
}
.woocommerce .single-product-image-wrap #sync1 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .single-product-image-wrap #sync1 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 30px;
color: rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .single-product-image-wrap #sync1 .owl-nav > div:hover {
color: var(--primary_color);
}
.woocommerce .single-product-image-wrap #sync1 .owl-nav > div.owl-next {
right: 30px;
}
.woocommerce .single-product-image-wrap #sync1 .owl-nav > div.owl-prev {
left: 30px;
}
.woocommerce .single-product-image-wrap #sync2:hover .owl-nav {
opacity: 1;
}
.woocommerce .single-product-image-wrap #sync2 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .single-product-image-wrap #sync2 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 5px 10px;
line-height: 1;
font-size: 20px;
background-color: rgba(0, 0, 0, 0.1);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .single-product-image-wrap #sync2 .owl-nav > div:hover {
background-color: var(--primary_color);
}
.woocommerce .single-product-image-wrap #sync2 .owl-nav > div.owl-next {
right: 0;
}
.woocommerce .single-product-image-wrap #sync2 .owl-nav > div.owl-prev {
left: 0;
}
.woocommerce .single-product-image-wrap #sync2 .thumbnail-image {
text-align: center;
}
.woocommerce .single-product-image-wrap #sync2 .thumbnail-image a {
margin: 20px 10px;
display: block;
position: relative;
opacity: 0.5;
}
.woocommerce .single-product-image-wrap #sync2 .thumbnail-image a:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-box-shadow: inset 0 0 0 0px #fff;
box-shadow: inset 0 0 0 0px #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
background-color: #f0eae380;
mix-blend-mode: darken;
}
.woocommerce .single-product-image-wrap #sync2 .thumbnail-image a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.woocommerce .single-product-image-wrap #sync2 .synced .thumbnail-image a {
opacity: 1;
}
@media (max-width: 768px) {
.woocommerce div.product .single-product-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.woocommerce div.product .summary-product-wrap {
margin-bottom: 50px;
}
@media (max-width: 768px) {
.woocommerce div.product .summary-product-wrap {
margin-top: 30px;
}
}
@media (max-width: 480px) {
.woocommerce div.product .summary-product-wrap {
margin-bottom: 0;
}
}
.woocommerce div.product .summary-product-wrap .product_title {
position: relative;
margin-bottom: 5px;
}
@media (max-width: 1199px) {
.woocommerce div.product .summary-product-wrap .product_title {
font-size: 36px;
}
}
.woocommerce div.product .summary-product-wrap .woocommerce-product-rating {
margin-top: 10px;
margin-bottom: 20px;
vertical-align: middle;
line-height: 20px;
}
.woocommerce div.product .summary-product-wrap .woocommerce-product-rating .woocommerce-review-link {
font-size: 15px;
line-height: 1.4;
color: #878787;
margin-left: 10px;
}
.woocommerce div.product .summary-product-wrap .woocommerce-product-rating .star-rating {
float: none;
margin: 0;
display: inline-block;
font-size: 13px;
height: 15px;
vertical-align: middle;
}
.woocommerce div.product .summary-product-wrap p.price {
font-size: 30px;
line-height: 1.2;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--primary_color);
padding-top: 20px;
margin-bottom: 0;
margin-top: 0;
}
.woocommerce div.product .summary-product-wrap p.price del {
position: relative;
font-size: 18px;
color: #a8a8a8;
}
.woocommerce div.product .summary-product-wrap p.price ins {
text-decoration: none;
}
@media (max-width: 479px) {
.woocommerce div.product .summary-product-wrap p.price {
font-size: 24px;
}
}
.woocommerce div.product .summary-product-wrap .product-single-short-description {
margin-bottom: 28px;
}
.woocommerce div.product .summary-product-wrap .product-single-short-description p {
margin-bottom: 0;
}
.woocommerce div.product .summary-product-wrap form.cart {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.woocommerce div.product .summary-product-wrap form.cart div.quantity {
margin-right: 10px;
}
.woocommerce div.product .summary-product-wrap form.cart div.quantity label {
display: none;
}
.woocommerce div.product .summary-product-wrap form.cart div.quantity input {
height: 50px;
font-size: 16px;
padding: 0 0px 0 20px;
border-radius: 3px;
padding-right: 5px;
border: 1px solid var(--heading_color_fade_30);
}
.woocommerce div.product .summary-product-wrap form.cart .button,
.woocommerce div.product .summary-product-wrap form.cart .added_to_cart {
min-width: 200px;
border-radius: 3px;
}
.woocommerce div.product .summary-product-wrap form.cart .button:hover,
.woocommerce div.product .summary-product-wrap form.cart .added_to_cart:hover {
background-color: var(--heading_color);
-webkit-box-shadow: 3px 9px 10px rgba(63, 58, 100, 0.4);
box-shadow: 3px 9px 10px rgba(63, 58, 100, 0.4);
}
.woocommerce div.product .summary-product-wrap form.cart .button.added {
display: none;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table {
border: none;
margin-bottom: 38px;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table td {
line-height: 50px;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table td.label {
padding: 0 10px;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table label {
color: var(--heading_color);
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 17px;
margin: 0;
line-height: 50px;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table td.woocommerce-grouped-product-list-item__price {
font-weight: 600;
line-height: 50px;
font-size: 17px;
color: var(--primary_color);
font-family: var(--secondary_font);
}
.woocommerce div.product .summary-product-wrap form.cart .group_table td.woocommerce-grouped-product-list-item__price ins {
display: inline-block;
text-decoration: none;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table td.woocommerce-grouped-product-list-item__price del {
display: inline-block;
color: #a8a8a8;
font-size: var(--primary_font_size);
opacity: 1;
margin-right: 15px;
}
.woocommerce div.product .summary-product-wrap form.cart .group_table td.woocommerce-grouped-product-list-item__price .out-of-stock {
display: inline-block;
margin-bottom: 0;
color: var(--primary_color_fade_50);
font-size: 11px;
margin-left: 3px;
}
.woocommerce div.product .summary-product-wrap .woocommerce-variation {
margin: 20px 0;
}
.woocommerce div.product .summary-product-wrap .woocommerce-variation .woocommerce-variation-price .price ins {
text-decoration: none;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations {
width: 100%;
margin: 0;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations tr:nth-child(3) td {
padding: 0;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations td {
display: table-cell;
text-align: left;
vertical-align: middle;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations td.label {
padding: 0;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations select {
background-color: #f6f6f6;
border-radius: 3px;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations tr + tr td,
.woocommerce div.product .summary-product-wrap form.variations_form .variations tr + tr td.label {
padding: 10px 0 0 0;
}
.woocommerce div.product .summary-product-wrap form.variations_form .variations td.label label {
margin-bottom: 0;
letter-spacing: 1px;
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
width: 62px;
font-family: var(--secondary_font);
font-size: 16px;
text-transform: capitalize;
}
.woocommerce div.product .summary-product-wrap form.variations_form .single_variation_wrap:after,
.woocommerce div.product .summary-product-wrap form.variations_form .variations_button:after {
content: "";
display: block;
clear: both;
}
.woocommerce div.product .summary-product-wrap form.variations_form .single_variation span.price {
font-size: 24px !important;
color: var(--primary_color);
line-height: 1;
margin-bottom: 20px;
}
.woocommerce div.product .summary-product-wrap form.variations_form .single_variation_wrap .single_add_to_cart_button {
background-color: var(--primary_color);
}
.woocommerce div.product .summary-product-wrap form.variations_form .single_variation_wrap .single_add_to_cart_button:hover {
background-color: #222;
color: #fff;
}
.woocommerce div.product .summary-product-wrap .yith-wcwl-add-to-wishlist {
margin-left: 0px;
display: inline-block;
margin-top: 0;
text-align: center;
line-height: 48px;
margin-bottom: 20px;
display: none;
}
.woocommerce div.product .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
font-size: 0;
width: 50px;
height: 50px;
border: 1px solid #eeeeee;
}
.woocommerce div.product .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
display: block;
}
.woocommerce div.product .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img {
display: none !important;
}
.woocommerce div.product .summary-product-wrap .yith-wcwl-add-to-wishlist i {
line-height: 48px;
font-size: 18px;
margin-right: 0;
}
.woocommerce div.product .summary-product-wrap .single-product-function {
display: none;
margin-top: 20px;
margin-bottom: 20px;
}
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-add-to-wishlist {
margin: 0 15px 0 0;
display: inline-block;
}
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist {
font-size: 13px;
color: #777;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a:hover:before,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a:hover:before,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist:hover:before {
color: #fff;
}
.woocommerce div.product .summary-product-wrap .single-product-function .compare.added:before,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a:before,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a:before,
.woocommerce div.product .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f004";
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 11px;
vertical-align: middle;
width: 36px;
height: 36px;
background-color: #FAFAFA;
line-height: 36px;
text-align: center;
border-radius: 100%;
display: inline-block;
color: #888888;
margin-right: 10px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.woocommerce div.product .summary-product-wrap .single-product-function .compare.added:before {
content: "\f012";
}
.woocommerce div.product .summary-product-wrap .single-product-function a.compare {
font-size: 13px;
color: #777;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.woocommerce div.product .summary-product-wrap .single-product-function a.compare i {
font-size: 11px;
vertical-align: middle;
width: 36px;
height: 36px;
background-color: #FAFAFA;
line-height: 36px;
text-align: center;
border-radius: 100%;
display: inline-block;
color: #888888;
margin-right: 10px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.woocommerce div.product .summary-product-wrap .single-product-function a.compare:hover i {
color: #fff;
}
.woocommerce div.product .summary-product-wrap .single-product-function .feedback {
display: none !important;
}
.woocommerce div.product .summary-product-wrap .single-product-function .fa-heart-o {
display: none;
}
.woocommerce div.product .summary-product-wrap .product_meta > span {
display: block;
padding-bottom: 8px;
}
.woocommerce div.product .summary-product-wrap .product_meta .yith-wcbr-brands-logo {
padding: 0px;
margin: 0px;
}
.woocommerce div.product .summary-product-wrap .product_meta .yith-wcbr-brands {
display: none;
}
.woocommerce div.product .summary-product-wrap .product_meta label {
margin-bottom: 0;
letter-spacing: 1px;
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
font-family: var(--secondary_font);
font-size: 16px;
}
.woocommerce div.product .summary-product-wrap .stock {
display: none;
}
.woocommerce div.product .summary-product-wrap .social-share-wrap label {
font-weight: var(--secondary_font_weight);
font-family: var(--secondary_font);
color: var(--heading_color);
letter-spacing: 1px;
float: left;
font-size: 18px;
display: block;
}
@media (max-width: 480px) {
.woocommerce div.product .summary-product-wrap .social-share-wrap label {
margin-right: 33px;
}
}
.woocommerce div.product .summary-product-wrap .select_option {
margin-right: 15px;
}
.woocommerce div.product .summary-product-wrap .select_option span {
font-weight: bold;
color: var(--text_color_fade_70);
}
.woocommerce div.product .summary-product-wrap .select_option.selected span {
color: #000;
}
.woocommerce div.product .summary-product-wrap .social-share-wrap {
padding: 0;
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woocommerce div.product .woocommerce-tabs {
margin-top: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
text-align: center;
border-bottom: 1px solid #dddddd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
position: relative;
z-index: 1;
display: inline-block;
border: none;
background-color: transparent;
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
position: relative;
font-size: 20px;
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
border-bottom: 0px solid transparent;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
padding: 15px 25px;
font-family: var(--secondary_font);
}
@media (max-width: 991px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 20px;
}
}
@media (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 18px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
content: "";
bottom: 0;
left: 0;
width: 0px;
height: 2px;
position: absolute;
background-color: var(--primary_color);
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel {
position: relative;
overflow: hidden;
margin: 0 auto;
border: none;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes th {
padding: 8px 8px 8px 30px;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes .alt th,
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes .alt td {
background-color: #fff;
}
.woocommerce div.product .woocommerce-tabs #tab-description {
color: #777;
line-height: 1.8;
text-align: left;
padding-top: 10px;
}
.woocommerce div.product .woocommerce-tabs #tab-description .wc-content > h2 {
display: none;
}
.woocommerce div.product .woocommerce-tabs #tab-reviews {
padding-top: 20px;
}
.woocommerce div.product .woocommerce-tabs #tab-additional_information {
padding-top: 40px;
}
.woocommerce div.product div.products .widget-title {
text-align: center;
margin-top: 80px;
margin-bottom: 25px;
text-transform: capitalize;
font-size: 32px;
}
.woocommerce div.product div.products .slider {
margin: 0 -20px;
}
@media (max-width: 1300px) {
.woocommerce div.product div.products .slider {
margin: 0 -10px;
}
}
.woocommerce div.product div.products .slider .product-item-wrap {
padding: 20px;
margin-bottom: 0 !important;
}
@media (max-width: 1300px) {
.woocommerce div.product div.products .slider .product-item-wrap {
padding: 10px;
}
}
.woocommerce #reviews .yolo-rating {
display: none;
}
.woocommerce #reviews .yolo-stars {
display: none;
}
.woocommerce #reviews .comment-form-rating {
margin-top: 15px;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 80px;
border: none;
border-radius: 50%;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin-left: 100px;
padding: 0;
border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
float: right;
margin: 0px;
margin-top: 5px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 16px;
margin-bottom: 10px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--heading_color);
}
.woocommerce #reviews #respond textarea {
height: 200px;
}
.woocommerce #reviews #respond p {
margin-bottom: 20px;
}
.woocommerce #reviews #respond p.comment-form-author {
margin-right: 20px;
}
.woocommerce #reviews #respond p input#submit {
margin-top: 20px;
}
.woocommerce .single-product-info .compare {
opacity: 1;
color: var(--text_color);
font-weight: 600;
font-size: 16px !important;
display: none;
}
.woocommerce .single-product-info .compare.added {
padding-top: 0px;
}
.woocommerce .single-product-info .compare:hover {
color: var(--text_color);
}
.woocommerce .single-product-info .compare:before {
content: '\f2f9' !important;
padding-right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.woocommerce .single-product-info .compare:after {
display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce .site-content-single-product.col-md-9 .single-product-info .col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.woocommerce .single-product-info {
position: relative;
background-color: unset !important;
overflow: hidden;
}
.woocommerce .single-product-info.custom-page-layout {
padding: 0;
}
.woocommerce .single-product-info.custom-page-layout .single-product-image-wrap .product-flash-wrap {
left: 15px;
}
.woocommerce .single-product-info.custom-page-layout .single-product-image-wrap.left .product-flash-wrap {
left: 25%;
}
@media (max-width: 480px) {
.woocommerce .single-product-info {
padding-bottom: 0;
}
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image {
position: relative;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap {
left: 30px;
top: 30px;
z-index: 2;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .on-new {
background-color: var(--primary_color);
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .on-hot {
background-color: var(--primary_color);
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .on-sold {
background-color: #959ea7;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .on-sale {
background-color: #ff7d8a;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap span.product-flash {
font-size: 13px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
line-height: 40px;
text-align: center;
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
margin-bottom: 5px;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div {
border-radius: 0;
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: rgba(0, 0, 0, 0.2);
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div:hover {
background-color: var(--primary_color);
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div.owl-prev {
left: 0px;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div.owl-next {
right: 0px;
}
.woocommerce .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner:hover .owl-buttons div {
opacity: 1;
}
.woocommerce .single-product-info .single-product-image-wrap .woocommerce-main-image {
display: block;
}
.woocommerce .single-product-info .single-product-image-wrap .woocommerce-main-image:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: #f0eae380;
mix-blend-mode: darken;
}
.woocommerce .single-product-info .single-product-image-wrap .woocommerce-main-image:after {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
background-color: #fff;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce .single-product-info .single-product-image-wrap .woocommerce-main-image img {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding: 0;
}
.woocommerce .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 100%;
}
.woocommerce .single-product-info .single-product-image-wrap .product-image-total-1,
.woocommerce .single-product-info .single-product-image-wrap .product-thumb-disable {
display: none;
}
.woocommerce .single-product-info .single-product-image-wrap .product-thumb-wrap {
margin-left: -10px;
margin-right: -10px;
}
.woocommerce.modal .single-product-info {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.woocommerce.modal .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.upsells,
.cross-sells {
margin-top: 70px;
}
.variable-items-wrapper.color-variable-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 15px;
list-style: none;
margin-bottom: 0 !important;
}
.variable-items-wrapper.color-variable-wrapper > li {
width: 20px !important;
height: 20px !important;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
margin-right: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
position: relative;
vertical-align: middle;
}
.variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: var(--primary_color);
}
.variable-items-wrapper.label-variable-wrapper {
padding-left: 15px;
margin: 0;
}
.variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
padding: 0px 10px;
border: 1px solid #eee;
margin-right: 5px;
display: inline-block;
}
.variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border-color: var(--primary_color);
}
.single-product-inner .woocommerce.slider .owl-dots {
display: none;
} .elementor-accordion .elementor-accordion-item .elementor-tab-title {
border-radius: 5px;
margin-bottom: 25px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
background-color: var(--primary_color) !important;
-webkit-box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title:hover {
background-color: var(--primary_color) !important;
-webkit-box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon i:before,
.elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title {
color: #fff !important;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content p {
margin-top: 0;
}  .skill_process .vc_general {
height: 4px;
margin: 60px 0;
background-color: var(--primary_color_fade_40);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.skill_process .vc_general small.vc_label {
position: absolute;
top: -35px;
width: 100%;
font-size: 14px;
padding: 0;
text-transform: uppercase;
color: var(--primary_color) !important;
}
.skill_process .vc_general small.vc_label span {
font-size: 14px;
line-height: 30px;
right: 0;
position: absolute;
}
.skill_process .vc_general span {
border-radius: 0 !important;
}
.skill_process2 .vc_general {
height: 4px;
margin: 60px 0;
background-color: var(--primary_color_fade_40);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.skill_process2 .vc_general small.vc_label {
position: absolute;
top: -35px;
width: 100%;
font-size: 14px;
padding: 0;
font-style: italic;
text-transform: uppercase;
color: var(--primary_color) !important;
}
.skill_process2 .vc_general small.vc_label span {
margin-left: 30px;
font-size: 14px;
line-height: 30px;
}
.skill_process2 .vc_general span {
border-radius: 0 !important;
}
.gallery_columns_4 ul {
margin: 0 -5px !important;
}
.gallery_columns_4 ul li {
width: 25%;
padding: 5px !important;
max-width: none !important;
float: left;
display: inline-block;
position: relative !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_columns_4 ul li a {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.gallery_columns_4 ul li a:before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 2;
}
.gallery_columns_4 ul li a:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f2a3";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
width: 24px;
opacity: 0;
z-index: 2;
line-height: 1;
color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.gallery_columns_4 ul li a:hover {
-webkit-box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
}
.gallery_columns_4 ul li a:hover:before {
opacity: 0.6;
}
.gallery_columns_4 ul li a:hover:after {
opacity: 1;
}
.gallery_columns_4 ul li a img {
width: 100%;
border-radius: 5px;
}
@media (max-width: 480px) {
.gallery_columns_4 ul {
margin: 0 -5px;
}
.gallery_columns_4 ul li {
padding: 5px !important;
}
}
.gallery_columns_3 ul {
margin: 0 -5px !important;
}
.gallery_columns_3 ul li {
width: 33.33%;
padding: 5px !important;
max-width: none !important;
float: left;
display: inline-block;
position: relative !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_columns_3 ul li a {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.gallery_columns_3 ul li a:before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 2;
}
.gallery_columns_3 ul li a:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f2a3";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
width: 24px;
opacity: 0;
z-index: 2;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.gallery_columns_3 ul li a:hover {
-webkit-box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
}
.gallery_columns_3 ul li a:hover:before {
opacity: 0.6;
}
.gallery_columns_3 ul li a:hover:after {
opacity: 1;
}
.gallery_columns_3 ul li a img {
width: 100%;
border-radius: 5px;
}
@media (max-width: 480px) {
.gallery_columns_3 ul {
margin: 0 -5px;
}
.gallery_columns_3 ul li {
padding: 5px !important;
}
}
.gallery_columns_2 ul {
margin: 0 -5px !important;
}
.gallery_columns_2 ul li {
width: 50%;
padding: 5px !important;
max-width: none !important;
float: left;
display: inline-block;
position: relative !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_columns_2 ul li a {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.gallery_columns_2 ul li a:before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 2;
}
.gallery_columns_2 ul li a:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f2a3";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
width: 24px;
opacity: 0;
color: var(--primary_color);
z-index: 2;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.gallery_columns_2 ul li a:hover {
-webkit-box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
}
.gallery_columns_2 ul li a:hover:before {
opacity: 0.6;
}
.gallery_columns_2 ul li a:hover:after {
opacity: 1;
}
.gallery_columns_2 ul li a img {
width: 100%;
border-radius: 5px;
}
@media (max-width: 480px) {
.gallery_columns_2 ul {
margin: 0 -5px;
}
.gallery_columns_2 ul li {
padding: 5px !important;
}
}
.gallery_columns_2x ul li {
width: 50%;
max-width: none !important;
float: left;
display: inline-block;
position: relative !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_columns_2x ul li a {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.gallery_columns_2x ul li a:before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 2;
}
.gallery_columns_2x ul li a:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f2a3";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
color: var(--primary_color);
width: 24px;
opacity: 0;
z-index: 2;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.gallery_columns_2x ul li a:hover {
-webkit-box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
}
.gallery_columns_2x ul li a:hover:before {
opacity: 0.6;
}
.gallery_columns_2x ul li a:hover:after {
opacity: 1;
}
.gallery_columns_2x ul li a img {
width: 100%;
border-radius: 5px;
}
@media (max-width: 480px) {
.gallery_columns_2x ul {
margin: 0 -5px;
}
.gallery_columns_2x ul li {
padding: 5px !important;
}
}
.block-text {
padding: 120px 0px;
}
@media screen and (min-width: 320px) {
.block-text {
padding: 60px 0px;
}
}
@media screen and (min-width: 768px) {
.block-text {
padding: 120px 0px;
}
}
.block-text .title-text {
color: #fff;
font-size: 60px;
line-height: 60px;
margin: 0;
font-weight: 600;
}
@media screen and (min-width: 320px) {
.block-text .title-text {
font-size: 48px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.block-text .title-text {
font-size: 60px;
padding-bottom: 0px;
}
}
.block-text .content-text p {
color: #fff;
letter-spacing: 1.5px;
font-size: 16px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
@media screen and (min-width: 320px) {
.block-text .content-text p {
padding-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.block-text .content-text p {
padding-bottom: 0px;
}
}
.block-text .button-text .vc_btn3 {
padding: 15px 50px;
border: none !important;
background-image: none !important;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.line-text {
font-size: 18px;
color: white;
padding-top: 15px;
font-family: var(--primary_font);
}
.line-text span {
font-weight: 600;
}
.sign-up {
margin: 0 !important;
}
.sign-up .vc_btn3 {
font-size: 18px !important;
margin: 10px 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
border: none !important;
font-family: var(--primary_font);
text-transform: uppercase;
font-weight: 600;
}     .navbar-nav,
.navbar-nav a,
.navbar-nav ul,
.navbar-nav li,
.navbar-nav div,
.navbar-nav form,
.navbar-nav input {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.navbar-nav a {
text-decoration: none;
}
.navbar-nav {
display: inline-block;
cursor: default;
}
.navbar-nav li {
list-style: none;
}
.navbar-nav li > a:before {
font-family: "Font Awesome 5 Free";
content: "\f0d7";
padding-left: 5px;
position: absolute;
right: 15px;
}
.navbar-nav li > a:only-child:before {
content: '';
}
.navbar-nav > li > a:before {
position: relative;
right: 0;
float: right;
}
.navbar-nav > li span {
display: none !important;
}
.navbar-nav > li a {
position: relative;
display: block;
z-index: 510;
padding: 20px;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.navbar-nav > li a span.yolo_sub_label {
font-size: 11px;
}
.navbar-nav > li > a:after {
content: "";
color: var(--primary_color);
border-style: solid;
border-width: 0 0 4px;
margin-left: auto;
margin-right: auto;
pointer-events: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 0;
border-radius: 50px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar-nav > li:hover > a:after {
width: 100%;
} span.yolo_sub_label {
font-size: 10px;
font-weight: normal;
color: #eeeeee;
letter-spacing: 0;
line-height: 1;
display: inline-block;
padding: 1px 2px;
vertical-align: baseline;
margin-left: 4px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
top: -1px;
} .navbar-nav > li.menu_style_column > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
display: none;
width: 100%;
top: 98%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #fff;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_column.mega-fullwidth {
position: inherit;
}
.navbar-nav > li.menu_style_column.mega-fullwidth > ul {
left: 0;
width: 100% !important;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth {
position: inherit;
}
.navbar-nav > li.menu_style_column.mega-fullwidth > ul {
left: 0;
width: 100% !important;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar-nav > li.menu_style_column {
position: relative;
}
.navbar-nav > li.menu_style_column > ul {
left: 0;
width: auto;
}
.navbar-nav > li.menu_style_column > ul > li {
width: 250px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-2 > ul {
width: 500px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-3 > ul {
width: 750px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-4 > ul {
width: 1000px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-5 > ul {
width: 1250px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-6 > ul {
width: 1500px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
}
.yolo-main-menu.navbar-nav li > a > i {
line-height: 20px;
}
.yolo-main-menu.navbar-nav li > a > i.left {
padding-right: 10px;
float: left;
}
.yolo-main-menu.navbar-nav li > a > i.center {
padding-left: 10px;
padding-right: 10px;
}
.yolo-main-menu.navbar-nav li > a > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.yolo-main-menu.navbar-nav > li > a > i.center {
display: block;
} .navbar-nav > li.menu_style_dropdown {
z-index: 9999;
}
.navbar-nav > li.menu_style_dropdown > a > span {
font-size: 9px;
line-height: 14px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul {
position: absolute;
display: none;
top: 97%;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
display: block;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li a {
padding-left: 20px !important;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > span {
font-size: 9px;
line-height: 12px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li {
text-align: left;
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
} .navbar-nav > li.menu_style_dropdown:hover > ul {
opacity: 1;
display: block;
visibility: visible;
overflow: visible;
} .navbar-nav > li.menu_style_tab > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
text-align: left;
position: absolute;
display: none;
width: 100%;
top: 98%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_tab > ul:after {
content: '';
position: absolute;
left: 25%;
width: 1px;
top: 0;
bottom: 0;
background-color: #eeeeee;
}
.navbar-nav > li.menu_style_tab > ul > li {
display: block;
width: 25%;
position: static;
clear: none;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_tab > ul > li:hover > a:before,
.navbar-nav > li.menu_style_tab > ul > li.active > a:before {
height: 100%;
}
.navbar-nav > li.menu_style_tab > ul > li > a {
padding: 15px 20px;
display: block;
position: relative;
text-transform: uppercase;
font-weight: 700;
}
.navbar-nav > li.menu_style_tab > ul > li > a:after {
content: '';
}
.navbar-nav > li.menu_style_tab > ul > li > a:before {
content: '';
position: absolute;
height: 0;
width: 2px;
top: 0;
left: 0;
background-color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.navbar-nav > li.menu_style_tab > ul > li.active > a {
color: var(--primary_color);
}
.navbar-nav > li.menu_style_tab > ul > li ul.social-profile > li a i {
padding-right: 10px;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul {
width: 100%;
left: 0;
padding: 0;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li {
width: 25%;
display: inline-block;
padding-top: 20px;
padding: 8px;
padding-bottom: 4%;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li:last-child {
padding: 8px !important;
padding-bottom: 6% !important;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li .posts-thumbnail-content .posts-thumbnail-meta .author,
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li .posts-thumbnail-content .posts-thumbnail-meta time,
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li .posts-thumbnail-content .posts-thumbnail-meta span {
color: var(--menu_sub_text_color);
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area,
.navbar-nav > li.menu_style_tab > ul > li ul {
padding: 20px 20px;
opacity: 0;
visibility: hidden;
position: absolute;
width: auto;
height: auto;
left: 25%;
top: 100%;
right: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-1 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-1 section {
width: 100%;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-2 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-2 section {
width: 50%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-3 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-3 section {
width: 33.3333%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-4 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-4 section {
width: 25%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li.active .yolo_megamenu_widget_area,
.navbar-nav > li.menu_style_tab > ul > li.active ul {
opacity: 1;
visibility: visible;
top: 0;
}
.navbar-nav > li.menu_style_tab:hover > ul {
display: block;
opacity: 1;
visibility: visible;
} .yolo-nav-mobile-menu li {
list-style-type: none;
}
.yolo-nav-mobile-menu li > ul.sub-menu {
background-color: #444;
position: relative;
list-style: none;
padding: 0;
padding-left: 20px;
margin: 0;
display: none;
background: transparent;
}
.yolo_widget_area > .yolo_megamenu_widget_area section {
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section:hover .widget-title-wrapper h3 {
color: var(--primary_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper {
margin: 0;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper h3 {
position: relative;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper h3:before {
content: '';
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0px;
height: 2px;
width: 46px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget {
width: 100%;
left: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li {
color: #333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li del {
color: var(--primary_color_fade_50);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li ins {
padding-left: 10px;
color: var(--primary_color);
text-decoration: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:last-child {
border: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:hover {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li a img {
width: 33.33%;
float: left;
margin: 0;
padding-right: 10px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li a:after {
content: '';
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li .star-rating {
margin: 10px 0;
text-align: left;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li .star-rating:before {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.yolo_widget_area > .yolo_megamenu_widget_area section.yolo_widget_product_cat .product_list_widget li {
padding: 3px;
}
.yolo_megamenu_widget_area .title-center .widget-title {
text-align: center;
}
.yolo_megamenu_widget_area .widget-text-center {
text-align: center;
}
@media (max-width: 991px) {
.yolo_megamenu_widget_area .yolo_widget_product_cat li {
display: inline-block;
float: none;
}
}
.menu-wrapper .navbar-nav > li:first-child > a {
padding-left: 0;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu {
text-align: left;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: var(--primary_color);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li:hover {
padding-left: 5px;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li a {
position: relative;
display: block;
padding: 10px 20px;
font-weight: normal;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu {
text-align: left;
padding: 40px 0px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li {
border-left: 2px solid #eeeeee;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li:first-child {
border: none;
padding-left: 2px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a {
position: relative;
display: block;
padding: 0 20px 15px 20px !important;
margin-bottom: 20px;
color: var(--menu_sub_text_color);
font-weight: 700;
text-transform: uppercase;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a:hover {
color: var(--primary_color);
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a:after {
content: '';
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 20px;
height: 2px;
width: 46px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a i.left,
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a i.right {
padding-top: 5px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li ul li:before {
width: 2px;
left: -2px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li .yolo_megamenu_widget_area > .widget-social-profile > span {
padding: 10px 20px;
display: block;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li .yolo_megamenu_widget_area > .widget-social-profile ul li i {
padding-right: 10px;
} .yolo_widget_area .tagcloud {
font-size: 0;
margin-top: 20px;
}
.yolo_widget_area .tagcloud a {
color: var(--primary_color) !important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 7px 10px;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1;
font-size: 14px;
border: 1px solid #eeeeee;
font-weight: 500;
}
.yolo_widget_area .tagcloud a:last-child {
margin-right: 0;
}
.yolo_widget_area .tagcloud a:hover {
color: #fff !important;
text-decoration: none;
background-color: var(--primary_color) !important;
border-color: var(--primary_color);
} .yolo-box-login {
padding: 120px 30px;
background: #f2f2f2;
min-width: 468px;
min-height: 600px;
margin: 50px auto;
position: relative;
background-size: cover;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
}
@media (max-width: 480px) {
.yolo-box-login {
padding: 60px 30px;
min-width: 280px;
min-height: 500px;
max-width: 320px;
}
}
.yolo-box-login.yolo-popup-main {
display: none;
}
.yolo-box-login .title {
text-transform: uppercase;
font-size: 36px;
margin-bottom: 30px;
margin: 0;
}
@media (max-width: 480px) {
.yolo-box-login .title {
font-size: 24px;
}
}
.yolo-box-login span {
font-size: 18px;
}
@media (max-width: 480px) {
.yolo-box-login span {
font-size: 14px;
}
}
.yolo-box-login span.btslogan {
font-size: 14px;
margin-top: 20px;
}
.yolo-box-login span.btslogan:before {
content: '*';
display: inline-block;
}
.yolo-box-login label {
display: none;
}
.yolo-box-login .notice {
display: none;
}
.yolo-box-login .yolo-login-member-wrap,
.yolo-box-login .yolo-register-member-wrap {
margin-bottom: 15px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left {
margin-bottom: 30px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap {
margin-bottom: 15px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap input,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap input {
height: 40px;
width: 100%;
background-color: #fff;
border-radius: 35px;
-webkit-box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.11);
box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.11);
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error input,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error input {
border: 1px solid red;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error .notice,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error .notice {
color: red;
display: block;
}
.yolo-box-login .yolo-login-action button {
font-size: 16px;
border: none;
width: 100%;
}
.yolo-box-login .yolo-login-member-container,
.yolo-box-login .yolo-register-member-container {
margin-top: 50px;
}
.yolo-box-login .yolo-login-member-container .open-form-toggle,
.yolo-box-login .yolo-register-member-container .open-form-toggle {
right: -86px;
width: 137px;
white-space: nowrap;
}
.yolo-box-login .yolo-register-member-container {
display: none;
}
.yolo-box-login .open-form-toggle {
border-radius: 25px 25px 0 0;
-webkit-border-radius: 25px 25px 0 0;
-moz-border-radius: 25px 25px 0 0;
position: absolute;
right: -81px;
top: 70px;
padding: 5px 20px;
background: #000;
color: #fff;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.yolo-account {
position: relative;
height: inherit;
font-size: var(--menu_font_size);
font-weight: var(--menu_font_weight);
}
.yolo-account > a {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 40px;
border: none;
display: inline-block;
text-align: center;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.yolo-account > a i {
font-size: 18px;
}
.yolo-account > a:after {
content: "";
color: var(--primary_color);
border-style: solid;
border-width: 0 0 4px;
margin-left: auto;
margin-right: auto;
pointer-events: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 0;
border-radius: 50px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-account:hover > a {
color: var(--primary_color);
}
.yolo-account:hover > a:after {
width: 100%;
}
.yolo-account ul {
min-width: 200px;
background-color: #fff;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
z-index: 9;
list-style-type: none;
padding: 0;
right: 0;
text-align: left;
position: absolute;
display: none;
top: 99%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.yolo-account ul li {
min-width: 250px;
float: none;
display: list-item;
display: block;
border-bottom: 1px solid #eeeeee;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yolo-account ul li:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: var(--primary_color);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.yolo-account ul li:hover {
padding-left: 5px;
}
.yolo-account ul li:hover a {
color: var(--primary_color);
}
.yolo-account ul li:hover:before {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.yolo-account ul li a {
font-size: 15px;
line-height: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
display: block;
padding: 15px 25px;
color: var(--text_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-account ul li a i {
margin-right: 10px;
color: #ddd;
}
.yolo-account:hover ul {
opacity: 1;
display: block;
visibility: visible;
overflow: visible;
z-index: 999;
}
.coming-soon-title {
padding: 180px 0 40px 0;
margin: 0px;
letter-spacing: 20px;
font-size: 60px;
line-height: 60px;
font-family: var(--primary_font);
font-weight: bold !important;
}
@media screen and (min-width: 320px) {
.coming-soon-title {
padding: 50px 0px 40px 0px;
font-size: 48px;
}
}
@media screen and (min-width: 480px) {
.coming-soon-title {
padding: 180px 0 40px 0;
font-size: 60px;
}
}
.coming-soon-sub-title {
text-transform: uppercase;
color: var(--primary_color);
margin: 0px;
font-size: 34px;
line-height: 34px;
font-weight: 600;
}
@media screen and (min-width: 320px) {
.coming-soon-sub-title {
font-size: 24px;
line-height: 24px;
}
}
@media screen and (min-width: 768px) {
.coming-soon-sub-title {
font-size: 34px;
line-height: 34px;
}
}   .yolo-class-shortcode.class-style2 .loop-item-wrap {
position: relative;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap:hover .loop-item-content .trainer-meta .loop-item-trainer.first {
margin-left: -36px;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap:hover .loop-item-content .trainer-meta .loop-item-trainer.second {
margin-left: 26px;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .item-featured-bg {
height: auto;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-featured {
z-index: auto;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-featured:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(38, 40, 50, 0.3);
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-featured:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background: -webkit-gradient(linear, left bottom, left top, from(#222328), color-stop(24%, #222328), color-stop(58%, transparent));
background: -o-linear-gradient(bottom, #222328 0%, #222328 24%, transparent 58%);
background: linear-gradient(0deg, #222328 0%, #222328 24%, transparent 58%);
opacity: 0.3;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-category {
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-category a {
font-weight: 500;
border-radius: 5px;
padding: 0 11px;
line-height: 30px;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
color: #ffffff;
background-color: var(--secondary_color);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-category a:hover {
background-color: var(--primary_color);
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-price {
top: 30px;
right: 30px;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content {
background-color: transparent;
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .title a {
color: #fff;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .title a:hover {
color: #cccccc;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .entry-meta-more {
margin-top: 5px;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .entry-meta-more .btn-readmore {
color: #fff;
opacity: 0.8;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .entry-meta-more .btn-readmore:after {
background-color: #fff;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content:before {
content: none;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .loop-item-content-summary {
position: relative;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .trainer-meta {
position: absolute;
right: 30px;
top: 0;
left: inherit;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .trainer-meta .loop-item-trainer {
position: absolute;
height: 76px;
width: 76px;
background-color: #ccc;
border: 3px solid #fff;
border-radius: 50%;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: center 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: -60px;
}
.yolo-class-shortcode.class-style2 .loop-item-wrap .loop-item-content .trainer-meta .loop-item-trainer.first {
margin-left: -20px;
z-index: 2;
}
.yolo-class-shortcode.highlight-true .owl-item {
opacity: 0.4;
-webkit-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.yolo-class-shortcode.highlight-true .owl-item.center {
opacity: 1;
}
.yolo-class-shortcode .owl-dots {
display: none;
}
@media (max-width: 1300px) {
.yolo-class-shortcode .owl-dots {
display: block;
}
}
.yolo-class-shortcode .block-title {
text-align: center;
}
.yolo-class-shortcode .block-title .class-title {
position: relative;
text-transform: uppercase;
margin: 0 0 40px;
}
.yolo-class-shortcode .block-title.title2 .class-title:after {
content: '';
position: absolute;
background-image: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/border-image.png);
width: 150px;
height: 16px;
left: 50%;
bottom: -15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
}
.yolo-class-shortcode .block-title.title3 .class-title:after {
content: '';
position: absolute;
background-color: #ffd338;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 80px;
height: 5px;
left: 50%;
bottom: -15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
}
.yolo-class-shortcode .block-title.title4 {
margin-bottom: 70px;
}
.yolo-class-shortcode .block-title.title4 .class-title {
margin: 0;
}
.yolo-class-shortcode .block-title.title4 .class-sub-title {
margin: 0;
font-size: 16px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.yolo-class-shortcode.style1 .loop-item-wrap {
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0px 7px 5px 0px #dddddd;
box-shadow: 0px 7px 5px 0px #dddddd;
}
.yolo-class-shortcode.style1 .loop-item-wrap .loop-item-featured {
display: block;
position: relative;
}
.yolo-class-shortcode.style1 .loop-item-wrap .loop-item-featured:before,
.yolo-class-shortcode.style1 .loop-item-wrap .loop-item-featured:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
transition: ease all 0.5s;
-webkit-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
-o-transition: ease all 0.5s;
z-index: 2;
}
.yolo-class-shortcode.style1 .loop-item-wrap .loop-item-featured:before {
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
}
.yolo-class-shortcode.style1 .loop-item-wrap .loop-item-featured:after {
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
}
.yolo-class-shortcode.style1 .loop-item-wrap:hover .loop-item-featured:before,
.yolo-class-shortcode.style1 .loop-item-wrap:hover .loop-item-featured:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.yolo-class-shortcode.style1 .loop-item-content {
padding: 0 20px;
position: relative;
text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-class-shortcode.style1 .loop-item-content {
padding: 0 15px;
}
}
.yolo-class-shortcode.style1 .content-meta {
display: table;
width: 100%;
font-size: 12px;
font-family: var(--primary_font);
text-transform: uppercase;
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.yolo-class-shortcode.style1 .content-meta .meta-time {
color: #fff;
font-weight: 600;
}
.yolo-class-shortcode.style1 .content-meta .meta-time:last-child {
margin-right: 0;
}
.yolo-class-shortcode.style1 .content-meta .thumbnail {
position: absolute;
right: 8%;
}
.yolo-class-shortcode.style1 .content-meta .trainer-info {
display: block;
}
.yolo-class-shortcode.style1 .content-meta i {
margin-right: 5px;
}
.yolo-class-shortcode.style1 .loop-item-price {
display: inline-block;
position: absolute;
width: 50px;
height: 50px;
top: -50px;
right: 20px;
border-radius: 50%;
text-align: center;
z-index: 2;
}
.yolo-class-shortcode.style1 .loop-item-price .item-price {
margin: 0;
padding-top: 5px;
color: #fff;
}
.yolo-class-shortcode.style1 .loop-item-price .item-lesson {
margin: 0;
font-size: 12px;
line-height: 12px;
display: block;
color: #fff;
font-weight: normal;
}
.yolo-class-shortcode.style1 .loop-item-title {
margin: 20px 0px 10px 0px;
}
.yolo-class-shortcode.style1 .loop-item-title a {
color: var(--heading_color) !important;
}
.yolo-class-shortcode.style1 .loop-age-size {
margin: 12px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.yolo-class-shortcode.style1 .loop-age-size .class-age {
text-align: left;
width: 50%;
border-right: 1px solid #dddddd;
}
.yolo-class-shortcode.style1 .loop-item-excerpt {
border-bottom: 1px solid #eeeeee;
min-height: 90px;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-featured {
display: block;
position: relative;
border-radius: 10px;
overflow: hidden;
margin-bottom: 25px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-featured img {
min-height: 190px;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content {
padding: 0 15px;
text-align: left;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-age-size {
color: #bfbfbf;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-age-size .class-age {
padding-right: 10px;
border-right: 1px solid #dddddd;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-age-size .class-size {
padding-left: 5px;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-title {
text-transform: uppercase;
margin: 0;
padding-bottom: 15px;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-title a {
position: relative;
display: block;
color: var(--heading_color);
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-title a:after {
content: '';
width: 35px;
height: 1px;
background: var(--heading_color);
position: absolute;
top: 50%;
margin-left: 10px;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .content-meta {
padding-bottom: 5px;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .content-meta .meta-time {
font-size: 14px;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .content-meta .meta-time .fa-clock-o {
color: #ffd338;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-price {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
position: relative;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-price .price {
padding: 0 5px;
color: #ffd338;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-price:before {
content: '';
position: absolute;
width: 5px;
height: 100%;
background: #ffd338;
-webkit-border-top-right-radius: 20%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 20%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 20%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.yolo-class-shortcode.style2 .loop-item-wrap .loop-item-content .loop-item-price .item-price {
padding-left: 15px;
}
.yolo-class-shortcode.style2 .loop-item-wrap:hover .loop-item-featured {
-webkit-box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.4) !important;
box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.4) !important;
}
.yolo-class-shortcode.style2 .loop-item-wrap:hover .loop-item-featured img {
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.yolo-class-shortcode.style2 .posts-loop-content {
padding-bottom: 20px;
}
.yolo-class-shortcode.style2 .yolo-class-button-wrap {
text-align: center;
}
.yolo-class-shortcode.style2 .yolo-class-button-wrap .yolo-class-button {
border: 5px solid #ffd338;
padding: 8px 30px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 18px;
line-height: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
display: inline-block;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.yolo-class-shortcode.style2 .yolo-class-button-wrap .yolo-class-button:hover {
color: #ffd338;
}
.yolo-class-shortcode .yolo-archive-class article.hentry {
padding-bottom: 30px;
margin: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent;
}
.yolo-class-shortcode .loop-item-wrap {
border-radius: 10px;
}
.yolo-class-shortcode .loop-item-featured img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.yolo-class-shortcode .loop-item-excerpt {
padding-bottom: 15px;
}
.yolo-class-shortcode .loop-item-excerpt p {
margin-bottom: 10px;
}
.yolo-class-shortcode .posts-loop-content:after {
content: '';
display: table;
clear: both;
}
.yolo-class-shortcode .posts-loop-content .yolo-md-6:nth-child(2n+1) {
clear: both;
}
.yolo-class-shortcode .posts-loop-content .yolo-md-4:nth-child(3n+1) {
clear: both;
}
.yolo-class-shortcode .posts-loop-content .yolo-md-3:nth-child(4n+1) {
clear: both;
}
.yolo-class-shortcode .yolo-class-filter {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.yolo-class-shortcode .posts-loop-content {
width: 100%;
}
@media screen and (min-width: 320px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-6 {
width: 100%;
}
}
@media screen and (min-width: 512px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-6 {
width: 50%;
}
}
@media screen and (min-width: 320px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-4 {
width: 100%;
}
}
@media screen and (min-width: 512px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-4 {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-4 {
width: 33.33%;
}
}
@media screen and (min-width: 992px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-4 {
width: 33.33%;
}
}
@media screen and (min-width: 320px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-3 {
width: 100%;
}
}
@media screen and (min-width: 512px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-3 {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-3 {
width: 33.33%;
}
}
@media screen and (min-width: 992px) {
.yolo-class-shortcode .posts-loop-content .yolo-md-3 {
width: 25%;
}
}
.yolo-archive-class.list .class-item-wrap {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.yolo-archive-class.list .loop-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (max-width: 768px) {
.yolo-archive-class.list .loop-item-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.yolo-archive-class.list .loop-item-wrap .featured-link {
width: 60%;
}
@media screen and (max-width: 1200px) {
.yolo-archive-class.list .loop-item-wrap .featured-link {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.yolo-archive-class.list .loop-item-wrap .featured-link {
width: 100%;
}
}
.yolo-archive-class.list .loop-item-wrap .loop-item-content {
width: 40%;
}
@media screen and (max-width: 1200px) {
.yolo-archive-class.list .loop-item-wrap .loop-item-content {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.yolo-archive-class.list .loop-item-wrap .loop-item-content {
width: 100%;
}
}
.yolo-archive-class.list .loop-item-wrap .loop-item-price {
top: 30px;
right: inherit;
left: -90px;
}
@media screen and (max-width: 768px) {
.yolo-archive-class.list .loop-item-wrap .loop-item-price {
top: -30px;
right: 30px;
left: inherit;
}
}
div.yolo-class-slider-wrap .owl-controls {
text-align: left;
}
div.yolo-class-slider-wrap .yolo-class-slider-item .item-thumb {
margin-bottom: 10px;
}
div.yolo-class-slider-wrap .yolo-class-slider-item .item-info h4 {
margin-bottom: 5px;
font-size: 16px;
}
div.yolo-class-slider-wrap .yolo-class-slider-item .item-info h4 a {
color: #333333;
}
div.yolo-class-slider-wrap .yolo-class-slider-item .item-info .trainer-info a {
color: #333;
}
div.yolo-class-slider-wrap .yolo-class-slider-item .item-info .trainer-info i {
margin-right: 5px;
}
.class-info-sidebar .clearfix {
border-bottom: 1px solid #eee;
padding: 12px 0;
font-weight: 600;
}
.class-info-sidebar .clearfix:last-child {
border: none;
}
.class-info-sidebar .clearfix span {
font-weight: normal;
float: right;
padding: 0 8px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: transparent;
margin-left: 5px;
font-size: 14px;
margin-top: 2px;
}
.class-info-sidebar .clearfix.tag-days .wrap-days {
float: right;
}
.class-info-sidebar .clearfix.tag-days .wrap-days span {
float: left;
}
.class-info-sidebar i {
margin-right: 10px;
}
.class-info-sidebar i.ion-document {
font-size: 16px;
}
.class-info-sidebar i.ion-android-arrow-forward {
margin-left: 10px;
margin-right: 0;
}
.register_button {
margin-top: 20px;
}
.pagination.list-center {
margin-top: 10px;
}
.pagination.list-center .icon {
font-family: 'ElegantIcons';
border: 1px solid #1ec0ff;
border-radius: 50%;
padding: 3px;
font-size: 20px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pagination.list-center .icon:hover {
background-color: #1ec0ff;
border-color: #1ec0ff;
color: #fff;
}
.pagination.list-center .page-numbers {
padding: 0 10px;
line-height: 25px;
font-size: 18px;
}
.pagination.list-center .page-numbers.current {
color: #1ec0ff;
font-size: 18px;
}
.yolo-class-shortcode .loadmore-action,
.yolo-sc-class-feature .loadmore-action {
text-align: center;
border-radius: 20px;
}
.yolo-class-shortcode .loadmore-action .btn-loadmore,
.yolo-sc-class-feature .loadmore-action .btn-loadmore {
background-color: var(--primary_color);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
border-radius: 20px;
height: 50px;
color: white;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
display: block;
position: relative;
-webkit-box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
.yolo-class-shortcode .loadmore-action .btn-loadmore:after,
.yolo-sc-class-feature .loadmore-action .btn-loadmore:after {
position: absolute;
content: '+';
height: 100%;
font-size: 48px;
line-height: 40px;
left: 0;
right: 0;
}
.yolo-class-shortcode .loadmore-action .btn-loadmore:hover,
.yolo-sc-class-feature .loadmore-action .btn-loadmore:hover {
background-color: var(--primary_color);
-webkit-box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.33);
box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.33);
}
.yolo-class-shortcode .loadmore-action .btn-loadmore:hover:after,
.yolo-sc-class-feature .loadmore-action .btn-loadmore:hover:after {
-webkit-animation: spinner 2s linear infinite;
animation: spinner 2s linear infinite;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide.ui-tabs-panel {
display: block;
}
.yolo-class-schedule-shortcode {
margin: 0;
}
.yolo-class-schedule-shortcode.item_bg_color .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-content {
color: #fff;
}
.yolo-class-schedule-shortcode .yolo-class-schedule:after {
content: '';
display: table;
clear: both;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar {
padding-top: 20px;
margin-bottom: 20px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button {
border-radius: 50%;
border: 1px solid #333333;
color: #333333;
width: 40px;
height: 40px;
background: transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button:focus,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button:hover {
outline: none;
background: #333333;
color: white;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button .fc-icon {
font-family: 'Font Awesome 5 Free';
margin: 0;
font-size: 12px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button .fc-icon:after {
font-size: 12px;
top: 0.5px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button .fc-icon-left-single-arrow:after {
content: '\f053';
left: 0px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-button .fc-icon-right-single-arrow:after {
content: '\f054';
left: 0px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-center h2 {
color: var(--heading_color);
font-size: 30px;
text-transform: uppercase;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-toolbar .fc-center h2.eff {
-webkit-animation: LeftToRight 0.3s linear 0s 1 alternate;
animation: LeftToRight 0.3s linear 0s 1 alternate;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view {
color: #333;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-axis {
border-radius: 0px;
padding: 20px 30px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-axis span {
font-size: 14px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table {
margin: 0;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table th span {
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table .fc-resource-cell {
color: #fff;
font-size: 15px;
font-weight: 400;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table .fc-resource-cell,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table .fc-widget-header {
border-color: rgba(0, 0, 0, 0.25);
padding: 10px 0.25em;
background: #333333;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table .fc-axis,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table .fc-day-header {
border-radius: 0;
color: white;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-head table .fc-axis {
padding: 10px 30px;
text-align: center;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body {
background-color: #fff;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body.overlay-loading-tripped {
background-color: #eee;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body.overlay-loading-tripped .fc-time-grid .fc-event .fc-bg {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
background-color: #ccc;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body.overlay-loading-tripped .fc-today {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event-container {
margin: 0 -1px;
position: unset;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event-container.fc-event-container-hover {
z-index: 10 !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #333;
border-color: #ededed;
background-color: white;
-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: hidden;
-webkit-animation: YoloFadeIn 0.25s linear 0s 1 alternate;
animation: YoloFadeIn 0.25s linear 0s 1 alternate;
margin: -1px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-bg {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-ribbon {
position: absolute;
bottom: 0;
right: -20px;
border: 7px solid green;
border-left-color: transparent !important;
border-top-color: transparent !important;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-content {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
max-width: 95%;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-time {
font-size: 16px;
margin-bottom: 8px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-title {
font-size: 15px;
margin-bottom: 6px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-trainer {
font-size: 14px;
color: #696969;
font-style: italic;
font-weight: 400;
margin-bottom: 8px;
display: none;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-category {
color: white;
display: inline-block;
background-color: #333333;
font-size: 12px;
padding: 4px 0px;
border-radius: 22px;
font-weight: 400;
line-height: 17px;
margin-top: 5px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 13em;
overflow: hidden;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-bg {
background-image: none !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content {
overflow: initial;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f073";
position: absolute;
top: -20px;
left: 50%;
font-size: 24px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #333333;
font-size: 90px;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content .fc-title,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content .fc-trainer,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content .fc-address,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content .fc-category,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content .fc-time {
position: relative;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event {
color: #fff;
border-color: #666;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event .fc-content .fc-trainer {
color: #fff;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event .fc-bg {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event:hover .fc-bg {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content {
overflow: initial;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0a1";
position: absolute;
top: -35px;
left: 50%;
font-size: 24px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #333333;
font-size: 114px;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content .fc-title,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content .fc-trainer,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content .fc-address,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content .fc-time {
position: relative;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.not-show-background-image {
color: #333;
border-color: #ededed;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.not-show-background-image .fc-bg {
background-image: none !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.not-show-background-image .fc-content .fc-trainer {
color: #696969;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday:hover {
margin: 0 !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-content .fc-time,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-time {
display: none !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-content .fc-title {
font-size: 18px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-content .fc-trainer span {
display: none;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event:focus,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event:hover {
outline: none;
text-decoration: none;
left: 0 !important;
right: 0 !important;
margin: -50px -50px !important;
-webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.4);
z-index: 10 !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1 .fc-content .fc-time,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1 .fc-content .fc-category,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1 .fc-content .fc-trainer {
display: none;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1 .fc-content .fc-title {
margin-bottom: -5px;
white-space: normal;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1 .fc-ribbon {
right: 0;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1:hover {
margin: -50px -2% -90px !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1:hover .fc-content .fc-time,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1:hover .fc-content .fc-trainer {
display: block;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1:hover .fc-content .fc-category {
display: inline-block;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1:hover .fc-content .fc-title {
margin-bottom: 6px;
white-space: nowrap;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-1:hover .fc-ribbon {
right: -20px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2 .fc-content .fc-category,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2 .fc-content .fc-trainer {
display: none;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2 .fc-content .fc-title {
white-space: normal;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2 .fc-ribbon {
right: 0;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2:hover {
margin: -30px -2% -60px !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2:hover .fc-content .fc-trainer {
display: block;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2:hover .fc-content .fc-category {
display: inline-block;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2:hover .fc-content .fc-title {
white-space: nowrap;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agenda-view:not(.fc-agendaDay-view) .fc-body .fc-time-grid .fc-event.time-short-2:hover .fc-ribbon {
right: -20px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-scroller,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agendaWeek-view .fc-scroller {
overflow-x: visible !important;
overflow-y: visible !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-scroller > *,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-agendaWeek-view .fc-scroller > * {
overflow: visible !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-day-number {
text-align: left;
padding: 10px 10px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-day-number span {
font-size: 14px;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 30px;
height: 30px;
color: #ababab;
display: inline-block;
text-align: center;
line-height: 30px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-today.fc-day-number span {
background-color: #333333;
color: white;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-holiday {
background-color: #333333;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-holiday span {
color: #fff;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-head table .fc-day-header {
font-size: 16px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-head table .fc-widget-header {
padding: 10px 0.25em;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body.overlay-loading-tripped .fc-content-skeleton .fc-event {
background-color: transparent;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-header {
background-color: #333333;
color: white;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-header .fc-close {
margin: 7px 4px 6px 6px;
color: white;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-more,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-more {
color: #333333;
margin-left: 8px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-more:hover,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-more:hover {
text-decoration: none;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event-container,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event-container {
margin: 0 -1px;
position: unset;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #333;
border-color: transparent;
background-color: white;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: hidden;
-webkit-animation: BottomToTop 0.25s linear 0s 1 alternate;
animation: BottomToTop 0.25s linear 0s 1 alternate;
margin: -1px -1px;
padding: 3px 8px;
-webkit-box-shadow: none;
box-shadow: none;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event:hover,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event:hover,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event:focus,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event:focus {
outline: none;
text-decoration: none;
color: black;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event .fc-time,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event .fc-time {
padding-right: 3px;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event .fc-ribbon,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event .fc-ribbon {
position: absolute;
top: 0px;
left: -1px;
width: 4px;
height: 80%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event.fc-yolo-class-holiday,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday {
background: transparent !important;
color: #fff;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event.fc-yolo-class-holiday .fc-bg,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday .fc-bg {
-moz-opacity: 0 !important;
-khtml-opacity: 0 !important;
-webkit-opacity: 0 !important;
opacity: 0 !important;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
filter: alpha(opacity=0) !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event.fc-yolo-class-holiday .fc-title,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday .fc-title {
white-space: initial !important;
}
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-popover .fc-event.fc-yolo-class-holiday .fc-time,
.yolo-class-schedule-shortcode .yolo-class-schedule .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday .fc-time {
display: none !important;
}
.md-modal.md-show .fc-title a:hover {
text-decoration: underline;
}
.md-modal.md-show .div_content {
padding: 30px;
color: var(--text_color);
}
.md-modal.md-show .div_content .class-content-wrap {
padding: 25px 0 0;
}
.md-modal.md-show .div_content .class-content-wrap .fc-time-wrap span {
margin-right: 10px;
}
.md-modal.md-show .div_content .class-content-wrap i {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
color: var(--text_color);
} .yolo-class-schedule-shortcode .yolo-plugin-wraptext {
text-align: center;
}
.yolo-class-schedule-shortcode .yolo-plugin-wraptext .yolo-plugin-title {
line-height: 30px;
margin: 100px 0px 60px 0px;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
}
@media screen and (min-width: 320px) {
.yolo-class-schedule-shortcode .yolo-plugin-wraptext .yolo-plugin-title {
margin: 50px 0px;
line-height: 30px;
}
}
@media screen and (min-width: 480px) {
.yolo-class-schedule-shortcode .yolo-plugin-wraptext .yolo-plugin-title {
line-height: 30px;
}
}
@media screen and (min-width: 992px) {
.yolo-class-schedule-shortcode .yolo-plugin-wraptext .yolo-plugin-title {
margin: 100px 0px 60px 0px;
}
}
.yolo-class-schedule-shortcode .yolo-plugin-wraptext.style1 .yolo-plugin-title:after {
content: '';
position: absolute;
width: 75px;
height: 5px;
left: 50%;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #ffd338;
}
.yolo-class-schedule-shortcode .yolo-plugin-wraptext.style2 .yolo-plugin-title:after {
content: '';
position: absolute;
background-image: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/border-image.png);
width: 150px;
height: 16px;
left: 50%;
bottom: -15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
}
.yolo-class-schedule .class-schedule .fc-view-container {
-webkit-box-shadow: 5px 4px 15px 0px #a5a5a526;
box-shadow: 5px 4px 15px 0px #a5a5a526;
}
.yolo-class-schedule .fc-toolbar .fc-button:hover,
.yolo-class-schedule .fc-toolbar .fc-button:focus {
background-color: #ffd338;
}
.yolo-class-schedule .fc-toolbar .fc-button:hover span,
.yolo-class-schedule .fc-toolbar .fc-button:focus span {
color: white;
} .yolo-class-schedule-shortcode .vc_column_container > .vc_column-inner {
padding-right: 15px;
padding-left: 15px;
}
.yolo-class-schedule-shortcode .fc-agendaWeek-view .fc-body .fc-time-grid .fc-event:hover {
margin: 0 -12% !important;
}
.yolo-class-schedule-shortcode .fc-agendaWeek-view .fc-body .fc-time-grid .fc-event.time-short-1:hover {
margin: -50px -12% -90px !important;
}
.yolo-class-schedule-shortcode .fc-agendaWeek-view .fc-body .fc-time-grid .fc-event.time-short-2:hover {
margin: -30px -12% -60px !important;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-head .fc-axis.fc-widget-header,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-head .fc-axis.fc-widget-header {
display: none;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-time-grid .fc-slats td,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-time-grid .fc-slats td {
padding: 30px 0;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-bg .fc-axis.fc-widget-content,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-bg .fc-axis.fc-widget-content {
display: none;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-slats .fc-axis.fc-widget-content,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-slats .fc-axis.fc-widget-content {
display: none;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-content-skeleton .fc-axis,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-content-skeleton .fc-axis {
display: none;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event {
background-color: #333333;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event.time-short-2:hover .fc-content .fc-category {
display: none;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-category {
display: none;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-trainer {
color: #333;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-bg {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-ribbon {
display: none;
}
.yolo-class-schedule-shortcode.event-style .fc-day-grid-event .fc-content {
white-space: initial;
}
.yolo-class-schedule-shortcode.event-style .fc-day-grid-event .fc-title {
line-height: 20px;
}
.yolo-class-schedule-shortcode.event-style .fc-day-grid-event .fc-time {
display: none;
}
.yolo-class-schedule-shortcode.event-style .fc-popover .fc-event {
border-top: 1px solid #ddd !important;
padding: 10px 8px !important;
}
.yolo-class-schedule-shortcode.event-style .fc-popover .fc-event:first-child {
border: none !important;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-head table .fc-axis {
padding: 10px 15px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-axis {
padding: 20px 15px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-category {
padding: 4px 4px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-content .fc-trainer,
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-content .fc-title,
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-content .fc-time {
font-size: 12px;
}
.export-timetable {
text-align: right;
margin: 20px 0;
font-weight: 600;
}
.export-timetable a {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.export-timetable a:focus,
.export-timetable a:hover {
text-decoration: none;
}
.overlay-loading-tripped {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
-webkit-animation: progress-bar-stripes 0.4s linear infinite;
animation: progress-bar-stripes 0.4s linear infinite;
} @-webkit-keyframes LeftToRight {
from {
-webkit-transform: translate(-10%, 0);
-ms-transform: translate(-10%, 0);
transform: translate(-10%, 0);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
to {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
}
@keyframes LeftToRight {
from {
-webkit-transform: translate(-10%, 0);
-ms-transform: translate(-10%, 0);
transform: translate(-10%, 0);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
to {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
} @-webkit-keyframes BottomToTop {
from {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
to {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
}
@keyframes BottomToTop {
from {
-webkit-transform: translate(0, 10%);
-ms-transform: translate(0, 10%);
transform: translate(0, 10%);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
to {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
} @-webkit-keyframes YoloFadeIn {
from {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
to {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
}
@keyframes YoloFadeIn {
from {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
to {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
} @-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
} @media screen and (max-width: 991px) {
.yolo-class-schedule {
display: none;
}
}
.yolo-responsive-schedule-wrap {
padding: 20px 15px;
text-align: left;
}
@media screen and (min-width: 320px) {
.yolo-responsive-schedule-wrap {
margin-bottom: 60px;
}
}
@media screen and (min-width: 992px) {
.yolo-responsive-schedule-wrap {
margin-bottom: 0px;
}
}
.yolo-responsive-schedule-wrap .filter-mobile ul li a.selected {
background-color: #ffd338;
color: white;
}
.yolo-responsive-schedule-wrap .filter-mobile ul li a {
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 16px;
}
.yolo-responsive-schedule-wrap .filter-mobile ul li a:hover {
background-color: #ffd338;
color: white;
}
@media screen and (min-width: 992px) {
.yolo-responsive-schedule-wrap {
display: none;
}
}
.yolo-responsive-schedule-wrap a {
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.yolo-responsive-schedule-wrap a:focus,
.yolo-responsive-schedule-wrap a:hover {
outline: none;
text-decoration: none;
}
.yolo-responsive-schedule-wrap .res-sche-content.overlay-loading-tripped {
background-color: #eee;
}
.yolo-responsive-schedule-wrap .res-sche-navigation {
position: relative;
height: 20px;
margin: 20px 0;
}
.yolo-responsive-schedule-wrap .res-sche-navigation h3 {
color: #454545;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
margin-top: 5px;
position: absolute;
top: 0px;
left: 50%;
white-space: nowrap;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media screen and (max-width: 321px) {
.yolo-responsive-schedule-wrap .res-sche-navigation h3 {
white-space: normal;
font-size: 14px;
}
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev,
.yolo-responsive-schedule-wrap .res-sche-navigation .next {
border-radius: 50%;
width: 40px;
height: 40px;
background: transparent;
position: absolute;
border: 1px solid #333333;
color: #333333;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev:focus,
.yolo-responsive-schedule-wrap .res-sche-navigation .next:focus,
.yolo-responsive-schedule-wrap .res-sche-navigation .prev:hover,
.yolo-responsive-schedule-wrap .res-sche-navigation .next:hover {
background-color: #333333;
color: white;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev i,
.yolo-responsive-schedule-wrap .res-sche-navigation .next i {
display: inline;
vertical-align: baseline;
line-height: 40px;
margin: 0;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev {
left: 0;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .next {
right: 0;
}
.yolo-responsive-schedule-wrap .item-weekday {
background-color: #F7F7F7;
border: 1px solid #eee;
border-left-width: 3px;
border-right-width: 0;
padding: 5px 10px;
color: #333;
margin: 5px 0;
border-left-color: #B9B7B7;
}
.yolo-responsive-schedule-wrap .item-weekday.today {
background: #fcf8e3;
}
.yolo-responsive-schedule-wrap .item-day {
position: relative;
padding: 15px 0 15px 0px;
font-size: 15px;
}
@media (max-width: 991px) {
.yolo-responsive-schedule-wrap .item-day {
padding: 15px;
}
}
.yolo-responsive-schedule-wrap .item-day .category {
display: block;
}
.yolo-responsive-schedule-wrap .item-day span {
font-weight: 600;
color: #fff;
}
.yolo-responsive-schedule-wrap .item-day i {
font-weight: 400;
}
@media screen and (max-width: 479px) {
.yolo-responsive-schedule-wrap .item-day i {
display: none;
}
}
.yolo-responsive-schedule-wrap .item-day .item-ribbon {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 3px;
border: 1px solid #fff;
border-left-width: 0;
border-right-width: 0;
}
.yolo-responsive-schedule-wrap .item-day.fc-yolo-event-mobile a {
margin-left: 0;
}
.classic-schedule .yolo-class-schedule-shortcode .fc-view table td,
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head td,
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell,
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header {
border-color: transparent !important;
}
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header {
visibility: hidden;
}
.fc-day-grid-event .fc-time {
clear: right;
content: " ";
display: block;
font-weight: normal;
}
.md-content h3 {
padding: 10px;
font-weight: 600;
}
.md-content > div.div_content {
padding: 30px;
}
.md-content > div.div_content .fc-thumb {
width: 200px;
height: 200px;
}
.md-content > div.div_content h2 {
margin: 5px 0;
}
.yolo-class-shortcode.style1 .yolo-filters ul li a {
display: block;
border: none;
padding: 3px 20px;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
color: #777777;
font-weight: 600;
}
.yolo-class-shortcode.style1 .yolo-filters ul li a:focus,
.yolo-class-shortcode.style1 .yolo-filters ul li a:hover {
color: #333333;
background: var(--primary_color);
border-radius: 30px;
}
.yolo-class-shortcode.style1 .yolo-filters ul li a.selected {
color: #333333;
background-color: var(--primary_color);
border-radius: 30px;
}
.yolo-class-shortcode.style1 .yolo-filters ul li a.selected:before {
display: none;
}
.yolo-class-shortcode.style2 .yolo-filters ul li a {
font-size: 18px;
font-weight: 600;
display: block;
border: none;
padding: 3px 20px;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
color: #bbbbbb;
}
.yolo-class-shortcode.style2 .yolo-filters ul li a:focus,
.yolo-class-shortcode.style2 .yolo-filters ul li a:hover {
color: var(--heading_color);
}
.yolo-class-shortcode.style2 .yolo-filters ul li a.selected {
color: var(--heading_color);
}
.yolo-class-shortcode.style2 .yolo-filters ul li a.selected:before {
display: none;
}
.yolo-filters {
text-align: center;
margin-bottom: 30px;
}
.yolo-filters a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-filters a:focus,
.yolo-filters a:hover {
text-decoration: none;
outline: none;
}
.yolo-filters ul {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
.yolo-filters ul:after {
content: '';
clear: both;
display: table;
}
.yolo-filters ul li {
float: left;
margin: 0 5px;
height: auto;
}
.yolo-filters ul li a {
display: block;
border: none;
padding: 3px 20px;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.yolo-filters ul li {
height: 40px;
}
.yolo-filters ul li a.selected:before {
display: none;
}
}
.single-yolo_trainer .site-content-single-trainer {
padding-left: 0;
padding-right: 0;
}
.single-yolo_trainer article.hentry {
-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
border: 1px solid #eee;
padding: 70px 20px;
position: relative;
z-index: 1;
border-radius: 10px;
}
.single-yolo_trainer article.hentry .row {
margin: 0;
}
.single-yolo_trainer article.hentry .trainer-info-left {
padding: 0 50px;
}
@media (max-width: 768px) {
.single-yolo_trainer article.hentry .trainer-info-left {
padding-bottom: 50px;
}
}
.single-yolo_trainer article.hentry .trainer-info-left .content-featured {
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 768px) {
.single-yolo_trainer article.hentry .trainer-info-left .content-featured {
max-width: 300px;
margin: 0 auto;
}
}
.single-yolo_trainer article.hentry .trainer-info-left .all-social-share {
text-align: center;
margin: 40px 0 30px;
}
.single-yolo_trainer article.hentry .trainer-info-left .all-social-share a {
margin: 0 5px;
color: var(--primary_color);
}
.single-yolo_trainer article.hentry .trainer-info-left .all-social-share a.fa-envelope:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.single-yolo_trainer article.hentry .trainer-info-left .all-social-share a:hover {
color: #fff;
}
.single-yolo_trainer article.hentry .trainer-info-left .trainer-phone {
text-align: center;
}
@media (max-width: 768px) {
.single-yolo_trainer article.hentry .trainer-info-right {
text-align: center;
}
}
.single-yolo_trainer article.hentry .trainer-info-right .trainer-name {
margin: 0;
margin-bottom: 5px;
font-size: 54px;
}
@media (max-width: 768px) {
.single-yolo_trainer article.hentry .trainer-info-right .trainer-name {
font-size: 46px;
}
}
.single-yolo_trainer article.hentry .trainer-info-right .trainer-position {
margin-bottom: 60px;
font-size: 18px;
}
.single-yolo_trainer article.hentry .trainer-info-right .trainer-biography {
margin-bottom: 65px;
}
.single-yolo_trainer article.hentry .trainer-info-right .trainer-description {
padding-right: 25px;
}
@media (max-width: 768px) {
.single-yolo_trainer article.hentry .trainer-info-right .trainer-description {
padding-right: 0;
}
}
.single-yolo_trainer article.hentry .trainer-info-right .yolo-progress-bar .yolo-single-bar {
margin-bottom: 50px;
margin-top: 46px;
}
.single-yolo_trainer article.hentry .trainer-info-right .yolo-progress-bar .yolo-single-bar .yolo-bar {
border-radius: 10px;
}
.single-yolo_trainer article.hentry .trainer-info-right .yolo-progress-bar .yolo-single-bar:last-child {
margin-bottom: 0;
}
.single-yolo_trainer article.hentry .trainer-info-right .yolo-progress-bar .yolo-progress-label {
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 16px;
color: var(--heading_color_fade_90);
}
@media (max-width: 768px) {
.single-yolo_trainer article.hentry .trainer-info-right .yolo-progress-bar .yolo-progress-label {
text-align: left;
}
}
.single-yolo_trainer article.hentry .trainer-info-right .yolo-progress-bar .yolo-label-units {
font-weight: 600;
color: var(--heading_color_fade_90);
}
.single-yolo_trainer .trainer-classes-content {
padding-top: 105px;
}
.single-yolo_trainer .trainer-classes-content .trainer-title {
text-align: center;
}
.single-yolo_trainer .trainer-classes-content article.hentry {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 20px;
margin-bottom: 0px;
}
@media (max-width: 1300px) {
.single-yolo_trainer .trainer-classes-content article.hentry {
padding-left: 10px;
padding-right: 10px;
}
}
.slider-wrap article.trainer-item-wrap .trainer-item {
-webkit-box-shadow: none;
box-shadow: none;
}
.slider-wrap .yolo-slick .slick-dots {
bottom: 0;
}
.infinite_yes .yolo-slick .slick-list {
margin-right: -100vw;
padding-right: 100vw;
}
@media (max-width: 1024px) {
.infinite_yes .yolo-slick .slick-list {
margin-right: inherit;
padding-right: inherit;
}
}
.yolo-trainer-wrap.grid .posts-loop-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
article.trainer-item-wrap {
float: left;
margin-bottom: 40px;
}
@media (max-width: 1300px) {
article.trainer-item-wrap {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
article.trainer-item-wrap.col-md-4,
article.trainer-item-wrap.col-md-3 {
-ms-flex: 0 0 33.3%;
-webkit-box-flex: 0;
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
article.trainer-item-wrap .trainer-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
border-radius: 10px;
background-color: #fff;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
-webkit-box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
article.trainer-item-wrap .trainer-item:hover {
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
}
article.trainer-item-wrap .trainer-item:hover .trainer-social ul {
-webkit-transform: translate(10px, -50%);
-ms-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
article.trainer-item-wrap .trainer-item:hover .trainer-avatar {
border-radius: 0;
}
article.trainer-item-wrap .trainer-item:hover .trainer-avatar-wrap img {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
article.trainer-item-wrap .trainer-item .trainer-avatar-wrap {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow: hidden;
}
article.trainer-item-wrap .trainer-item img {
width: 100%;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
article.trainer-item-wrap .trainer-info {
padding: 40px 30px 45px;
}
article.trainer-item-wrap .trainer-info .trainer-title {
margin-top: 0;
margin-bottom: 0;
}
article.trainer-item-wrap .trainer-info .trainer-category {
margin-bottom: 0px;
padding-bottom: 0px;
color: inherit;
border-bottom: 0px solid #dddddd;
font-style: italic;
}
article.trainer-item-wrap .trainer-info .call-me {
text-decoration: none;
font-size: 18px;
line-height: 18px;
border-radius: 0px;
padding: 0;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: var(--primary_color);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
article.trainer-item-wrap .trainer-info .call-me:hover {
color: var(--heading_color);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
article.trainer-item-wrap .trainer-info .call-me:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
article.trainer-item-wrap:hover .trainer-avatar img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
article.trainer-item-wrap .trainer-avatar-wrap {
overflow: hidden;
position: relative;
height: 100%;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social ul {
list-style: none;
position: absolute;
top: 50%;
-webkit-transform: translate(-110%, -50%);
-ms-transform: translate(-110%, -50%);
transform: translate(-110%, -50%);
padding: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0px 0px 4px 0px #bfbfbf;
box-shadow: 0px 0px 4px 0px #bfbfbf;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li a {
color: var(--text_color);
width: 40px;
line-height: 40px;
text-align: center;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li:last-child {
margin-bottom: 0;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li:hover {
background-color: var(--primary_color);
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li:hover a {
color: #fff;
}
article.trainer-item-wrap.layout-2 .trainer-info {
text-align: center;
padding: 30px 30px 35px;
}
article.trainer-item-wrap.layout-2 .trainer-excerpt {
display: none;
}
article.trainer-item-wrap.layout-2 .trainer-category {
font-style: normal;
}
article.trainer-item-wrap.layout-2 .btn-call-me {
margin-top: 7px;
}
@media (max-width: 900px) {
.owl-item article.trainer-item-wrap {
left: unset !important;
top: unset !important;
position: relative !important;
-ms-flex: 0 0 100% !important;
-webkit-box-flex: 0 !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.yolo-trainer-sc .posts-loop-content .masonry-container {
height: auto !important;
}
}
article.trainer-item-wrap.layout-3 .trainer-item {
padding: 15px;
display: block;
position: relative;
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-3 .trainer-item .trainer-avatar {
display: block;
}
article.trainer-item-wrap.layout-3 .trainer-item .trainer-avatar img {
width: 100%;
border-radius: 50%;
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay {
position: absolute;
top: 0;
left: 0;
text-align: center;
color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
background-color: var(--primary_color);
border-radius: 50%;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: translate3d(-100px, -100px, 0px);
transform: translate3d(-100px, -100px, 0px);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay a:hover {
color: #fff;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-infor {
position: absolute;
top: 50%;
width: 100%;
padding: 0 15px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-title {
color: rgba(255, 255, 255, 0.9);
margin: 0 0 10px;
text-transform: capitalize;
}
@media screen and (min-width: 512px) {
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 5px;
}
}
@media screen and (min-width: 768px) {
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 10px;
}
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-category {
line-height: 20px;
margin-bottom: 20px;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-avatar-hover {
display: inline-block;
width: 90px;
height: 90px;
margin: 0 auto;
margin-bottom: 5px;
background-position: center;
background-size: cover;
border-radius: 50%;
border: 2px solid #ffffff;
-o-object-fit: cover;
object-fit: cover;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-social a {
margin-right: 12px;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-social a:last-child {
margin-right: 0;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .email {
text-transform: lowercase;
letter-spacing: 0.5px;
font-size: 16px;
}
article.trainer-item-wrap.layout-3 .trainer-item:hover {
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
}
article.trainer-item-wrap.layout-3 .trainer-item:hover .trainer-avatar img {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
-webkit-transform: translate3d(100px, 100px, 0px);
transform: translate3d(100px, 100px, 0px);
}
article.trainer-item-wrap.layout-3 .trainer-item:hover .infor-overlay {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
article.trainer-item-wrap.layout-4 .trainer-infor-main {
padding: 37px 15px 32px;
}
article.trainer-item-wrap.layout-4 .trainer-infor-main .trainer-title {
margin: 0;
}
article.trainer-item-wrap.layout-4 .trainer-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
display: block;
position: relative;
border-radius: 10px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-4 .trainer-item .trainer-avatar {
display: block;
}
article.trainer-item-wrap.layout-4 .trainer-item .trainer-avatar img {
margin-top: 0;
width: 100%;
height: 100%;
border-radius: 0;
-o-object-fit: cover;
object-fit: cover;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay {
position: absolute;
top: 0;
left: 0;
text-align: center;
color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
background-color: var(--primary_color);
border-radius: 0px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay a:hover {
color: #fff;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-infor {
position: absolute;
top: 50%;
width: 100%;
padding: 0 15px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-title {
color: rgba(255, 255, 255, 0.9);
margin: 0 0 10px;
text-transform: capitalize;
}
@media screen and (min-width: 512px) {
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 5px;
}
}
@media screen and (min-width: 768px) {
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 10px;
}
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-category {
line-height: 20px;
margin-bottom: 20px;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-avatar-hover {
display: inline-block;
width: 150px;
height: 150px;
margin: 0 auto;
margin-bottom: 5px;
background-position: center;
background-size: cover;
border-radius: 50%;
border: 2px solid #ffffff;
-o-object-fit: cover;
object-fit: cover;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-social a {
margin-right: 12px;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-social a:last-child {
margin-right: 0;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .email {
text-transform: lowercase;
letter-spacing: 0.5px;
font-size: 16px;
}
article.trainer-item-wrap.layout-4 .trainer-item:hover {
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
}
article.trainer-item-wrap.layout-4 .trainer-item:hover .trainer-avatar img {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%);
}
article.trainer-item-wrap.layout-4 .trainer-item:hover .infor-overlay {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
article.trainer-item-wrap.layout-5 .trainer-infor-main {
padding: 37px 0px 32px;
text-align: center;
}
article.trainer-item-wrap.layout-5 .trainer-infor-main .trainer-title {
margin: 0;
}
article.trainer-item-wrap.layout-5 .trainer-item {
background-color: transparent;
display: block;
position: relative;
border-radius: 10px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-5 .trainer-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
article.trainer-item-wrap.layout-5 .trainer-item:hover .trainer-avatar img {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
article.trainer-item-wrap.layout-5 .trainer-item:hover .follow .label {
background-color: var(--primary_color);
color: #fff;
}
article.trainer-item-wrap.layout-5 .trainer-item:hover .follow .icon {
margin: 0 0;
margin-right: 5px;
}
@media (max-width: 1200px) {
article.trainer-item-wrap.layout-5 .trainer-item:hover .follow .icon {
margin-right: 0;
}
}
article.trainer-item-wrap.layout-5 .trainer-item:hover .follow .icon:first-child {
margin-left: 50px;
}
@media (max-width: 1200px) {
article.trainer-item-wrap.layout-5 .trainer-item:hover .follow .icon:first-child {
margin-left: 43px;
}
}
article.trainer-item-wrap.layout-5 .trainer-item .infor-overlay {
display: none;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar {
display: block;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .avatar-img {
position: relative;
border-radius: 10px;
overflow: hidden;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar img {
margin-top: 0;
width: 100%;
height: 100%;
border-radius: 0;
-o-object-fit: cover;
object-fit: cover;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .follow {
display: inline-block;
cursor: default;
padding: 0;
position: absolute;
bottom: 30px;
left: 30px;
text-align: center;
}
@media (max-width: 1200px) {
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .follow {
bottom: 20px;
left: 20px;
}
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .icon,
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .label {
background-color: #fff;
line-height: 46px;
color: var(--primary_color);
}
@media (max-width: 1200px) {
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .icon,
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .label {
line-height: 40px;
}
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .label {
position: absolute;
font-size: 20px;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 50%;
padding: 0;
}
@media (max-width: 1200px) {
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .label {
width: 40px;
height: 40px;
line-height: 40px;
}
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar div:first-child {
margin-left: 0;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar div:nth-last-child(2) {
margin-right: 0;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .icon {
border-radius: 0;
cursor: pointer;
display: inline-block;
margin: 0 -24.5px;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
width: 46px;
height: 46px;
border-radius: 50%;
}
@media (max-width: 1200px) {
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .icon {
margin: 0 -21.5px;
width: 40px;
height: 40px;
line-height: 40px;
}
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .icon:hover {
background-color: var(--primary_color);
color: #fff;
}
article.trainer-item-wrap.layout-5 .trainer-item .trainer-avatar .icon:hover a {
color: #fff;
}
.widget-class-filter.search-class-weekday label input[type="checkbox"] {
border: none;
background-color: #f6f6f6;
}
.widget-class-filter.search-class-weekday label input[type="checkbox"]:checked:before {
content: "\f00c";
color: var(--primary_color);
position: absolute;
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
top: 10px;
font-size: 12px;
}
.class-item-wrap .content-meta {
background-color: var(--primary_color);
}
article.class-item-wrap {
margin-bottom: 40px;
float: left;
}
@media (max-width: 1300px) {
article.class-item-wrap {
margin-bottom: 20px;
}
}
article.class-item-wrap .loop-item-featured {
position: relative;
overflow: hidden;
z-index: 1;
}
article.class-item-wrap .loop-item-wrap {
text-align: left;
overflow: hidden;
background-color: #fff;
border-radius: 10px;
border-width: 0px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
article.class-item-wrap .loop-item-wrap .item-featured-bg {
width: 100%;
height: 280px;
position: relative;
background-size: cover;
background-position: center;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
@media (min-width: 769px) and (max-width: 991px) {
article.class-item-wrap .loop-item-wrap .item-featured-bg {
height: 250px;
}
}
@media (max-width: 768px) {
article.class-item-wrap .loop-item-wrap .item-featured-bg {
height: 200px;
}
}
@media (max-width: 678px) {
article.class-item-wrap .loop-item-wrap .item-featured-bg {
height: 300px;
}
}
article.class-item-wrap .loop-item-wrap:hover {
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
}
article.class-item-wrap .loop-item-wrap:hover .item-featured-bg {
transform: scale3d(1.07, 1.07, 1.07);
-webkit-transform: scale3d(1.07, 1.07, 1.07);
}
article.class-item-wrap .loop-item-wrap:hover .loop-item-content .trainer-meta .loop-item-trainer.first {
margin-left: -20px;
}
article.class-item-wrap .loop-item-wrap:hover .loop-item-content .trainer-meta .loop-item-trainer.second {
margin-left: 20px;
}
article.class-item-wrap .loop-item-content {
margin: 0;
font-size: inherit;
padding: 45px 30px 35px;
position: relative;
}
article.class-item-wrap .loop-item-content .category-meta {
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}
article.class-item-wrap .loop-item-content .trainer-meta {
position: absolute;
left: 30px;
top: -30px;
}
article.class-item-wrap .loop-item-content .trainer-meta .loop-item-trainer {
position: absolute;
height: 60px;
width: 60px;
background-color: #ccc;
border: 5px solid #fff;
border-radius: 50%;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: center 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
}
article.class-item-wrap .loop-item-content .trainer-meta .loop-item-trainer.first {
z-index: 2;
}
article.class-item-wrap .content-meta {
padding: 8px 0;
margin-bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
display: none;
}
article.class-item-wrap .content-meta .meta-time-first {
position: relative;
display: inline-block;
padding-right: 8px;
}
article.class-item-wrap .content-meta .meta-time-first:after {
content: '-';
position: absolute;
right: 0;
width: 10px;
padding-left: 5px;
}
article.class-item-wrap .content-meta .meta-time {
color: #fff;
}
article.class-item-wrap .content-meta .meta-time:last-child {
margin-right: 0;
}
article.class-item-wrap .content-meta .thumbnail {
position: absolute;
right: 8%;
}
article.class-item-wrap .content-meta .trainer-info {
display: block;
}
article.class-item-wrap .content-meta i {
margin-right: 5px;
}
article.class-item-wrap .loop-item-price {
z-index: 2;
margin: 0;
color: #fff;
font-size: 16px;
font-weight: var(--secondary_font_weight);
position: absolute;
top: 20px;
right: 20px;
background: var(--primary_color);
min-width: 60px;
border-radius: 5px;
padding: 3px 20px;
line-height: 1.5;
text-align: center;
-webkit-box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-family: var(--secondary_font);
display: none;
}
article.class-item-wrap .meta {
padding-left: 0;
letter-spacing: 0;
}
article.class-item-wrap .meta i {
margin-right: 7px;
}
article.class-item-wrap .meta span {
padding: 0;
margin: 0;
}
article.class-item-wrap .meta span i {
margin-right: 7px;
color: var(--primary_color);
}
article.class-item-wrap .meta span:before {
content: none;
}
article.class-item-wrap .entry-meta-more {
margin-top: 1em;
}
article.class-item-wrap .entry-meta {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
article.class-item-wrap .entry-meta .meta-date {
display: none;
}
article.class-item-wrap .title {
margin: 10px 0 5px;
}
article.class-item-wrap .hentry {
padding-bottom: 30px;
margin: 0;
}
article.class-item-wrap .loop-item-featured img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
article.class-item-wrap .loop-item-excerpt {
padding-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
article.class-item-wrap .loop-item-excerpt {
padding-bottom: 0px;
}
}
article.class-item-wrap .posts-loop-content .yolo-md-6:nth-child(2n+1) {
clear: both;
}
article.class-item-wrap .posts-loop-content .yolo-md-4:nth-child(3n+1) {
clear: both;
}
article.class-item-wrap .posts-loop-content .yolo-md-3:nth-child(4n+1) {
clear: both;
}
.loop-item-content .loop-age-size {
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.site-content-single-class .modal-dialog {
max-width: 700px;
}
.site-content-single-class .modal-header {
padding: 30px 50px;
}
.site-content-single-class .modal-title {
margin: 0;
}
.site-content-single-class .modal-body {
padding: 30px 50px 50px;
}
.class-content-wrap iframe {
width: 100%;
}
.class-content-wrap .class-title-meta .rating {
line-height: 1;
position: relative;
display: block;
}
.class-content-wrap .class-title-meta .rating .all-ratings {
display: inline-block;
position: relative;
margin-top: 3px;
margin-left: 5px;
font-weight: 600;
}
.class-content-wrap .main-lesson {
margin-top: 30px;
}
.class-content-wrap .class-comments .comments-title {
position: relative;
}
.class-content-wrap .class-comments .comments-title:before {
background: var(--primary_color);
bottom: -15px;
content: '';
left: 0;
height: 2px;
position: absolute;
width: 30px;
}
.class-content-wrap .class-title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.class-content-wrap .class-title-wrap .class-tile {
margin: 0px;
}
.class-content-wrap .class-title-wrap .class-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.class-content-wrap .class-title-wrap .class-navigation {
display: none;
}
}
.class-content-wrap .class-title-wrap .class-navigation .nav {
padding: 0 10px;
}
.class-content-wrap .class-title-wrap .class-navigation .nav :before {
display: block;
}
.class-content-wrap .class-title-wrap .class-navigation .nav-previous a:hover i:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
.class-content-wrap .class-title-wrap .class-navigation .nav-next a:hover i:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.class-content-wrap .class-title-wrap .class-navigation .text {
margin: 0;
}
.class-basic-info {
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (max-width: 650px) {
.class-basic-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 15px;
}
.class-basic-info .print-resume {
display: block;
}
}
.class-basic-info .basic-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 45%;
}
@media (max-width: 650px) {
.class-basic-info .basic-info {
width: 100%;
margin-bottom: 15px;
}
.class-basic-info .basic-info:last-child {
margin-bottom: 0;
}
}
.class-basic-info .item-label {
margin: 0;
}
.class-basic-info .basic-content {
padding: 5px 0;
width: calc(100% - 75px);
}
@media (max-width: 991px) {
.class-basic-info .basic-content {
width: calc(100% - 50px);
}
}
@media (max-width: 650px) {
.class-basic-info .basic-content {
width: calc(100% - 75px);
}
}
.class-basic-info .basic-img {
display: inline-block;
position: relative;
float: left;
width: 75px;
}
@media (max-width: 991px) {
.class-basic-info .basic-img {
width: 50px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img {
width: 75px;
}
}
.class-basic-info .basic-img .loop-item-trainer {
width: 55px;
height: 55px;
position: absolute;
display: inline-block;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
top: 5px;
}
@media (max-width: 991px) {
.class-basic-info .basic-img .loop-item-trainer {
width: 40px;
height: 40px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img .loop-item-trainer {
width: 55px;
height: 55px;
}
}
.class-basic-info .basic-img .loop-item-trainer.first {
z-index: 999;
}
.class-basic-info .basic-img:hover .loop-item-trainer.first {
margin-left: -20px;
}
.class-basic-info .basic-img:hover .loop-item-trainer.second {
margin-left: 20px;
}
.class-basic-info .basic-img .thumbnail {
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #121149;
position: absolute;
}
@media (max-width: 991px) {
.class-basic-info .basic-img .thumbnail {
width: 40px;
height: 40px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img .thumbnail {
width: 55px;
height: 55px;
}
}
.class-basic-info .basic-img .thumbnail img {
-o-object-fit: none;
object-fit: none;
width: 100%;
height: 55px;
}
@media (max-width: 991px) {
.class-basic-info .basic-img .thumbnail img {
width: 40px;
height: 40px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img .thumbnail img {
width: 55px;
height: 55px;
}
}
.class-basic-info .list-img-cat {
display: inline-block;
position: relative;
float: left;
width: 75px;
}
.class-basic-info .list-img-cat .thumbnail {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #121149;
position: absolute;
}
.class-basic-info .list-img-cat .thumbnail:first-child {
z-index: 999;
}
.class-basic-info .list-img-cat .thumbnail img {
-o-object-fit: none;
object-fit: none;
width: 100%;
}
.class-basic-info .list-title span {
font-size: 14px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.class-basic-info .list-title .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 16px;
}
.class-basic-info .list-title .title a {
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.class-basic-info .list-title .title a:hover {
color: var(--primary_color);
}
.class-basic-info .print-resume:after {
content: '';
position: absolute;
top: 7px;
right: 0;
background-image: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/calendar.png);
width: 40px;
height: 40px;
background-size: contain;
}
.comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.average-stars .stars,
.comment-content .stars {
font-family: "Font Awesome 5 Free";
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 18px;
font-size: 18px;
vertical-align: top;
text-align: center;
-webkit-transition: color 0.1s ease-in;
-o-transition: color 0.1s ease-in;
transition: color 0.1s ease-in;
}
.average-stars .stars:before,
.comment-content .stars:before {
content: "\f005";
}
.average-stars .star-filled,
.comment-content .star-filled {
font-weight: 900;
}
.average-stars .star-empty,
.comment-content .star-empty {
font-weight: 400;
}
.rating-container { font-size: 0; unicode-bidi: bidi-override;
direction: rtl;
}
.rating-container * {
font-size: 1.4rem;
}
.rating-container > input {
display: none;
}
.rating-container > input + label { font-family: "Font Awesome 5 Free";
font-weight: 400;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
width: 24px;
line-height: 24px;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.rating-container > input + label:before {
display: inline-block;
text-indent: -9999px;
content: "\f005";
color: #ffd338;
font-size: 18px;
}
.rating-container > input:checked ~ label,
.rating-container > input + label:hover ~ label,
.rating-container > input + label:hover {
font-weight: 900;
}
.rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: 0.5em;
margin-left: -0.5em;
}
.rating-container > .star-cb-clear + label:before {
width: 0.5em;
}
.rating-container:hover > input + label {
font-weight: 400;
}
.rating-container:hover > input + label:hover ~ label,
.rating-container:hover > input + label:hover {
font-weight: 900;
}
.comment-respond .rating-container > .star-cb-clear + label,
.comment-respond .rating-container > input + label:before {
text-indent: 10004px;
}
.yolo-rating {
display: none;
}
.yolo-rating > label {
margin: 0;
font-weight: 600;
}
.single-yolo_class .yolo-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-yolo_class .yolo-rating > label {
margin-right: 10px;
}
.single.class-page .timetable_week {
padding-top: 0;
}
.single.class-page .timetable_week h3 {
margin-top: 70px;
margin-bottom: 40px;
position: relative;
}
.single.class-page .timetable_week .res-sche-content .item-day {
font-size: inherit;
font-weight: 500;
}
.single.class-page .timetable_week .res-sche-content .item-day i {
font-weight: bold;
} @media (min-width: 992px) and (max-width: 1024px) {
.yolo-sc-blog .entry-thumbnail-bg {
height: 100%;
}
}
.yolo-sc-blog .blog-wrap.slider {
margin: 0 -20px;
}
@media (max-width: 1300px) {
.yolo-sc-blog .blog-wrap.slider {
margin: 0 -10px;
}
}
.yolo-sc-blog .blog-style-slider {
margin: 0;
}
.yolo-sc-blog .blog-style-slider .yolo-blog-item {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.yolo-sc-blog .yolo-blog-item {
margin-bottom: 40px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.col-sm-6 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap {
overflow: hidden;
background-color: #fff;
border-radius: 10px;
-webkit-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
@media (max-width: 768px) {
.yolo-sc-blog .yolo-blog-item .blog-item-wrap {
background-color: #fff;
}
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap:hover {
-webkit-box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.11);
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap:hover .entry-thumbnail-bg {
transform: scale3d(1.07, 1.07, 1.07);
-webkit-transform: scale3d(1.07, 1.07, 1.07);
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap .nbi__thumbnail {
overflow: hidden;
position: relative;
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap .nbi__thumbnail .entry-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap img {
width: 100%;
height: 230px;
-o-object-fit: cover;
object-fit: cover;
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap .nbi__content {
padding: 30px;
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap .nbi__content .nbi__author {
letter-spacing: 1px;
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap .nbi__content .entry-title {
position: relative;
}
.yolo-sc-blog .yolo-blog-item .blog-item-wrap .entry-meta-category {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.yolo-sc-blog .yolo-blog-item.blog-v1 {
margin-bottom: 30px;
border-radius: 10px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v1 .yolo-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__thumbnail {
overflow: hidden;
position: relative;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__thumbnail {
height: 200px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__thumbnail a {
position: absolute;
width: 100%;
height: 100%;
}
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__content {
padding: 33px 30px 38px;
}
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__content .entry-title {
padding-bottom: 12px;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
border-bottom-style: dotted;
border-bottom-width: 4px;
}
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__content .entry-title:hover {
color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v1 .nbi__content .entry-title:hover a {
color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v2 {
height: 310px;
text-align: left;
position: relative;
overflow: hidden;
padding: 0;
margin-bottom: 0;
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .background-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .v2__overlay {
padding: 80px 30px 0;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(95%, #000000));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 95%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 95%);
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .v2__overlay .entry-author {
margin-bottom: 5px;
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .v2__overlay .entry-title {
margin-top: 0px;
margin-bottom: 5px;
color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .v2__overlay .entry-meta span:before {
background: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .v2__overlay .entry-meta {
color: rgba(255, 255, 255, 0.8);
}
.yolo-sc-blog .yolo-blog-item.blog-v2 .v2__excerpt p {
height: 0;
opacity: 0;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.yolo-sc-blog .yolo-blog-item.blog-v2:hover .background-image {
-webkit-transform: scale3d(1.01, 1.01, 1.01);
transform: scale3d(1.01, 1.01, 1.01);
}
.yolo-sc-blog .yolo-blog-item.blog-v2:hover .v2__excerpt p {
height: 70px;
opacity: 0.9;
}
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__thumbnail {
height: 280px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__thumbnail {
height: 200px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__thumbnail .nbi__meta {
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
text-align: center;
-webkit-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
}
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__thumbnail .nbi__meta a {
color: #fff;
}
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__thumbnail:before {
content: "";
z-index: 1;
position: absolute;
width: 100%;
left: 0;
height: 50%;
opacity: 0;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(95%, #000000));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 95%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 95%);
}
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__content {
z-index: 1;
margin: 0 auto;
text-align: center;
margin-top: -15px;
}
.yolo-sc-blog .yolo-blog-item.blog-v3 .nbi__author {
color: #fff;
background: var(--primary_color);
padding: 5px 25px;
border-radius: 4px;
display: inline-block;
margin: 0;
}
.yolo-sc-blog .yolo-blog-item.blog-v3:hover .nbi__thumbnail:before {
opacity: 1;
height: 100%;
}
.yolo-sc-blog .yolo-blog-item.blog-v3:hover .nbi__meta {
opacity: 1;
bottom: 30px;
}
.yolo-sc-blog .yolo-blog-item.blog-v3:hover .entry-title {
text-decoration: underline;
}
.yolo-sc-blog .yolo-blog-item.blog-v3:hover .entry-title a {
color: var(--primary_color) !important;
}
.yolo-sc-blog .yolo-blog-item.blog-v4 .nbi__thumbnail {
height: 280px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v4 .nbi__thumbnail {
height: 200px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v4 .entry-cat {
font-weight: 500;
letter-spacing: 1px;
line-height: 1.4;
}
.yolo-sc-blog .yolo-blog-item.blog-v4 .entry-title {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 15px 0 15px;
}
.yolo-sc-blog .yolo-blog-item.blog-v4 .entry-meta {
margin-bottom: 0;
letter-spacing: 0;
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__thumbnail {
height: 280px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__thumbnail {
height: 200px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__content {
padding-top: 15px;
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__content .entry-title {
margin-top: 30px;
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__content .nbi__date {
font-weight: 600;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: -35px;
padding: 5px 20px;
background: var(--primary_color);
color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__content .nbi__meta {
text-align: center;
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__content .nbi__meta a {
padding: 0 15px;
}
.yolo-sc-blog .yolo-blog-item.blog-v5 .nbi__content .nbi__readmore {
text-align: center;
margin-top: 20px;
}
.yolo-sc-blog .yolo-blog-item.blog-v6.col-md-6 .nbi__thumbnail {
height: 400px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v6.col-md-6 .nbi__thumbnail {
height: 250px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .blog-item-wrap {
position: relative;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .nbi__thumbnail {
position: relative;
height: 280px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v6 .nbi__thumbnail {
height: 200px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-date {
-webkit-box-shadow: 5px 4px 13px 0px #3f3a643b;
box-shadow: 5px 4px 13px 0px #3f3a643b;
padding: 10px 10px;
color: #fff;
background-color: var(--heading_color);
width: 65px;
height: 65px;
border-radius: 4px;
position: absolute;
top: 40px;
left: 40px;
text-align: center;
line-height: 1.2em;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-date .post-day {
font-size: 26px;
line-height: 1;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-date .post-month {
text-transform: uppercase;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .nbi__content {
padding: 30px 40px 40px;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .nbi__content .entry-meta {
margin-bottom: 20px;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .nbi__content .entry-title {
margin-top: 10px;
margin-bottom: 10px;
text-transform: capitalize;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .nbi__content .nbi__excerpt {
margin-top: 10px;
margin-bottom: 10px;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-category .meta-category {
position: relative;
display: block;
margin-bottom: 20px;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-category a {
position: relative;
display: inline-block;
padding: 3px 10px;
border: 1px solid var(--primary_color);
margin-right: 15px;
color: var(--primary_color);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-category a:hover {
color: #fff;
background-color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-more {
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-more .author-avatar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-more .author-avatar h6 {
margin: 0;
text-transform: capitalize;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-more .author-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 15px;
}
.yolo-sc-blog .yolo-blog-item.blog-v6 .entry-meta-more i {
margin-right: 5px;
color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v7.col-md-6 .nbi__thumbnail {
height: 400px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v7.col-md-6 .nbi__thumbnail {
height: 250px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .blog-item-wrap {
position: relative;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .nbi__thumbnail {
position: relative;
height: 280px;
}
@media (max-width: 580px) {
.yolo-sc-blog .yolo-blog-item.blog-v7 .nbi__thumbnail {
height: 200px;
}
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .entry-meta-date i {
margin-right: 4px;
color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .nbi__content {
padding: 40px 30px 35px;
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .nbi__content .entry-title {
margin-top: 15px;
margin-bottom: 20px;
text-transform: capitalize;
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .entry-meta-category {
text-transform: capitalize;
letter-spacing: inherit;
font-weight: normal;
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .entry-meta-more {
border-top: 1px solid #eee;
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .entry-meta-more i {
margin-right: 4px;
color: var(--primary_color);
}
.yolo-sc-blog .yolo-blog-item.blog-v7 .entry-meta-more .author-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 15px;
}
.yolo-sc-blog.hide_author .nbi__author {
display: none;
}
.yolo-sc-blog.hide_comment .nbi__comment {
display: none;
}
.yolo-sc-blog.hide_category .nbi__category {
display: none;
}
.blog-wrap {  }
.blog-wrap .blog-paging-wrapper {
text-align: center;
}
.blog-wrap .blog__title {
text-transform: uppercase;
margin: 0px;
position: relative;
display: inline-block;
padding-bottom: 30px;
margin-bottom: 30px;
}
.blog-wrap .blog__title:after {
content: '';
position: absolute;
background-image: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/border-image1.png);
width: 90px;
height: 6px;
left: 0;
bottom: 0px;
background-repeat: no-repeat;
}
.blog-wrap .blog-inner article .post-item .entry-wrap {
position: relative;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap {
position: relative;
margin-bottom: 20px;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap a.entry-thumbnail_overlay img {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap .date-overlay {
display: none;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap {
position: relative;
z-index: 2;
width: 100%;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail {
background-color: #f7f7f7;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail h3 {
font-weight: bold;
margin-top: 0px;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap li a {
font-weight: bold;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap li.entry-meta-author a {
text-transform: capitalize;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore {
position: relative;
background-color: #e6e6e6;
display: block;
color: #000;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore span {
padding: 10px 0px;
display: block;
text-align: center;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore:hover {
background-color: #1a1a1a;
color: #fff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore:hover:before {
left: 120%;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .post-excerpt {
margin-bottom: 30px;
}
.blog-wrap .blog-inner article .post-item:hover .entry-wrap .entry-thumbnail-wrap .entry-thumbnail a.entry-thumbnail_overlay img {
opacity: 0.7;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 767px) {
.blog-wrap .blog-inner article .post-item {
padding: 0px 0px 20px 0px;
}
}
.blog-wrap .blog-inner .owl-dots {
display: none;
}
@media (max-width: 1300px) {
.blog-wrap .blog-inner .owl-dots {
display: block;
}
}
.blog-wrap.large-image .blog-inner .entry-wrap .entry-content-wrap .entry-title {
font-size: 16px;
}
@media (max-width: 479px) {
.blog-wrap.large-image .blog-inner .entry-wrap .entry-content-wrap {
margin: 0;
padding: 0 !important;
}
}
.blog-wrap.masonry .blog-inner .entry-wrap .entry-content-wrap {
text-align: center;
}
.blog-wrap.masonry .blog-inner .entry-wrap .entry-content-wrap .entry-title {
font-size: 16px;
}
.blog-wrap.grid .blog-inner .entry-wrap .entry-content-wrap {
text-align: center;
}
.blog-wrap.grid .blog-inner .entry-wrap .entry-content-wrap .entry-title {
font-size: 16px;
}
.hide_author .entry-meta-author {
display: none !important;
}
.hide_comment .entry-meta-comment {
display: none !important;
}
.hide_category .entry-meta-category {
display: none !important;
}
.hide_date .entry-meta-date {
display: none !important;
}
.hide_readmore .btn-readmore {
display: none !important;
}
.blog-wrap.slider.blog-v2 {
margin: 0;
}
.blog-wrap.slider .yolo-blog-item .blog-item-wrap {
border-radius: 10px;
}
.blog-wrap.slider .yolo-blog-item .blog-item-wrap:hover {
-webkit-box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.11);
}
.yolo-jhana-shape {
display: inline-block;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.yolo-jhana-shape .shape {
color: #555;
}
.yolo-jhana-shape svg {
height: auto;
}
.yolo-jhana-shape-circle .shape {
width: 50px;
height: 50px;
border-radius: 50%;
background: currentColor;
}
.yolo-jhana-shape-border-circle .shape {
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px solid currentColor;
}
.yolo-jhana-shape-circle .yolo-jhana-icon-view {
border-radius: 50%;
}
.yolo-sc-counter {
position: relative;
padding: 40px 0px 40px;
}
.yolo-sc-counter .sc-counter-wrap {
width: 100%;
}
.yolo-sc-counter .content-inner {
float: left;
position: relative;
text-align: center;
padding-bottom: 30px;
padding-top: 30px;
}
@media (max-width: 900px) {
.yolo-sc-counter .content-inner {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-sc-counter .content-inner .gr-number-counter {
display: block;
font-size: 60px;
line-height: 60px;
letter-spacing: 3px;
font-family: var(--secondary_font);
color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 1024px) {
.yolo-sc-counter .content-inner .gr-number-counter {
font-size: 42px;
}
}
.yolo-sc-counter .content-inner img {
width: auto;
max-width: 170px;
margin: 0 auto;
}
.yolo-sc-counter .content-inner .desc {
line-height: 1;
font-size: 18px;
margin-top: 10px;
letter-spacing: 1px;
}
@media (max-width: 1024px) {
.yolo-sc-counter .content-inner .desc {
font-size: 18px;
}
}
.yolo-sc-counter.style_2 .content-inner {
position: relative;
}
.yolo-sc-counter.style_2 .content-inner .counter-icon {
width: 65px;
position: absolute;
top: 0;
z-index: -1;
left: 0;
right: 0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.yolo-sc-counter.style_2 .content-inner .gr-number-counter {
margin: 10px 0;
}
.yolo-sc-counter.style_2 .content-inner .content-meta {
padding-top: 55px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
.yolo-sc-counter.style_2 .content-inner .desc {
margin: 0;
}
.yolo-sc-counter.style_2 .content-inner:hover .counter-icon {
width: 200px;
opacity: 0.1;
}
.yolo-sc-counter.style_2 .content-inner:hover .content-meta {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
} .yolo-footer-icon {
display: block;
position: relative;
}
.yolo-footer-icon .icon-social-shortcode-wrap {
position: relative;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
display: block;
width: 100%;
padding: 5px 0;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list {
list-style: none;
text-align: center;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list.left {
text-align: left;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list.left .icon-footer-item {
margin-left: 0;
text-align: left;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list.right {
text-align: right;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list.right .icon-footer-item {
margin-right: 0;
text-align: right;
}
@media (max-width: 768px) {
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list.right {
text-align: center;
}
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list .icon-footer-item {
display: inline-block;
text-align: center;
margin: 0 10px;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list .icon-footer-item .icon-wrap i {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list .icon-footer-item:hover .icon-wrap i {
color: var(--primary_color) !important;
border-color: var(--primary_color);
}
.yolo-footer-icon .icon-social-shortcode-wrap .icon-footer-list .icon-footer-item:hover .icon-title {
color: var(--primary_color);
}
.yolo-footer-icon .icon-text-shortcode-wrap .icon-text-footer-list {
padding: 0px;
margin: 0px;
}
.yolo-footer-icon .icon-text-shortcode-wrap .icon-text-footer-list .icon-text-footer-item {
list-style: none;
margin-bottom: 5px;
}
.yolo-footer-icon .icon-text-shortcode-wrap .icon-text-footer-list .icon-wrap {
margin-right: 10px;
text-align: center;
min-width: 20px;
display: inline-block;
}
.yolo-footer-icon .icon-text-shortcode-wrap .icon-text-footer-list .icon-text {
color: var(--text_color);
}
.wpcf7 .newsletter {
position: relative;
display: block;
height: 40px;
margin-bottom: 30px;
}
.wpcf7 .newsletter .your-email input {
width: 100%;
height: 40px;
background-color: transparent;
border: 1px solid #e1e1e1;
font-size: 16px;
color: #333333;
margin-left: 0px;
}
.wpcf7 .newsletter .newsletter_submit {
top: 0%;
right: -20px;
overflow: hidden;
position: absolute;
display: block;
text-align: center;
border: none;
}
.wpcf7 .newsletter .newsletter_submit .wpcf7-submit {
border: none;
height: 38px;
margin-top: 1px;
margin-right: 1px;
padding: 0 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.wpcf7 .newsletter .newsletter_submit .wpcf7-submit:before {
content: "\f064";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.wpcf7 .newsletter .newsletter_submit .wpcf7-submit:hover {
cursor: pointer;
color: #fff;
background-color: #1ec0ff;
}
.yolo-sc-countdown .countdown-infor {
z-index: 2;
}
.yolo-sc-countdown .countdown-infor .list-time {
text-align: center;
margin: 0;
padding: 0;
}
.yolo-sc-countdown .countdown-infor .list-time span {
position: absolute;
top: 3px;
font-size: 30px;
line-height: 1;
}
.yolo-sc-countdown .countdown-infor .list-time li {
position: relative;
display: inline-block;
text-align: center;
}
.yolo-sc-countdown .countdown-infor .list-time li p {
margin: 0;
font-size: 20px;
font-weight: 500;
}
.yolo-sc-countdown .countdown-infor .list-time li p.countdown-number {
margin: 0 15px 5px;
text-align: center;
font-size: 54px;
line-height: 1;
width: 90px;
border-radius: 50%;
font-family: var(--secondary_font);
color: var(--heading_color);
font-weight: var(--secondary_font_weight);
}
.yolo-sc-countdown .countdown-infor .list-time li p:last-child {
line-height: 1;
color: var(--primary_color);
}
.yolo-sc-text-info p {
margin-top: 0;
}
.yolo-sc-text-info.align-left {
text-align: left;
}
.yolo-sc-text-info.align-center {
text-align: center;
}
.yolo-sc-text-info.align-center .sc-title:after {
right: 0;
margin: 0 auto;
}
.yolo-sc-text-info.align-right {
text-align: right;
}
.yolo-sc-text-info.align-right .sc-title:after {
left: inherit !important;
right: 0;
}
.yolo-sc-text-info .sc-title {
font-size: 32px;
position: relative;
padding-bottom: 15px;
margin: 0 0 30px;
}
.yolo-sc-text-info .sub-title {
margin: 0 0 10px;
font-size: 26px;
}
.yolo-sc-text-info .item-content-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
position: relative;
margin-top: 5px;
}
.yolo-sc-text-info .item-content-wrap .icon-wrap {
margin-right: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.yolo-sc-text-info .item-content-wrap .icon-wrap i {
color: var(--primary_color);
}
.yolo-sc-text-info .content-text {
margin-bottom: 0;
}
.yolo-sc-text-info .yolo-button-wrap {
padding: 45px 0 0px;
}
.yolo-sc-text-info .yolo-button-wrap .button {
text-align: center;
min-width: 200px;
line-height: 1;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
background-color: var(--secondary_color);
padding: 16px 40px;
border-radius: 30px;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
}
.yolo-sc-text-info .yolo-button-wrap .button:focus,
.yolo-sc-text-info .yolo-button-wrap .button:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px var(--primary_color_fade_20);
box-shadow: 3px 9px 10px var(--primary_color_fade_20);
}
.yolo-sc-text-info.style1 .sc-title {
margin-bottom: 35px;
}
.yolo-sc-text-info.style1 .sc-title:after {
content: "";
position: absolute;
width: 75px;
height: 5px;
background: var(--primary_color);
border-radius: 20px;
bottom: 0;
left: 0;
}
.yolo-sc-text-info.style1 .description {
margin-bottom: 1em;
}
.yolo-sc-text-info.style1 .item-content-wrap {
margin-bottom: 10px;
position: relative;
margin-top: 10px;
}
.yolo-sc-text-info.style1 .item-content-wrap .icon-content {
font-weight: 500;
color: var(--heading_color);
}
.yolo-sc-text-info.style2 .item-content-wrap {
background-color: #f0eae380;
color: var(--heading_color);
font-size: 16px;
padding: 10px 0px 10px 0px;
border-radius: 50px 50px 50px 50px;
margin-bottom: 25px;
margin-top: 25px;
letter-spacing: 1px;
}
.yolo-sc-text-info.style2 .item-content-wrap:nth-child(even) {
margin-left: 30px;
margin-right: -30px;
}
@media (max-width: 1300px) {
.yolo-sc-text-info.style2 .item-content-wrap:nth-child(even) {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 480px) {
.yolo-sc-text-info.style2 .item-content-wrap {
margin-bottom: 20px;
margin-top: 20px;
}
}
.yolo-sc-text-info.style2 .item-content-wrap .icon-wrap {
padding-left: 12px;
}
.yolo-sc-text-info.style2 .item-content-wrap .icon {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0px 15px 0px 0px;
-webkit-box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
box-shadow: 5px 4px 13px 0px rgba(102, 207, 169, 0.45);
border-radius: 50%;
color: #fff;
background-color: var(--primary_color);
}
.yolo-sc-text-info.style2 .item-content-wrap .icon-content {
font-weight: 500;
}
.yolo-sc-text-info.style2 .item-content-wrap:hover span {
color: var(--primary_color);
}
.yolo-sc-text-info.style2 .sc-title,
.yolo-sc-text-info.style3 .sc-title {
margin-bottom: 0;
}
.yolo-sc-text-info.style3 .description {
margin-bottom: 1em;
}
.yolo-sc-text-info.style3 .item-content-inner .item-content-wrap {
float: left;
width: 50%;
}
@media (max-width: 480px) {
.yolo-sc-text-info.style3 .item-content-inner .item-content-wrap {
width: 100%;
}
}
.yolo-sc-text-info.style3 .item-content-inner .icon-content {
margin: 0;
color: var(--heading_color);
font-weight: 500;
}
.yolo-sc-text-info.style3 .content-text {
margin-top: 1em;
}
.jhana-title-1 {
position: relative;
font-size: 32px;
text-shadow: 1px 1px #fff;
text-transform: uppercase;
padding-bottom: 30px;
margin-bottom: 30px;
text-align: center;
}
.jhana-title-1:after {
content: '';
position: absolute;
background-image: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/border-image1.png);
width: 254px;
height: 6px;
left: 50%;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
}
.yolo-sc-title {
position: relative;
}
.yolo-sc-title.align-center {
text-align: center;
}
.yolo-sc-title.align-center :after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.yolo-sc-title.align-center .sc-title {
margin-left: auto;
margin-right: auto;
}
.yolo-sc-title.align-center .sc-sub-title {
margin-left: auto;
margin-right: auto;
}
.yolo-sc-title.align-center .sc-desc-title {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 480px) {
.yolo-sc-title.align-center {
padding-right: 7% !important;
padding-left: 7% !important;
}
}
.yolo-sc-title.align-left {
text-align: left;
}
.yolo-sc-title.align-left :after {
left: 0;
}
.yolo-sc-title.align-right {
text-align: right;
}
.yolo-sc-title.align-right .sc-title {
margin-left: auto;
}
.yolo-sc-title.align-right .sc-sub-title {
margin-left: auto;
}
.yolo-sc-title.align-right .sc-desc-title {
margin-left: auto;
}
.yolo-sc-title.align-right :after {
right: 0;
}
.yolo-sc-title .sc-title {
position: relative;
font-size: 42px;
max-width: 600px;
margin-left: -2px;
margin-top: 15px;
}
@media (max-width: 991px) {
.yolo-sc-title .sc-title {
max-width: 630px;
font-size: 44px;
}
}
@media (max-width: 768px) {
.yolo-sc-title .sc-title {
font-size: 36px !important;
max-width: 400px;
}
}
.yolo-sc-title .sc-sub-title {
margin: 0;
margin-bottom: 20px;
letter-spacing: 1px;
font-family: var(--third_font);
font-weight: var(--third_font_weight);
font-size: var(--third_font_size);
color: var(--primary_color);
}
.yolo-sc-title .sc-desc-title {
position: relative;
max-width: 800px;
margin-top: 10px;
text-transform: inherit;
letter-spacing: 0em;
}
@media (max-width: 768px) {
.yolo-sc-title .sc-desc-title {
max-width: 600px;
}
}
.yolo-sc-title.style3 .sc-title {
padding-bottom: 25px;
margin-bottom: 25px;
}
.yolo-sc-title.style3 .sc-title:after {
content: '';
position: absolute;
width: 72px;
height: 5px;
background-color: var(--primary_color);
bottom: 0;
border-radius: 30px;
}
.yolo-sc-title.style2:after {
content: '';
position: absolute;
background-image: url(//www.yogasegrate.it/wp-content/themes/yolo-jhana/assets/images/border-image.png);
width: 150px;
height: 16px;
background-repeat: no-repeat;
margin: 0 auto;
left: 0;
right: 0;
}
.widget .jhana-btn.btn-small {
min-width: auto;
}
.header-customize .jhana-btn {
min-width: 160px;
padding: 16px 20px;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.jhana-btn {
display: inline-block;
position: relative;
line-height: 1;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
background-color: var(--secondary_color);
padding: 16px 40px;
border-radius: 30px;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
min-width: 200px;
text-align: center;
border: none;
margin: 0;
}
.jhana-btn:focus,
.jhana-btn:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px var(--primary_color_fade_20) !important;
box-shadow: 3px 9px 10px var(--primary_color_fade_20) !important;
}
.jhana-btn.btn-small {
padding: 11px 10px;
}
.jhana-btn.jhana-btn-dark {
color: #fff;
background-color: var(--heading_color);
-webkit-box-shadow: 5px 4px 13px 0px rgba(63, 58, 100, 0.4);
box-shadow: 5px 4px 13px 0px rgba(63, 58, 100, 0.4);
}
.jhana-btn.jhana-btn-dark:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px rgba(102, 207, 169, 0.45) !important;
box-shadow: 3px 9px 10px rgba(102, 207, 169, 0.45) !important;
}
.jhana-btn a:focus,
.jhana-btn a.active,
.jhana-btn a:hover {
color: #fff;
}
.sc-button-wrap.align-left {
text-align: left;
}
.sc-button-wrap.align-center {
text-align: center;
}
.sc-button-wrap.align-right {
text-align: right;
}
.sc-button-wrap .jhana-btn.size-small {
font-size: 14px;
padding: 10px 30px;
}
.sc-button-wrap .jhana-btn.size-normal {
font-size: 18px;
padding: 16px 40px;
}
.sc-button-wrap .jhana-btn.size-large {
font-size: 22px;
padding: 20px 50px;
}
.sc-button-wrap .jhana-btn.hover-primary:focus,
.sc-button-wrap .jhana-btn.hover-primary:hover {
color: #fff !important;
background-color: var(--primary_color) !important;
}
.sc-button-wrap .jhana-btn.hover-seconds:focus,
.sc-button-wrap .jhana-btn.hover-seconds:hover {
color: #fff !important;
background-color: var(--primary_color) !important;
}
.sc-button-wrap .jhana-btn.hover-heading:focus,
.sc-button-wrap .jhana-btn.hover-heading:hover {
color: #fff !important;
background-color: var(--heading_color) !important;
}
.sc-button-wrap .jhana-btn.hover-white:focus,
.sc-button-wrap .jhana-btn.hover-white:hover {
color: var(--heading_color) !important;
background-color: #fff !important;
}
.yolo-gallery {
margin-bottom: 90px;
}
.yolo-gallery .yolo-gallery-item {
float: left;
padding: 0;
}
@media screen and (max-width: 768px) {
.yolo-gallery .yolo-gallery-item {
width: 100%;
}
}
@media screen and (min-width: 480px) {
.yolo-gallery .yolo-gallery-item .yolo-img {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.yolo-gallery .yolo-gallery-item .yolo-img {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.yolo-gallery .yolo-gallery-item .yolo-img {
width: 100%;
}
}
.yolo-gallery .yolo-gallery-item .yolo-gallery-content {
position: relative;
display: block;
overflow: hidden;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-gallery .yolo-gallery-item .yolo-gallery-content .yolo-term {
position: absolute;
top: 50%;
font-size: 24px;
line-height: 24px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
margin: 0;
display: inline-block;
width: 100%;
text-align: center;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: scale(0.2) translate(0%, -50%);
-ms-transform: scale(0.2) translate(0%, -50%);
transform: scale(0.2) translate(0%, -50%);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-gallery .yolo-gallery-item .yolo-gallery-content img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
.yolo-gallery .yolo-gallery-item .yolo-gallery-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--primary_color);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0.7;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-gallery .yolo-gallery-item .yolo-gallery-content:hover .yolo-term {
opacity: 1;
-webkit-transform: scale(1) translate(0%, -50%);
-ms-transform: scale(1) translate(0%, -50%);
transform: scale(1) translate(0%, -50%);
}
.yolo-gallery .yolo-gallery-item .yolo-gallery-content:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 0.7;
} .sc-video-player-wrap {
overflow: hidden;
border-radius: 10px;
position: relative;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sc-video-player-wrap:hover .yolo-sc-video-player {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.sc-video-player-wrap:hover .yolo-sc-video-player:before {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.sc-video-player-wrap:hover .yolo-sc-video-player.play-video {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.sc-video-player-wrap:hover .play-button {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.yolo-sc-video-player {
border-radius: 10px;
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.yolo-sc-video-player:before {
border-radius: 10px;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
z-index: 1;
}
.yolo-sc-video-player .play-button-wrap {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.yolo-sc-video-player .play-button {
margin: 0;
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.yolo-sc-video-player .play-button:hover i {
color: var(--primary_color) !important;
}
.yolo-sc-video-player .play-button i {
color: var(--primary_color);
cursor: pointer;
text-align: center;
font-size: 36px;
width: 80px;
height: 80px;
border: 2px solid #fff;
background-color: #fff;
border-radius: 50%;
line-height: 79px;
padding-left: 8px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-animation: shadow-pulse-white 1.5s infinite;
animation: shadow-pulse-white 1.5s infinite;
}
.yolo-sc-video-player .iframe-video-player {
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0;
display: none;
overflow: hidden;
background-color: #000;
}
.yolo-sc-video-player .iframe-video-player iframe {
border: 0;
}
.yolo-sc-video-player .video-close {
right: 5px;
top: 5px;
cursor: pointer;
background: #fff;
z-index: 1;
position: absolute;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
} .yolo-sc-icon-box .sc-icon-box-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.yolo-sc-icon-box .sc-icon-box-wrap.box_style_1 {
margin: 0 15px;
border-radius: 10px;
overflow: hidden;
}
.yolo-sc-icon-box .sc-icon-box-wrap.box_style_1 .owl-stage-outer {
border-radius: 10px;
}
.yolo-sc-icon-box .icon-box-container {
text-align: center;
}
.yolo-sc-icon-box .icon-content .icon-title {
font-size: 20px;
}
.yolo-sc-icon-box .icon-content .icon-title a:hover {
color: var(--primary_color);
}
.yolo-sc-icon-box .icon-btn span:after {
background-color: #fff;
}
.yolo-sc-icon-box .icon-box-wrap {
float: left;
}
.yolo-sc-icon-box .style_1 {
padding: 0;
background-color: var(--primary_color);
}
@media (max-width: 900px) {
.yolo-sc-icon-box .style_1 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-sc-icon-box .style_1:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
}
.yolo-sc-icon-box .style_1:hover:before {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.yolo-sc-icon-box .style_1 .icon-box-container {
position: relative;
z-index: 1;
color: #fff;
padding: 50px 30px 48px;
text-align: left;
border-radius: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-sc-icon-box .style_1 .icon-box-container .icon-title {
list-style: 1;
font-size: 20px;
margin: 30px 0 20px;
color: #fff;
}
.yolo-sc-icon-box .style_1 .icon-box-container .icon-title a:hover {
color: #fff;
}
.yolo-sc-icon-box .style_1 .icon-box-container .icon-inner {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100px;
height: 100px;
border-radius: 100%;
position: relative;
}
.yolo-sc-icon-box .style_1 .icon-box-container .icon-inner:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border: 1px dashed #fff;
top: 0;
left: 0;
}
.yolo-sc-icon-box .style_1 .icon-box-container .icon-inner .icon-wrap {
background: #fff;
border-radius: 100%;
margin: 5px;
position: absolute;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.yolo-sc-icon-box .style_1 .icon-box-container .icon-inner img {
padding: 25px;
}
.yolo-sc-icon-box .style_1 .icon-box-container .btn-readmore {
color: #fff;
margin: 0;
}
.yolo-sc-icon-box .style_1 .icon-box-container .btn-readmore span {
background-color: #fff;
bottom: -2px;
}
.yolo-sc-icon-box .style_1 .icon-box-container:hover .icon-inner:after {
-webkit-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
.yolo-sc-icon-box .style_2 {
padding-bottom: 25px;
margin-bottom: 25px;
}
.yolo-sc-icon-box .style_2:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 900px) {
.yolo-sc-icon-box .style_2:last-child {
padding-bottom: 15px;
}
}
.yolo-sc-icon-box .style_2 .icon-box-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 480px) {
.yolo-sc-icon-box .style_2 .icon-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-top-title {
font-family: var(--third_font);
font-weight: var(--third_font_weight);
font-size: var(--third_font_size);
margin-top: 0;
margin-bottom: 10px;
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-title {
font-size: 36px;
margin: 0px 0 0;
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-description {
margin-top: 15px;
}
.yolo-sc-icon-box .style_2 .icon-box-container .btn-readmore:after {
content: none;
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-inner {
margin-right: 30px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100px;
height: 100px;
border-radius: 100%;
position: relative;
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-inner:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
background-color: #fff;
border-radius: 50%;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-inner .icon-wrap {
background: #fff;
border-radius: 100%;
position: absolute;
width: 100px;
height: 100px;
-webkit-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
transition: all 0.35s linear;
}
.yolo-sc-icon-box .style_2 .icon-box-container .icon-inner img {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
max-width: 70px;
-webkit-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
transition: all 0.35s linear;
}
.yolo-sc-icon-box .style_2 .icon-box-container:hover .icon-wrap {
background-color: var(--primary_color);
}
.yolo-sc-icon-box .style_2 .icon-box-container:hover .icon-wrap img {
-webkit-filter: invert(0) brightness(5);
filter: invert(0) brightness(5);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.yolo-sc-icon-box .style_2 .icon-box-container:hover .icon-inner:after {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
visibility: hidden;
}
@media (max-width: 900px) {
.yolo-sc-icon-box .style_2 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.yolo-sc-icon-box .style_2 .icon-box-container {
padding-bottom: 0;
}
}
.yolo-sc-icon-box .style_3 .icon-box-container .icon-title {
position: relative;
font-size: 26px;
padding-bottom: 20px;
}
.yolo-sc-icon-box .style_3 .icon-box-container .icon-title:after {
position: absolute;
content: '';
width: 0;
height: 10px;
bottom: 0px;
left: 0px;
border-radius: 5px;
background-color: var(--primary_color);
-webkit-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}
.yolo-sc-icon-box .style_3 .icon-box-container:hover .icon-title:after {
width: 100%;
}
.yolo-sc-icon-box .style_3 .icon-box-container .icon-wrap {
margin: auto;
margin-bottom: 30px;
}
@media (max-width: 900px) {
.yolo-sc-icon-box .style_3 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.yolo-sc-icon-box .style_3 .icon-box-container {
padding-bottom: 0;
}
}
.yolo-sc-icon-box .style_4 .icon-box-container .icon-title {
text-transform: uppercase;
}
.yolo-sc-icon-box .style_4 .icon-box-container .icon-wrap {
margin: auto;
margin-bottom: 30px;
}
.yolo-sc-icon-box .style_4 .icon-box-container .number-text {
font-size: 16px;
color: var(--text_color);
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
}
.yolo-sc-icon-box .style_4 .icon-box-container:hover .icon-wrap {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.yolo-sc-icon-box .style_4 .icon-box-container:hover .icon-title a {
color: var(--primary_color) !important;
}
.yolo-sc-icon-box .style_5 .icon-box-container {
padding: 45px 45px 20px;
}
.yolo-sc-icon-box .style_5 .icon-box-container .icon-wrap {
margin: auto;
margin-bottom: 30px;
}
.yolo-sc-icon-box .style_5 .icon-box-container:hover .icon-wrap {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.yolo-sc-icon-box .style_5 .icon-box-container .icon-title {
text-transform: uppercase;
}
@media (max-width: 767px) {
.yolo-sc-icon-box .style_5 .icon-box-container {
margin-top: 15px;
margin-bottom: 15px;
}
}
.yolo-sc-icon-box .style_6 {
padding-bottom: 30px;
margin-bottom: 30px;
}
.yolo-sc-icon-box .style_6 .icon-box-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
}
@media (max-width: 480px) {
.yolo-sc-icon-box .style_6 .icon-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
.yolo-sc-icon-box .style_6 .icon-box-container .icon-top-title {
font-family: var(--third_font);
font-weight: var(--third_font_weight);
font-size: var(--third_font_size);
margin-top: 0;
margin-bottom: 10px;
}
.yolo-sc-icon-box .style_6 .icon-box-container .icon-title {
font-size: 36px;
margin: 0px 0 0;
}
.yolo-sc-icon-box .style_6 .icon-box-container .icon-description {
margin-top: 15px;
}
.yolo-sc-icon-box .style_6 .icon-box-container .btn-readmore:after {
content: none;
}
.yolo-sc-icon-box .style_6 .icon-box-container .icon-inner {
margin-right: 20px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 100%;
position: relative;
}
.yolo-sc-icon-box .style_6 .icon-box-container .icon-inner .icon-wrap {
border-radius: 100%;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 480px) {
.yolo-sc-icon-box .style_6 .icon-box-container .icon-inner .icon-wrap {
margin: 0 auto;
margin-bottom: 30px;
}
}
.yolo-sc-icon-box .style_6 .icon-box-container .icon-inner .icon-wrap img {
width: 100%;
height: 100%;
}
.yolo-sc-icon-box .style_6 .icon-box-container:hover .icon-wrap {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@media (min-width: 900px) and (max-width: 1200px) {
.yolo-sc-icon-box .style_6.col-md-4 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 900px) {
.yolo-sc-icon-box .style_6 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.yolo-sc-icon-box .style_6 .icon-box-container {
padding-bottom: 0;
}
}
.yolo-sc-icon-box .style_7 {
padding-bottom: 40px;
}
@media (min-width: 900px) and (max-width: 1440px) {
.yolo-sc-icon-box .style_7.col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
.yolo-sc-icon-box .style_7 .icon-box-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
border: 1px solid #eeeeee;
border-radius: 10px;
padding: 30px 30px 28px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
@media (max-width: 1440px) {
.yolo-sc-icon-box .style_7 .icon-box-container {
padding: 25px 20px;
}
}
@media (max-width: 480px) {
.yolo-sc-icon-box .style_7 .icon-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
.yolo-sc-icon-box .style_7 .icon-box-container .icon-top-title {
font-family: var(--third_font);
font-weight: var(--third_font_weight);
font-size: var(--third_font_size);
margin-top: 0;
margin-bottom: 10px;
}
.yolo-sc-icon-box .style_7 .icon-box-container .icon-title {
font-size: 36px;
margin: 0px 0 0;
}
@media (max-width: 1440px) {
.yolo-sc-icon-box .style_7 .icon-box-container .icon-title {
font-size: 22px !important;
}
}
.yolo-sc-icon-box .style_7 .icon-box-container .icon-description {
margin-top: 5px;
margin-bottom: 0;
}
.yolo-sc-icon-box .style_7 .icon-box-container .btn-readmore:after {
content: none;
}
.yolo-sc-icon-box .style_7 .icon-box-container .icon-inner {
margin-top: 5px;
margin-right: 30px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 100%;
position: relative;
}
@media (max-width: 1440px) {
.yolo-sc-icon-box .style_7 .icon-box-container .icon-inner {
margin-right: 20px;
}
}
.yolo-sc-icon-box .style_7 .icon-box-container .icon-inner .icon-wrap {
border-radius: 100%;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1440px) {
.yolo-sc-icon-box .style_7 .icon-box-container .icon-inner .icon-wrap {
width: 45px !important;
height: 45px !important;
}
}
@media (max-width: 480px) {
.yolo-sc-icon-box .style_7 .icon-box-container .icon-inner .icon-wrap {
margin: 0 auto;
margin-bottom: 30px;
}
}
.yolo-sc-icon-box .style_7 .icon-box-container .icon-inner .icon-wrap img {
width: 100%;
height: 100%;
}
.yolo-sc-icon-box .style_7 .icon-box-container:hover {
background-color: var(--primary_color);
color: #fff;
}
.yolo-sc-icon-box .style_7 .icon-box-container:hover .icon-title {
color: #fff;
}
.yolo-sc-icon-box .style_7 .icon-box-container:hover .icon-wrap img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
@media (min-width: 900px) and (max-width: 1200px) {
.yolo-sc-icon-box .style_7.col-md-4 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 900px) {
.yolo-sc-icon-box .style_7 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-sc-class-featured-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 700px) {
.yolo-sc-class-featured-tab {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.yolo-sc-class-featured-tab .loop-thumb {
width: 40%;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 700px) {
.yolo-sc-class-featured-tab .loop-thumb {
width: 100%;
margin-bottom: 30px;
}
}
.yolo-sc-class-featured-tab .loop-thumb .item {
border-bottom: 1px solid #eee;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.yolo-sc-class-featured-tab .loop-thumb .item img {
-o-object-fit: contain;
object-fit: contain;
padding-right: 20px;
}
@media (max-width: 768px) {
.yolo-sc-class-featured-tab .loop-thumb .item img {
display: none;
}
}
@media (max-width: 700px) {
.yolo-sc-class-featured-tab .loop-thumb .item img {
display: block;
}
}
.yolo-sc-class-featured-tab .loop-thumb .item:last-child {
border-bottom: none;
}
.yolo-sc-class-featured-tab .loop-thumb .item:first-child a {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.yolo-sc-class-featured-tab .loop-thumb .item.active a {
opacity: 1;
background: #fff;
}
.yolo-sc-class-featured-tab .loop-thumb .item.active .title {
color: var(--primary_color);
}
.yolo-sc-class-featured-tab .loop-thumb .item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 30px 25px;
opacity: 0.5;
}
@media (max-width: 900px) {
.yolo-sc-class-featured-tab .loop-thumb .item a {
padding: 15px;
}
}
.yolo-sc-class-featured-tab .loop-thumb .item a .thumb-title {
display: block;
position: relative;
width: 100%;
color: var(--text_color);
}
.yolo-sc-class-featured-tab .loop-thumb .item a .thumb-title .title {
font-size: 24px;
line-height: 1;
display: block;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
margin-bottom: 5px;
margin-top: 5px;
}
.yolo-sc-class-featured-tab .loop-thumb .item a .thumb-title .title:hover {
color: var(--primary_color);
}
.yolo-sc-class-featured-tab .loop-thumb .item a .thumb-title i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -15px;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
line-height: 20px;
}
.yolo-sc-class-featured-tab .loop-thumb .item a .thumb-title .thumb-desc {
line-height: 1;
}
.yolo-sc-class-featured-tab .loop-thumb .item:hover {
background: #fff;
-webkit-box-shadow: 5px 0px 12px 5px #eee;
box-shadow: 5px 0px 12px 5px #eee;
}
.yolo-sc-class-featured-tab .loop-thumb .item:hover:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.yolo-sc-class-featured-tab .loop-content {
width: 60%;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 700px) {
.yolo-sc-class-featured-tab .loop-content {
width: 100%;
margin-bottom: 10%;
}
}
.yolo-sc-class-featured-tab .loop-content .loop-content-wrap {
display: none;
}
.yolo-sc-class-featured-tab .loop-content .loop-content-wrap.active {
display: block;
}
.yolo-sc-class-featured-tab .loop-item-feature {
display: block;
position: relative;
}
.yolo-sc-class-featured-tab .loop-item-feature .title {
color: var(--primary_color);
}
.yolo-sc-class-featured-tab .loop-item-feature .category {
display: block;
font-weight: bold;
}
.yolo-sc-class-featured-tab .loop-item-feature img {
width: 100%;
border-radius: 15px;
}
.yolo-sc-class-featured-tab .loop-item-feature .description {
margin-bottom: 10px;
}
@media (max-width: 991px) {
.yolo-sc-class-featured-tab .loop-item-feature .description {
max-height: 5em;
overflow: hidden;
}
}
.yolo-sc-class-featured-tab .loop-item-feature .loop-item-feature-content {
background-color: #fff;
position: absolute;
bottom: -25%;
max-width: 90%;
right: 5%;
left: 5%;
padding: 30px 30px;
border-radius: 10px;
-webkit-box-shadow: 1px 6px 5px -3px #dedede;
box-shadow: 1px 6px 5px -3px #dedede;
}
.btn-readmore-wrap.countdown {
display: inline-block;
color: #fff;
margin-top: 10px;
}
.btn-readmore-wrap.countdown .btn-readmore span {
background-color: #fff;
}
.btn-readmore-wrap a:hover {
color: var(--primary_color) !important;
}
.btn-readmore-wrap i {
font-size: 10px;
}
.btn-readmore-wrap .btn-readmore {
padding: 1px 0;
color: inherit;
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform ease 0.3s;
transition: -webkit-transform ease 0.3s;
-o-transition: transform ease 0.3s;
transition: transform ease 0.3s;
transition: transform ease 0.3s, -webkit-transform ease 0.3s;
letter-spacing: 1px;
}
.btn-readmore-wrap .btn-readmore.btn-readmore-primary {
color: var(--primary_color);
}
.btn-readmore-wrap .btn-readmore.btn-readmore-primary:after {
background-color: var(--primary_color);
}
.btn-readmore-wrap .btn-readmore.btn-readmore-primary span {
background-color: var(--primary_color);
}
.btn-readmore-wrap .btn-readmore.btn-readmore-heading {
color: var(--heading_color);
}
.btn-readmore-wrap .btn-readmore.btn-readmore-heading:after {
background-color: var(--primary_color);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.btn-readmore-wrap .btn-readmore.btn-readmore-heading:before {
opacity: 1;
right: -20px;
}
.btn-readmore-wrap .btn-readmore span {
height: 1px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
border-radius: 2px;
background-color: #fff;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
margin: 0;
}
.btn-readmore-wrap .btn-readmore:before {
opacity: 0;
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
font-style: normal;
position: absolute;
top: 2px;
right: 0;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.btn-readmore-wrap .btn-readmore:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #eee;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform 0.3s ease-in;
transition: -webkit-transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.btn-readmore-wrap:hover .btn-readmore {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
.btn-readmore-wrap:hover .btn-readmore.btn-readmore-heading {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
color: var(--primary_color);
}
.btn-readmore-wrap:hover .btn-readmore.btn-readmore-heading:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.btn-readmore-wrap:hover .btn-readmore.btn-readmore-heading:before {
right: -15px;
}
.btn-readmore-wrap:hover .btn-readmore span {
width: 0;
}
.btn-readmore-wrap:hover .btn-readmore:before {
opacity: 1;
right: -19px;
}
.btn-readmore-wrap:hover .btn-readmore:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
@media (max-width: 768px) {
.yolo-sc-contact-info {
margin-bottom: 60px;
}
}
.yolo-sc-contact-info .contact-info-title {
text-transform: uppercase;
}
.yolo-sc-contact-info .contact-info-desc {
margin-bottom: 15px;
}
.yolo-sc-contact-info .icon-wrap {
max-width: 100px;
}
.yolo-sc-contact-info .icon-wrap img {
border-radius: 50%;
max-height: 60px;
}
.yolo-sc-contact-info.style1 .contact-info-item {
width: 100%;
}
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content .icon-wrap {
line-height: 1;
padding-right: 10px;
}
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content .icon-wrap span {
text-align: center;
}
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content .icon-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content .icon-content .icon-label {
padding-right: 3px;
}
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content .icon-content .icon-label,
.yolo-sc-contact-info.style1 .contact-info-item .info-item-content .icon-content .icon-content {
line-height: 1;
font-size: var(--primary_font_size);
margin: 0;
font-family: var(--primary_font);
}
.yolo-sc-contact-info.style1 .contact-info-social {
display: block;
position: relative;
width: 100%;
}
.yolo-sc-contact-info.style1 .contact-info-social ul.icon-list {
position: relative;
right: 0;
margin: 0;
padding: 0;
}
.yolo-sc-contact-info.style1 .contact-info-social ul.icon-list li.icon-item {
list-style: none;
display: inline-block;
float: left;
text-align: center;
margin-right: 20px;
}
.yolo-sc-contact-info.style1 .contact-info-social ul.icon-list li.icon-item i {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 13px;
border-radius: 50%;
background-color: var(--heading_color);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}
.yolo-sc-contact-info.style1 .contact-info-social ul.icon-list li.icon-item:hover {
opacity: 0.7;
}
.yolo-sc-contact-info.style1 .contact-info-social ul.icon-list li.icon-item:hover i {
background: var(--primary_color);
}
.yolo-sc-contact-info.style2 .info-item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-contact-info.style2 .info-item-content:last-child {
margin-bottom: 0;
}
.yolo-sc-contact-info.style2 .info-item-content .icon-wrap {
padding-right: 25px;
}
.yolo-sc-contact-info.style2 .info-item-content .icon-label,
.yolo-sc-contact-info.style2 .info-item-content .icon-content {
margin: 0px;
}
.yolo-sc-timeline .line {
height: 5px;
width: 100%;
background: var(--primary_color);
position: absolute;
top: 50%;
border-radius: 5px;
display: block;
}
@media (max-width: 768px) {
.yolo-sc-timeline .line {
height: 100%;
width: 5px;
top: 0;
}
}
.yolo-sc-timeline ul {
list-style-type: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media (max-width: 768px) {
.yolo-sc-timeline ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.yolo-sc-timeline ul li {
width: 190px;
height: 150px;
float: left;
}
@media (max-width: 991px) {
.yolo-sc-timeline ul li {
width: 160px;
}
}
@media (max-width: 768px) {
.yolo-sc-timeline ul li {
width: 100%;
height: 100px;
}
.yolo-sc-timeline ul li:last-child {
height: 50px;
}
}
.yolo-sc-timeline ul li .item {
position: absolute;
width: 190px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
@media (max-width: 991px) {
.yolo-sc-timeline ul li .item {
width: 160px;
}
}
@media (max-width: 768px) {
.yolo-sc-timeline ul li .item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding-left: 30px;
width: 100%;
font-size: inherit;
}
}
.yolo-sc-timeline ul li .item:before,
.yolo-sc-timeline ul li .item:after {
content: "";
width: 20px;
height: 20px;
background-color: var(--heading_color);
border-radius: 50%;
border: 5px solid #fff;
}
@media (max-width: 768px) {
.yolo-sc-timeline ul li .item:before,
.yolo-sc-timeline ul li .item:after {
position: absolute;
left: -7px;
top: 0px !important;
}
}
.yolo-sc-timeline ul li .item .item-year {
font-size: 26px;
color: var(--heading_color);
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
line-height: 1;
}
.yolo-sc-timeline ul li:nth-child(even) .item {
bottom: -11px;
}
.yolo-sc-timeline ul li:nth-child(even) .item .item-year {
margin: 15px 0 5px;
}
@media (max-width: 768px) {
.yolo-sc-timeline ul li:nth-child(even) .item .item-year {
margin: 0;
}
}
.yolo-sc-timeline ul li:nth-child(even) .item:before {
top: -15px;
}
.yolo-sc-timeline ul li:nth-child(even) .item:after {
display: none;
}
.yolo-sc-timeline ul li:nth-child(odd) .item {
top: -6px;
}
.yolo-sc-timeline ul li:nth-child(odd) .item .item-title {
margin: 5px 0 15px;
}
@media (max-width: 768px) {
.yolo-sc-timeline ul li:nth-child(odd) .item .item-title {
margin: 0;
}
}
.yolo-sc-timeline ul li:nth-child(odd) .item:before {
display: none;
}
.yolo-sc-timeline ul li:nth-child(odd) .item:after {
top: -15px;
}
.yolo-sc-experience.yolo-sc-experience .item-experience .icon-title {
padding: 10px 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-experience.yolo-sc-experience .item-experience .icon-title .icon-item {
max-width: 30px;
margin-right: 15px;
}
.yolo-sc-experience.yolo-sc-experience .item-experience .icon-title .title-item {
margin: 0;
color: #fff;
}
.yolo-sc-experience.yolo-sc-experience .item-experience .icon-title:hover {
cursor: pointer;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.yolo-sc-experience.yolo-sc-experience .item-experience .description-item {
background-color: #EBF1F9;
margin: 0;
padding: 25px 30px;
}
.yolo-sc-our-skill .title-skill {
color: var(--primary_color);
}
.yolo-sc-our-skill .item-skill {
position: relative;
margin-bottom: 45px;
}
.yolo-sc-our-skill .item-skill:last-child {
margin-bottom: 0;
}
.yolo-sc-our-skill .item-skill .title-item {
font-size: 18px;
margin-bottom: 5px;
}
.yolo-sc-our-skill .item-skill .skill-value {
position: absolute;
right: 0;
top: 0;
font-weight: 600;
margin-bottom: 5px;
}
.yolo-sc-our-skill .item-group .yolo-progress-bar {
position: relative;
height: 6px;
width: 100%;
background-color: #eaeaea;
border-radius: 6px;
}
.yolo-sc-our-skill .item-group .yolo-progress-bar .yolo-bar {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
border-radius: 5px;
}
.yolo-sc-contact-form div.wpcf7-validation-errors,
.yolo-sc-contact-form div.wpcf7-acceptance-missing {
border: none;
padding: 0;
color: var(--primary_color);
}
@media screen and (min-width: 768px) {
.yolo-sc-contact-form.style1 {
height: 305px;
}
}
@media screen and (min-width: 1300px) {
.yolo-sc-contact-form.style1 {
height: 100%;
}
}
.yolo-sc-contact-form.style1 form input[type="text"],
.yolo-sc-contact-form.style1 form input[type="email"],
.yolo-sc-contact-form.style1 form textarea {
background-color: transparent;
border-bottom: 1px solid var(--text_color_fade_50);
padding-left: 0px;
resize: none;
width: 100%;
margin: 6px 0px;
border-radius: 0;
}
.yolo-sc-contact-form.style1 form input[type="text"]:focus,
.yolo-sc-contact-form.style1 form input[type="email"]:focus,
.yolo-sc-contact-form.style1 form textarea:focus {
border-color: var(--primary_color);
}
.yolo-sc-contact-form.style1 form textarea {
height: 120px;
}
.yolo-sc-contact-form.style1 form ::-webkit-input-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style1 form :-moz-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style1 form ::-moz-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style1 form :-ms-input-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style1 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 30px;
}
.yolo-sc-contact-form.style1 .wpcf7-form-control-wrap .wpcf7-list-item {
margin: 0 0 0 0;
line-height: 1;
}
.yolo-sc-contact-form.style1 .wpcf7-list-item-label {
font-weight: 600;
}
.yolo-sc-contact-form.style1 .wpcf7-list-item-label a {
text-decoration: underline;
}
.yolo-sc-contact-form.style1 .wpcf7-submit {
border: none;
line-height: 1;
visibility: visible;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
background-color: var(--secondary_color);
padding: 16px 40px;
border-radius: 30px;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
}
.yolo-sc-contact-form.style1 .wpcf7-submit:focus,
.yolo-sc-contact-form.style1 .wpcf7-submit:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px var(--primary_color_fade_20);
box-shadow: 3px 9px 10px var(--primary_color_fade_20);
}
.yolo-sc-contact-form.style2 form input[type="text"],
.yolo-sc-contact-form.style2 form input[type="email"],
.yolo-sc-contact-form.style2 form textarea {
display: block;
width: 100%;
border: none;
background-color: #f2f2f2;
height: 54px;
padding: 17px 25px;
border-radius: 30px;
}
.yolo-sc-contact-form.style2 form textarea {
min-height: 135px;
border-radius: 10px;
}
.yolo-sc-contact-form.style2 form ::-webkit-input-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style2 form :-moz-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style2 form ::-moz-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style2 form :-ms-input-placeholder {
color: var(--text_color); opacity: 1;
}
.yolo-sc-contact-form.style2 form .button-submit {
text-align: center;
}
.yolo-sc-contact-form.style2 form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 30px;
}
.yolo-sc-contact-form.style2 form .wpcf7-form-control-wrap .wpcf7-list-item {
margin: 0 0 0 0;
line-height: 1;
}
.yolo-sc-contact-form.style2 form .wpcf7-list-item-label {
font-weight: 600;
}
.yolo-sc-contact-form.style2 form .wpcf7-list-item-label a {
text-decoration: underline;
}
.yolo-sc-contact-form.style2 form .wpcf7-submit {
border: none;
line-height: 1;
visibility: visible;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
color: #fff;
background-color: var(--secondary_color);
padding: 16px 40px;
border-radius: 30px;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
box-shadow: 5px 4px 13px 0px var(--secondary_color_fade_20);
}
.yolo-sc-contact-form.style2 form .wpcf7-submit:focus,
.yolo-sc-contact-form.style2 form .wpcf7-submit:hover {
color: #fff;
background-color: var(--primary_color);
-webkit-box-shadow: 3px 9px 10px var(--primary_color_fade_20);
box-shadow: 3px 9px 10px var(--primary_color_fade_20);
}
.align-center .mc4wp-form {
margin-left: auto;
margin-right: auto;
}
.align-left .mc4wp-form {
margin-right: auto;
}
@media (max-width: 900px) {
.align-left .mc4wp-form input[type="submit"] {
margin-left: 0 !important;
}
}
.align-right .mc4wp-form {
margin-left: auto;
}
@media (max-width: 900px) {
.align-right .mc4wp-form input[type="submit"] {
margin-right: 0 !important;
}
}
.mc4wp-form {
max-width: 450px;
}
.mc4wp-form .mc4wp-alert {
margin-top: 10px;
font-size: calc(var(--primary_font_size) - 1px);
color: #d9534f;
text-align: center;
}
.entry-content .mc4wp-form input[type="submit"] {
height: 50px;
padding: 10px 35px;
border-radius: 0 50px 50px 0;
border: none;
background-color: var(--secondary_color);
color: #fff;
line-height: 1;
font-size: 18px;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
@media (max-width: 900px) {
.entry-content .mc4wp-form input[type="submit"] {
border-radius: 50px;
margin: 0 auto;
margin-top: 20px;
}
}
.entry-content .mc4wp-form input[type="submit"]:hover {
background-color: var(--primary_color);
}
.entry-content .mc4wp-form .mc4wp-form-fields {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 900px) {
.entry-content .mc4wp-form .mc4wp-form-fields {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
}
}
.entry-content .mc4wp-form input[type="email"] {
padding-left: 30px;
padding-right: 30px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
color: var(--text_color);
font-weight: var(--primary_font_weight);
border-style: solid;
border-color: var(--heading_color_fade_50);
background-color: #fff;
border-width: 1px 0 1px 1px;
border-radius: 50px 0 0 50px;
height: 50px;
}
@media (max-width: 900px) {
.entry-content .mc4wp-form input[type="email"] {
width: 100%;
border-radius: 50px;
border-width: 1px;
}
}
.entry-content .mc4wp-form input[type="email"]:focus {
border-color: var(--primary_color);
background-color: #fff;
}
.sc-activity-wrap {
margin: 0;
}
.yolo-sc-activity {
position: relative;
padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-sc-activity.col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
.yolo-sc-activity:before {
content: '';
width: 5px;
height: 35px;
left: 0;
top: 15px;
position: absolute;
background-color: var(--primary_color);
border-radius: 10px;
}
.yolo-sc-activity .activity-item {
cursor: pointer;
z-index: 2;
position: relative;
}
.yolo-sc-activity .activity-item p {
margin-top: 0;
}
.yolo-sc-activity .activity-item .title {
font-size: 26px;
margin-top: 16px;
display: inline-block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
}
.yolo-sc-activity .activity-item .title:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: var(--primary_color);
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.yolo-sc-activity .activity-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.yolo-sc-activity .number-bg {
position: absolute;
z-index: 1;
top: 15px;
font-size: 47px;
line-height: 35px;
right: 35px;
margin: 0;
color: #ddd;
}
.yolo-sc-activity:hover .activity-item .title {
color: var(--primary_color);
}
.yolo-sc-activity:hover .activity-item .title:after {
width: 100%;
}
.yolo-3d-gallery {
margin-bottom: 28px;
}
.yolo-3d-gallery .elasticstack {
position: relative;
margin: 0px auto;
padding: 0;
max-width: 400px;
width: 100%;
height: 500px;
list-style: none;
-webkit-perspective: 1000px;
-webkit-perspective-origin: 50% 150%;
perspective: 1000px;
perspective-origin: 50% 150%;
}
@media (max-width: 1024px) {
.yolo-3d-gallery .elasticstack {
max-width: 350px;
height: 520px;
}
}
@media (max-width: 768px) {
.yolo-3d-gallery .elasticstack {
max-width: 400px;
height: 500px;
}
}
.yolo-3d-gallery .elasticstack li {
border-radius: 10px;
position: absolute;
z-index: 1;
width: 100%;
height: 500px;
border-width: 15px;
border-style: solid;
border-color: #fff;
-webkit-box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.1);
opacity: 0;
cursor: move;
-webkit-transform: translate3d(0, 0, -180px);
transform: translate3d(0, 0, -180px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
overflow: hidden;
}
@media (max-width: 1024px) {
.yolo-3d-gallery .elasticstack li {
height: 520px;
}
}
@media (max-width: 768px) {
.yolo-3d-gallery .elasticstack li {
height: 500px;
}
}
.yolo-3d-gallery .elasticstack li:hover .image-elastickstack {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.yolo-3d-gallery .elasticstack li .image-elastickstack {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.yolo-3d-gallery .elasticstack li h5 {
margin: 0 5px;
color: #143f51;
height: 60px;
text-align: right;
font-size: 1.4em;
font-family: "Sacramento", cursive;
line-height: 60px;
}
.yolo-3d-gallery .elasticstack li.animate {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.yolo-3d-gallery .elasticstack li.move-back { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1.515);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1.515);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1.515);
}
.sc-item-info-wrap {
width: 100%;
}
.sc-item-info-wrap .sc-item-info {
float: left;
}
@media (max-width: 900px) {
.sc-item-info-wrap .sc-item-info {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-sc-item-info {
display: table;
position: relative;
width: 100%;
border-radius: 5px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-item-info img {
max-width: 80px;
}
.yolo-sc-item-info:hover {
opacity: 0.6;
}
.yolo-sc-item-info:hover .item-title:after {
width: 150px;
opacity: 0.8;
}
.yolo-sc-item-info a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.yolo-sc-item-info .item-title {
display: inline-block;
color: #fff;
margin: 0;
padding: 30px 40px;
font-size: 30px;
}
.yolo-sc-item-info .item-title:after {
content: "";
position: absolute;
bottom: 20px;
left: 40px;
width: 0;
height: 5px;
background-color: #fff;
border-radius: 5px;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-item-info .item-icon {
position: absolute;
right: 0;
bottom: 0;
}
.yolo-sc-clients .client-item img {
opacity: 0.5;
width: auto !important;
margin: 0 auto;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
max-height: 120px;
}
.yolo-sc-clients .client-item:hover img {
opacity: 1;
}
@-webkit-keyframes loop-move-vertical {
0% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
}
@keyframes loop-move-vertical {
0% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
}
.loop-move-vertical {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: 3s loop-move-vertical linear infinite alternate;
animation: 3s loop-move-vertical linear infinite alternate;
}
@-webkit-keyframes loop-move-horizontal {
0% {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
}
@keyframes loop-move-horizontal {
0% {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
}
.loop-move-horizontal {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: 3s loop-move-horizontal linear infinite alternate;
animation: 3s loop-move-horizontal linear infinite alternate;
}
@-webkit-keyframes loop-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes loop-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.loop-rotate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: 3s loop-rotate linear infinite;
animation: 3s loop-rotate linear infinite;
}
.elementor-element-editable.elementor-widget-yolo-image-layers .artboard {
outline: 2px dashed #d5dadf;
}
.elementor-widget-yolo-image-layers .elementor-widget-container {
font-size: 0;
}
.elementor-widget-yolo-image-layers .artboard {
display: inline-block;
max-width: 100%;
max-height: 100%;
}
.elementor-widget-yolo-image-layers .layers-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.elementor-widget-yolo-image-layers .layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementor-widget-yolo-image-layers .static-layer {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
} .sc-trainer-desire-wrap .sc-trainer-desire-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
@media (max-width: 900px) {
.sc-trainer-desire-wrap .col-sm-6 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.sc-trainer-desire-wrap .yolo-sc-trainer-desire {
margin-bottom: 30px;
}
.sc-trainer-desire-wrap .owl-dots {
margin-top: 0;
}
}
.yolo-sc-trainer-desire {
position: relative;
overflow: hidden;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border-radius: 10px;
}
.yolo-sc-trainer-desire:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
z-index: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-trainer-desire > img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.yolo-sc-trainer-desire .desire-icon {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
padding-top: 30px;
}
.yolo-sc-trainer-desire .desire-icon i,
.yolo-sc-trainer-desire .desire-icon svg {
margin: 0 auto;
width: 1em;
height: 1em;
position: relative;
display: block;
}
.yolo-sc-trainer-desire .desire-icon img {
width: auto !important;
max-width: 60px;
margin: 0 auto;
}
.yolo-sc-trainer-desire .desire-content {
text-align: center;
position: absolute;
width: 140%;
z-index: 1;
bottom: -50px;
padding-bottom: 50px;
left: -20%;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-trainer-desire .btn-readmore-wrap {
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-trainer-desire .btn-readmore-wrap .btn-readmore span {
background-color: #fff;
}
.yolo-sc-trainer-desire .desire-title {
color: #ffffff;
}
.yolo-sc-trainer-desire .desire-title {
padding: 0 19%;
padding-bottom: 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-trainer-desire:hover {
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
}
.yolo-sc-trainer-desire:hover .btn-readmore-wrap {
bottom: 30px;
}
.yolo-sc-trainer-desire:hover:before {
opacity: 1;
}
.yolo-sc-trainer-desire:hover .desire-bg-thumb {
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform: scale3d(1.07, 1.07, 1.07);
}
.yolo-sc-trainer-desire:hover .desire-content {
bottom: -1%;
}
.yolo-sc-testimonials {
margin-left: -20px;
margin-right: -20px;
}
@media (max-width: 1300px) {
.yolo-sc-testimonials {
margin-left: -10px;
margin-right: -10px;
}
}
.yolo-sc-testimonials .testimonial-item-inner {
margin: 0;
padding: 0;
}
.yolo-sc-testimonials .testimonial-item-inner .owl-dots {
margin: 0;
}
.yolo-sc-testimonials .testimonial-item-wrap {
padding-left: 20px;
padding-right: 20px;
float: left;
margin-bottom: 40px;
}
@media (max-width: 1300px) {
.yolo-sc-testimonials .testimonial-item-wrap {
padding-left: 10px;
padding-right: 10px;
}
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item {
display: block;
position: relative;
padding: 30px 40px 40px;
overflow: hidden;
background-color: #fff;
border-radius: 10px;
border-width: 0px;
-webkit-box-shadow: 5px 4px 20px 0 rgba(219, 228, 227, 0.5);
box-shadow: 5px 4px 20px 0 rgba(219, 228, 227, 0.5);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item .item-title {
margin-top: 10px;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item .testimonial-author-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item .testimonial-author-wrap .testimonial-author-image {
width: 55px;
height: 55px;
float: left;
margin-right: 30px;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item .testimonial-author-wrap .testimonial-author-image img {
height: 100%;
border-radius: 50%;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item .testimonial-author-wrap .testimonial-title {
font-size: 18px;
line-height: 1;
margin-top: 0;
margin-bottom: 10px;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item .testimonial-author-wrap .testimonial-position {
color: var(--primary_color);
line-height: 1;
}
.yolo-sc-testimonials .testimonial-item-wrap .testimonial-item:hover {
-webkit-box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.11);
}