@charset "UTF-8";
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@-webkit-keyframes animatedBackground {
from {
background-position: 0 100%;
} to {
background-position: -500px 100%;
}
}
@keyframes animatedBackground {
from {
background-position: 0 100%;
} to {
background-position: -500px 100%;
}
}
.owl-carousel .owl-dots div {
display: inline-block;
position: relative;
height: 12px;
margin: 0 5px;
width: 10px;
}
.owl-carousel .owl-dots div span {
background-color: #ccc;
border-radius: 50%;
display: inline-block;
height: 12px;
position: absolute;
top: 0;
width: 12px;
}
.owl-carousel .owl-dots div.active span,
.owl-carousel .owl-dots div:hover span {
background-color: var(--primary_color);
}
@supports (--css:variables) {
:root {
--primary_color: #FFA800;
}
}
@-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 hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-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;
}
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
.site {
position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 600;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #333333;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Quicksand';
font-weight: bold;
line-height: 1.2;
color: #333;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #a8a8a8;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: 0.2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #a8a8a8;
}
.text-primary {
color: #FFA800;
}
a.text-primary:hover,
a.text-primary:focus {
color: #cc8600;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #FFA800;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #cc8600;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #a8a8a8;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #a8a8a8;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.yolo-clear-both {
clear: both;
}
.yolo-container {
margin-right: auto;
margin-left: auto;
width: 100%;
padding-left: 1.07142857em;
padding-right: 1.07142857em;
}
@media (min-width: 768px) {
.yolo-container {
max-width: 722.14285714px;
width: 100%;
}
}
@media (min-width: 992px) {
.yolo-container {
max-width: 942.14285714px;
width: 100%;
}
}
@media (min-width: 1200px) {
.yolo-container {
max-width: 1172.14285714px;
width: 100%;
}
}
.yolo-container-fluid {
margin-right: auto;
margin-left: auto;
width: 100%;
padding-left: 1.07142857em;
padding-right: 1.07142857em;
}
.yolo-row {
margin-left: -1em;
margin-right: -1em;
}
.yolo-xs-1,
.yolo-sm-1,
.yolo-md-1,
.yolo-lg-1,
.yolo-xs-2,
.yolo-sm-2,
.yolo-md-2,
.yolo-lg-2,
.yolo-xs-3,
.yolo-sm-3,
.yolo-md-3,
.yolo-lg-3,
.yolo-xs-4,
.yolo-sm-4,
.yolo-md-4,
.yolo-lg-4,
.yolo-xs-5,
.yolo-sm-5,
.yolo-md-5,
.yolo-lg-5,
.yolo-xs-6,
.yolo-sm-6,
.yolo-md-6,
.yolo-lg-6,
.yolo-xs-7,
.yolo-sm-7,
.yolo-md-7,
.yolo-lg-7,
.yolo-xs-8,
.yolo-sm-8,
.yolo-md-8,
.yolo-lg-8,
.yolo-xs-9,
.yolo-sm-9,
.yolo-md-9,
.yolo-lg-9,
.yolo-xs-10,
.yolo-sm-10,
.yolo-md-10,
.yolo-lg-10,
.yolo-xs-11,
.yolo-sm-11,
.yolo-md-11,
.yolo-lg-11,
.yolo-xs-12,
.yolo-sm-12,
.yolo-md-12,
.yolo-lg-12 {
position: relative;
min-height: 1px;
padding-left: 1em;
padding-right: 1em;
}
.yolo-xs-1,
.yolo-xs-2,
.yolo-xs-3,
.yolo-xs-4,
.yolo-xs-5,
.yolo-xs-6,
.yolo-xs-7,
.yolo-xs-8,
.yolo-xs-9,
.yolo-xs-10,
.yolo-xs-11,
.yolo-xs-12 {
float: left;
}
.yolo-xs-12 {
width: 100%;
}
.yolo-xs-11 {
width: 91.66%;
}
.yolo-xs-10 {
width: 83.33%;
}
.yolo-xs-9 {
width: 75%;
}
.yolo-xs-8 {
width: 66.66%;
}
.yolo-xs-7 {
width: 58.33%;
}
.yolo-xs-6 {
width: 50%;
}
.yolo-xs-5 {
width: 41.66%;
}
.yolo-xs-4 {
width: 33.33%;
}
.yolo-xs-3 {
width: 25%;
}
.yolo-xs-2 {
width: 16.66%;
}
.yolo-xs-1 {
width: 8.33%;
}
.yolo-xs-pull-12 {
right: 100%;
}
.yolo-xs-pull-11 {
right: 91.66666667%;
}
.yolo-xs-pull-10 {
right: 83.33333333%;
}
.yolo-xs-pull-9 {
right: 75%;
}
.yolo-xs-pull-8 {
right: 66.66666667%;
}
.yolo-xs-pull-7 {
right: 58.33333333%;
}
.yolo-xs-pull-6 {
right: 50%;
}
.yolo-xs-pull-5 {
right: 41.66666667%;
}
.yolo-xs-pull-4 {
right: 33.33333333%;
}
.yolo-xs-pull-3 {
right: 25%;
}
.yolo-xs-pull-2 {
right: 16.66666667%;
}
.yolo-xs-pull-1 {
right: 8.33333333%;
}
.yolo-xs-pull-0 {
right: auto;
}
.yolo-xs-push-12 {
left: 100%;
}
.yolo-xs-push-11 {
left: 91.66666667%;
}
.yolo-xs-push-10 {
left: 83.33333333%;
}
.yolo-xs-push-9 {
left: 75%;
}
.yolo-xs-push-8 {
left: 66.66666667%;
}
.yolo-xs-push-7 {
left: 58.33333333%;
}
.yolo-xs-push-6 {
left: 50%;
}
.yolo-xs-push-5 {
left: 41.66666667%;
}
.yolo-xs-push-4 {
left: 33.33333333%;
}
.yolo-xs-push-3 {
left: 25%;
}
.yolo-xs-push-2 {
left: 16.66666667%;
}
.yolo-xs-push-1 {
left: 8.33333333%;
}
.yolo-xs-push-0 {
left: auto;
}
.yolo-xs-offset-12 {
margin-left: 100%;
}
.yolo-xs-offset-11 {
margin-left: 91.66666667%;
}
.yolo-xs-offset-10 {
margin-left: 83.33333333%;
}
.yolo-xs-offset-9 {
margin-left: 75%;
}
.yolo-xs-offset-8 {
margin-left: 66.66666667%;
}
.yolo-xs-offset-7 {
margin-left: 58.33333333%;
}
.yolo-xs-offset-6 {
margin-left: 50%;
}
.yolo-xs-offset-5 {
margin-left: 41.66666667%;
}
.yolo-xs-offset-4 {
margin-left: 33.33333333%;
}
.yolo-xs-offset-3 {
margin-left: 25%;
}
.yolo-xs-offset-2 {
margin-left: 16.66666667%;
}
.yolo-xs-offset-1 {
margin-left: 8.33333333%;
}
.yolo-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.yolo-sm-1,
.yolo-sm-2,
.yolo-sm-3,
.yolo-sm-4,
.yolo-sm-5,
.yolo-sm-6,
.yolo-sm-7,
.yolo-sm-8,
.yolo-sm-9,
.yolo-sm-10,
.yolo-sm-11,
.yolo-sm-12 {
float: left;
}
.yolo-sm-12 {
width: 100%;
}
.yolo-sm-11 {
width: 91.66%;
}
.yolo-sm-10 {
width: 83.33%;
}
.yolo-sm-9 {
width: 75%;
}
.yolo-sm-8 {
width: 66.66%;
}
.yolo-sm-7 {
width: 58.33%;
}
.yolo-sm-6 {
width: 50%;
}
.yolo-sm-5 {
width: 41.66%;
}
.yolo-sm-4 {
width: 33.33%;
}
.yolo-sm-3 {
width: 25%;
}
.yolo-sm-2 {
width: 16.66%;
}
.yolo-sm-1 {
width: 8.33%;
}
.yolo-sm-pull-12 {
right: 100%;
}
.yolo-sm-pull-11 {
right: 91.66666667%;
}
.yolo-sm-pull-10 {
right: 83.33333333%;
}
.yolo-sm-pull-9 {
right: 75%;
}
.yolo-sm-pull-8 {
right: 66.66666667%;
}
.yolo-sm-pull-7 {
right: 58.33333333%;
}
.yolo-sm-pull-6 {
right: 50%;
}
.yolo-sm-pull-5 {
right: 41.66666667%;
}
.yolo-sm-pull-4 {
right: 33.33333333%;
}
.yolo-sm-pull-3 {
right: 25%;
}
.yolo-sm-pull-2 {
right: 16.66666667%;
}
.yolo-sm-pull-1 {
right: 8.33333333%;
}
.yolo-sm-pull-0 {
right: auto;
}
.yolo-sm-push-12 {
left: 100%;
}
.yolo-sm-push-11 {
left: 91.66666667%;
}
.yolo-sm-push-10 {
left: 83.33333333%;
}
.yolo-sm-push-9 {
left: 75%;
}
.yolo-sm-push-8 {
left: 66.66666667%;
}
.yolo-sm-push-7 {
left: 58.33333333%;
}
.yolo-sm-push-6 {
left: 50%;
}
.yolo-sm-push-5 {
left: 41.66666667%;
}
.yolo-sm-push-4 {
left: 33.33333333%;
}
.yolo-sm-push-3 {
left: 25%;
}
.yolo-sm-push-2 {
left: 16.66666667%;
}
.yolo-sm-push-1 {
left: 8.33333333%;
}
.yolo-sm-push-0 {
left: auto;
}
.yolo-sm-offset-12 {
margin-left: 100%;
}
.yolo-sm-offset-11 {
margin-left: 91.66666667%;
}
.yolo-sm-offset-10 {
margin-left: 83.33333333%;
}
.yolo-sm-offset-9 {
margin-left: 75%;
}
.yolo-sm-offset-8 {
margin-left: 66.66666667%;
}
.yolo-sm-offset-7 {
margin-left: 58.33333333%;
}
.yolo-sm-offset-6 {
margin-left: 50%;
}
.yolo-sm-offset-5 {
margin-left: 41.66666667%;
}
.yolo-sm-offset-4 {
margin-left: 33.33333333%;
}
.yolo-sm-offset-3 {
margin-left: 25%;
}
.yolo-sm-offset-2 {
margin-left: 16.66666667%;
}
.yolo-sm-offset-1 {
margin-left: 8.33333333%;
}
.yolo-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.yolo-md-1,
.yolo-md-2,
.yolo-md-3,
.yolo-md-4,
.yolo-md-5,
.yolo-md-6,
.yolo-md-7,
.yolo-md-8,
.yolo-md-9,
.yolo-md-10,
.yolo-md-11,
.yolo-md-12 {
float: left;
}
.yolo-md-12 {
width: 100%;
}
.yolo-md-11 {
width: 91.66%;
}
.yolo-md-10 {
width: 83.33%;
}
.yolo-md-9 {
width: 75%;
}
.yolo-md-8 {
width: 66.66%;
}
.yolo-md-7 {
width: 58.33%;
}
.yolo-md-6 {
width: 50%;
}
.yolo-md-5 {
width: 41.66%;
}
.yolo-md-4 {
width: 33.33%;
}
.yolo-md-3 {
width: 25%;
}
.yolo-md-2 {
width: 16.66%;
}
.yolo-md-1 {
width: 8.33%;
}
.yolo-md-pull-12 {
right: 100%;
}
.yolo-md-pull-11 {
right: 91.66666667%;
}
.yolo-md-pull-10 {
right: 83.33333333%;
}
.yolo-md-pull-9 {
right: 75%;
}
.yolo-md-pull-8 {
right: 66.66666667%;
}
.yolo-md-pull-7 {
right: 58.33333333%;
}
.yolo-md-pull-6 {
right: 50%;
}
.yolo-md-pull-5 {
right: 41.66666667%;
}
.yolo-md-pull-4 {
right: 33.33333333%;
}
.yolo-md-pull-3 {
right: 25%;
}
.yolo-md-pull-2 {
right: 16.66666667%;
}
.yolo-md-pull-1 {
right: 8.33333333%;
}
.yolo-md-pull-0 {
right: auto;
}
.yolo-md-push-12 {
left: 100%;
}
.yolo-md-push-11 {
left: 91.66666667%;
}
.yolo-md-push-10 {
left: 83.33333333%;
}
.yolo-md-push-9 {
left: 75%;
}
.yolo-md-push-8 {
left: 66.66666667%;
}
.yolo-md-push-7 {
left: 58.33333333%;
}
.yolo-md-push-6 {
left: 50%;
}
.yolo-md-push-5 {
left: 41.66666667%;
}
.yolo-md-push-4 {
left: 33.33333333%;
}
.yolo-md-push-3 {
left: 25%;
}
.yolo-md-push-2 {
left: 16.66666667%;
}
.yolo-md-push-1 {
left: 8.33333333%;
}
.yolo-md-push-0 {
left: auto;
}
.yolo-md-offset-12 {
margin-left: 100%;
}
.yolo-md-offset-11 {
margin-left: 91.66666667%;
}
.yolo-md-offset-10 {
margin-left: 83.33333333%;
}
.yolo-md-offset-9 {
margin-left: 75%;
}
.yolo-md-offset-8 {
margin-left: 66.66666667%;
}
.yolo-md-offset-7 {
margin-left: 58.33333333%;
}
.yolo-md-offset-6 {
margin-left: 50%;
}
.yolo-md-offset-5 {
margin-left: 41.66666667%;
}
.yolo-md-offset-4 {
margin-left: 33.33333333%;
}
.yolo-md-offset-3 {
margin-left: 25%;
}
.yolo-md-offset-2 {
margin-left: 16.66666667%;
}
.yolo-md-offset-1 {
margin-left: 8.33333333%;
}
.yolo-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.yolo-lg-1,
.yolo-lg-2,
.yolo-lg-3,
.yolo-lg-4,
.yolo-lg-5,
.yolo-lg-6,
.yolo-lg-7,
.yolo-lg-8,
.yolo-lg-9,
.yolo-lg-10,
.yolo-lg-11,
.yolo-lg-12 {
float: left;
}
.yolo-lg-12 {
width: 100%;
}
.yolo-lg-11 {
width: 91.66%;
}
.yolo-lg-10 {
width: 83.33%;
}
.yolo-lg-9 {
width: 75%;
}
.yolo-lg-8 {
width: 66.66%;
}
.yolo-lg-7 {
width: 58.33%;
}
.yolo-lg-6 {
width: 50%;
}
.yolo-lg-5 {
width: 41.66%;
}
.yolo-lg-4 {
width: 33.33%;
}
.yolo-lg-3 {
width: 25%;
}
.yolo-lg-2 {
width: 16.66%;
}
.yolo-lg-1 {
width: 8.33%;
}
.yolo-lg-pull-12 {
right: 100%;
}
.yolo-lg-pull-11 {
right: 91.66666667%;
}
.yolo-lg-pull-10 {
right: 83.33333333%;
}
.yolo-lg-pull-9 {
right: 75%;
}
.yolo-lg-pull-8 {
right: 66.66666667%;
}
.yolo-lg-pull-7 {
right: 58.33333333%;
}
.yolo-lg-pull-6 {
right: 50%;
}
.yolo-lg-pull-5 {
right: 41.66666667%;
}
.yolo-lg-pull-4 {
right: 33.33333333%;
}
.yolo-lg-pull-3 {
right: 25%;
}
.yolo-lg-pull-2 {
right: 16.66666667%;
}
.yolo-lg-pull-1 {
right: 8.33333333%;
}
.yolo-lg-pull-0 {
right: auto;
}
.yolo-lg-push-12 {
left: 100%;
}
.yolo-lg-push-11 {
left: 91.66666667%;
}
.yolo-lg-push-10 {
left: 83.33333333%;
}
.yolo-lg-push-9 {
left: 75%;
}
.yolo-lg-push-8 {
left: 66.66666667%;
}
.yolo-lg-push-7 {
left: 58.33333333%;
}
.yolo-lg-push-6 {
left: 50%;
}
.yolo-lg-push-5 {
left: 41.66666667%;
}
.yolo-lg-push-4 {
left: 33.33333333%;
}
.yolo-lg-push-3 {
left: 25%;
}
.yolo-lg-push-2 {
left: 16.66666667%;
}
.yolo-lg-push-1 {
left: 8.33333333%;
}
.yolo-lg-push-0 {
left: auto;
}
.yolo-lg-offset-12 {
margin-left: 100%;
}
.yolo-lg-offset-11 {
margin-left: 91.66666667%;
}
.yolo-lg-offset-10 {
margin-left: 83.33333333%;
}
.yolo-lg-offset-9 {
margin-left: 75%;
}
.yolo-lg-offset-8 {
margin-left: 66.66666667%;
}
.yolo-lg-offset-7 {
margin-left: 58.33333333%;
}
.yolo-lg-offset-6 {
margin-left: 50%;
}
.yolo-lg-offset-5 {
margin-left: 41.66666667%;
}
.yolo-lg-offset-4 {
margin-left: 33.33333333%;
}
.yolo-lg-offset-3 {
margin-left: 25%;
}
.yolo-lg-offset-2 {
margin-left: 16.66666667%;
}
.yolo-lg-offset-1 {
margin-left: 8.33333333%;
}
.yolo-lg-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 768px) {
.row.is-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
border: 1px solid #eee;
outline: 0;
margin-bottom: 20px;
width: 100%;
height: auto;
padding: 10px 16px;
font-size: 14px;
line-height: 1.5;
border-radius: 0;
}
selecttextarea,
selectinput[type="text"],
selectinput[type="password"],
selectinput[type="datetime"],
selectinput[type="datetime-local"],
selectinput[type="date"],
selectinput[type="month"],
selectinput[type="time"],
selectinput[type="week"],
selectinput[type="number"],
selectinput[type="email"],
selectinput[type="url"],
selectinput[type="search"],
selectinput[type="tel"],
selectinput[type="color"] {
height: auto;
line-height: auto;
}
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
select[multiple]textarea,
select[multiple]input[type="text"],
select[multiple]input[type="password"],
select[multiple]input[type="datetime"],
select[multiple]input[type="datetime-local"],
select[multiple]input[type="date"],
select[multiple]input[type="month"],
select[multiple]input[type="time"],
select[multiple]input[type="week"],
select[multiple]input[type="number"],
select[multiple]input[type="email"],
select[multiple]input[type="url"],
select[multiple]input[type="search"],
select[multiple]input[type="tel"],
select[multiple]input[type="color"] {
height: auto;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -1em;
margin-right: -1em;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 1em;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default.focus,
.btn-default:active.focus,
.btn-default.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
color: #333;
text-decoration: none;
}
.btn-default:active,
.btn-default.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn-default.disabled,
fieldset[disabled] a.btn-default {
pointer-events: none;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #FFA800;
border-color: #e69700;
}
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
color: #333;
text-decoration: none;
}
.btn-primary:active,
.btn-primary.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn-primary.disabled,
fieldset[disabled] a.btn-primary {
pointer-events: none;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #cc8600;
border-color: #664300;
}
.btn-primary:hover {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #a86f00;
border-color: #664300;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #FFA800;
border-color: #e69700;
}
.btn-primary .badge {
color: #FFA800;
background-color: #fff;
}
.btn-success {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success.focus,
.btn-success:active.focus,
.btn-success.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
color: #333;
text-decoration: none;
}
.btn-success:active,
.btn-success.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn-success.disabled,
fieldset[disabled] a.btn-success {
pointer-events: none;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info.focus,
.btn-info:active.focus,
.btn-info.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
color: #333;
text-decoration: none;
}
.btn-info:active,
.btn-info.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn-info.disabled,
fieldset[disabled] a.btn-info {
pointer-events: none;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-warning.focus,
.btn-warning:active.focus,
.btn-warning.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
color: #333;
text-decoration: none;
}
.btn-warning:active,
.btn-warning.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn-warning.disabled,
fieldset[disabled] a.btn-warning {
pointer-events: none;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger.focus,
.btn-danger:active.focus,
.btn-danger.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
color: #333;
text-decoration: none;
}
.btn-danger:active,
.btn-danger.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn-danger.disabled,
fieldset[disabled] a.btn-danger {
pointer-events: none;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #333333;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: var(--primary_color);
text-decoration: none;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #a8a8a8;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
} .woocommerce .woocommerce-breadcrumb {
opacity: 0;
filter: alpha(opacity=0);
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 15px;
font-size: 12px;
width: 8em;
font-family: 'star';
letter-spacing: 4px;
}
.woocommerce .star-rating:before {
content: "\73\73\73\73\73";
color: #bbb;
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 4px;
font-size: 12px;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
color: var(--primary_color);
letter-spacing: 4px;
font-size: 12px;
}
.woocommerce .star-rating span:before {
content: "\73\73\73\73\73";
top: 0;
position: absolute;
left: 0;
}
.products-list.owl-carousel .yolo-product-item {
width: 100%;
}
@media (max-width: 479px) {
.products-list.owl-carousel .yolo-product-item {
padding: 0 1em;
}
}
.yolo-recent-products .woocommerce .products div.product.type-product {
margin-bottom: 30px;
}
.yolo-product-item .yolo-product-inner {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
position: relative;
display: block;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail {
position: relative;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail span.onsale {
left: auto;
position: absolute;
width: 50px;
height: 50px;
top: 0px;
right: 0px;
border-radius: 50%;
font-size: 12px;
line-height: 50px;
text-align: center;
text-transform: uppercase;
color: white;
font-weight: 400;
z-index: 11;
background: var(--primary_color);
border-radius: 0;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-thumbnail {
left: 0;
top: 0;
width: 100%;
z-index: 8;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-thumbnail:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.02);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-thumbnail img {
margin: 0;
display: block;
height: auto;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
width: 100%;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-thumbnail.yolo-product-front-thumbnail {
z-index: 10;
position: relative;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-thumbnail.yolo-product-back-thumbnail {
position: absolute;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta {
position: absolute;
bottom: 0px;
z-index: 10;
text-align: left;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta .added_to_cart {
display: none;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_grouped,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_external,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_variable,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_simple {
-webkit-transform: translate(-40px, 0);
-ms-transform: translate(-40px, 0);
transform: translate(-40px, 0);
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
height: 44px;
width: 44px;
position: absolute;
bottom: 0;
background-color: rgba(85, 85, 85, 0.7);
color: #fff;
padding: 14px 16px;
border-radius: 0px;
font-weight: normal;
-webkit-transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-in 0.25s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-in 0.25s;
transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-in 0.25s;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_grouped:before,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_external:before,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_variable:before,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_simple:before {
margin-right: 25px;
margin-bottom: 20px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_grouped:hover,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_external:hover,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_variable:hover,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_simple:hover {
width: 180px;
background-color: var(--primary_color);
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_grouped,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_external,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_variable,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_simple {
font-weight: normal;
}
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_simple {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.product_type_variable:before {
content: "\f03a" !important;
position: relative !important;
display: inline-block !important;
font-family: "fontawesome" !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 1 !important;
text-decoration: inherit !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
speak: none !important;
padding-right: 5px !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button:before {
content: "\f06e";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button {
-webkit-transform: translate(-40px, 0);
-ms-transform: translate(-40px, 0);
transform: translate(-40px, 0);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button:hover {
color: #fff;
width: 180px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button {
-webkit-transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-in 0.25s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-in 0.25s;
transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-in 0.25s;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button.product_type_variable:before {
content: "\f03a";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button.product_type_simple:before {
content: "\f07a";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button.loading:before {
font-size: 14px;
margin-top: -10px;
font-family: WooCommerce;
content: "\e01c";
position: relative;
margin-right: 30px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
padding: 0;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button.added:before {
content: "\f00c";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button:before {
color: #fff;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button.add_to_cart_button:after {
color: transparent;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button:hover {
opacity: 1;
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .entry-cart-meta a.button {
font-weight: bold;
}
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta a.shop-loop-quickview {
-webkit-transform: translate(-40px, 0);
-ms-transform: translate(-40px, 0);
transform: translate(-40px, 0);
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
height: 44px;
width: 44px;
position: absolute;
bottom: 51px;
background-color: rgba(85, 85, 85, 0.7);
font-size: 14px;
color: #fff;
padding: 14px 16px;
-webkit-transition: transform 0.3s ease-in 0.3s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.3s ease-in 0.3s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.3s ease-in 0.3s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.3s ease-in 0.3s;
transition: transform 0.3s ease-in 0.3s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.3s ease-in 0.3s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.3s ease-in 0.3s;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta a.shop-loop-quickview:before {
content: "\f06e";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta a.shop-loop-quickview:before {
margin-right: 25px;
margin-bottom: 13px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta a.shop-loop-quickview:hover {
width: 180px;
background-color: var(--primary_color);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta a.shop-loop-quickview.loading:before {
margin-top: -10px;
font-family: WooCommerce;
content: "\e01c";
position: relative;
margin-right: 30px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
padding: 0;
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta a.shop-loop-quickview {
font-weight: normal;
}
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist {
margin: 0;
padding: 0;
position: relative;
bottom: 97px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .add_to_wishlist {
text-align: left;
width: 44px;
height: 44px;
overflow: hidden;
background: rgba(85, 85, 85, 0.7);
position: relative;
color: #fff;
display: inline-block;
border-radius: 0;
-webkit-transform: translate(-40px, 0);
-ms-transform: translate(-40px, 0);
transform: translate(-40px, 0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-in 0.35s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-in 0.35s;
transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-in 0.35s;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .add_to_wishlist:before {
content: "\f08a";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .add_to_wishlist:before {
padding: 16px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .add_to_wishlist:hover {
width: 180px;
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .add_to_wishlist {
font-weight: normal;
}
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .ajax-loading:before {
color: transparent;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist img.ajax-loading {
z-index: 200;
position: absolute;
top: 13px;
left: 9px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse span.feedback,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse span.feedback {
display: none;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
text-align: left;
width: 44px;
height: 44px;
overflow: hidden;
background: rgba(85, 85, 85, 0.7);
position: relative;
color: #fff;
display: inline-block;
border-radius: 0;
-webkit-transform: translate(-40px, 0);
-ms-transform: translate(-40px, 0);
transform: translate(-40px, 0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-in 0.35s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-in 0.35s;
transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.35s ease-in 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-in 0.35s;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f00c";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
padding: 16px;
}
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover {
width: 180px;
background: var(--primary_color);
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a,
.yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-weight: normal;
}
}
.yolo-product-item .yolo-product-inner .yolo-product-footer {
position: relative;
height: auto;
width: 100%;
background-color: #f4f4f4;
padding: 10px 15px 15px;
text-align: center;
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .yolo-product-footer {
padding: 5px 5px;
}
}
.yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
margin: 10px 5px 10px 5px;
font-size: 16px;
display: inline-block;
float: left;
width: 100%;
}
@media (max-width: 1199px) {
.yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
margin: 5px 0;
}
}
@media (max-width: 991px) {
.yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
margin: 5px 0;
}
}
@media (max-width: 767px) {
.yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
margin: 5px 0;
}
}
.yolo-product-item .yolo-product-inner .yolo-product-footer .star-rating {
float: left;
display: none;
}
.yolo-product-item .yolo-product-inner .yolo-product-footer .price {
font-weight: 700;
font-size: 18px;
margin-right: 5px;
}
.yolo-product-item .yolo-product-inner .yolo-product-footer .price del {
color: rgba(51, 51, 51, 0.3);
margin-right: 10px;
margin-left: 10px;
}
.yolo-product-item .yolo-product-inner .yolo-product-footer .price ins {
text-decoration: none;
}
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-front-thumbnail img {
opacity: 0;
filter: alpha(opacity=0);
}
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta a.add_to_cart_button,
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta a.product_type_grouped,
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta a.product_type_external,
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta a.product_type_simple {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0.9;
filter: alpha(opacity=90);
-webkit-transition: transform 0.45s ease-out 0.35s, opacity 0.5s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.45s ease-out 0.35s, opacity 0.5s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.5s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.45s ease-out 0.35s;
transition: opacity 0.5s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.45s ease-out 0.35s;
transition: transform 0.45s ease-out 0.35s, opacity 0.5s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.45s ease-out 0.35s, opacity 0.5s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.45s ease-out 0.35s;
}
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta a.shop-loop-quickview {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0.9;
filter: alpha(opacity=90);
-webkit-transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-out 0.35s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-out 0.35s;
transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.35s ease-out 0.35s;
}
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta a.add_to_wishlist,
.yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .entry-cart-meta .yith-wcwl-add-to-wishlist a {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0.9;
filter: alpha(opacity=90);
border-width: 0px;
margin: 0;
-webkit-transition: transform 0.25s ease-out 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-o-transition: transform 0.25s ease-out 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-out 0.25s;
transition: opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-out 0.25s;
transition: transform 0.25s ease-out 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
transition: transform 0.25s ease-out 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.25s ease-out 0.25s;
}
.yolo-product-item:hover .yolo-product-inner {
-webkit-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-transform: translate(0, -3px);
-ms-transform: translate(0, -3px);
transform: translate(0, -3px);
}
.yolo-product-item:hover .yolo-product-inner .yolo-product-footer {
background-color: #fff;
}
@media (max-width: 991px) {
header.yolo-header.header-1 .yolo-wrap-menu li.yolo-menu-item-cart,
header.yolo-header.header-1 .yolo-wrap-menu li.yolo-menu-item-search {
top: 0;
}
}
.yolo-menu-item-cart {
position: relative;
}
.yolo-menu-item-cart:before {
left: 10px;
z-index: 5;
position: absolute;
display: block;
content: "";
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid white;
opacity: 0;
top: 140%;
}
@media (max-width: 991px) {
.yolo-menu-item-cart {
top: -115px;
}
}
.yolo-menu-item-cart .cart-item {
position: relative;
}
.yolo-menu-item-cart .cart-item span {
font-size: 90%;
position: absolute;
color: rgba(0, 0, 0, 0.9);
right: -4px;
top: -4px;
line-height: 1;
}
.yolo-menu-item-cart .yolo-minicart {
border-radius: 4px;
z-index: 9998;
position: absolute;
right: 12px;
background: #fff;
top: 140%;
background-color: #fff;
-webkit-box-shadow: 0 0 5px 0 rgba(85, 85, 85, 0.5);
box-shadow: 0 0 5px 0 rgba(85, 85, 85, 0.5);
min-width: 320px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
border-top: 1px solid #ebebeb;
}
.yolo-menu-item-cart .yolo-minicart:before {
position: absolute;
display: block;
content: "";
top: -8px;
right: 20px;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
background: #fff;
}
.yolo-menu-item-cart .yolo-minicart .minicart-header {
text-transform: uppercase;
color: #333;
padding: 20px;
border-bottom: 1px solid #ebebeb;
font-weight: normal;
font-weight: 600;
text-align: center;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body {
padding: 15px 20px;
border-bottom: 1px solid #ebebeb;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ebebeb;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product.cart-product-remove {
height: 0;
padding: 0;
margin: 0;
border: none;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .cart-product-image {
float: left;
margin-right: 10px;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .cart-product-image a {
margin-right: 0;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .cart-product-image img {
max-width: 65px;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .cart-product-details {
float: left;
font-size: 13px;
text-align: left;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .cart-product-details .cart-product-title {
font-weight: 600;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .remove {
position: absolute;
top: 0;
right: 0;
margin: 0;
border: 1px solid #ebebeb;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 0;
color: #a8a8a8 !important;
}
.yolo-menu-item-cart .yolo-minicart .minicart-body .cart-product .remove:hover {
opacity: 0.9;
filter: alpha(opacity=90);
background-color: var(--primary_color);
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer {
padding: 20px;
text-align: center;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-total {
text-transform: uppercase;
color: #333;
padding: 0 0px 10px;
font-weight: 600;
text-align: left;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-total span.amount {
float: right;
color: var(--primary_color);
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions.empty {
text-align: left;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button {
font-weight: normal;
border: 2px solid #eeeeee;
-webkit-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #333;
background-color: #fff;
border-color: #ccc;
float: none;
border-radius: 0;
margin-left: 10%;
width: 80%;
border-width: 1px;
float: left;
opacity: 0.8;
overflow: hidden;
position: relative;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active.focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:hover,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.focus {
color: #333;
text-decoration: none;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled],
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled,
fieldset[disabled] a.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button {
pointer-events: none;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active,
.open > .dropdown-toggle.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active:hover,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active:hover,
.open > .dropdown-toggle.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:hover,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active:focus,
.open > .dropdown-toggle.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active.focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active.focus,
.open > .dropdown-toggle.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active,
.open > .dropdown-toggle.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button {
background-image: none;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled],
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled:hover,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled]:hover,
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:hover,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled]:focus,
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled.focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled].focus,
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.focus,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled:active,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled]:active,
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:active,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.disabled.active,
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button[disabled].active,
fieldset[disabled] .yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.active {
background-color: #fff;
border-color: #ccc;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button .badge {
color: #fff;
background-color: #333;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:hover {
color: #fff;
border-color: var(--primary_color);
background-color: var(--primary_color);
opacity: 1;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button:hover:after {
left: 120%;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.viewcart-button {
width: 48%;
margin-right: 2%;
margin-left: 0;
background-color: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
border-radius: 35px;
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.viewcart-button:hover {
opacity: 1;
background-color: var(--primary_color);
}
.yolo-menu-item-cart .yolo-minicart .minicart-footer .minicart-actions .button.checkout-button {
width: 48%;
margin-right: 0;
margin-left: 2%;
border-radius: 35px;
}
.yolo-menu-item-cart:hover:before {
z-index: 9999;
opacity: 1;
top: 90%;
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.yolo-menu-item-cart:hover .yolo-minicart {
top: 100%;
height: auto;
max-height: 75vh;
overflow-y: auto;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
} .yolo-row-slider {
margin: 0 -15px;
}
.yolo-row-slider .yolo-woo-slider {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-row-slider .yolo-woo-slider .yolo-md-6,
.yolo-row-slider .yolo-woo-slider .yolo-md-4,
.yolo-row-slider .yolo-woo-slider .yolo-md-3,
.yolo-row-slider .yolo-woo-slider .yolo-md-2 {
width: 100%;
float: none;
}
.yolo-row-slider .yolo-woo-slider .yolo-md-6 .yolo-product-inner,
.yolo-row-slider .yolo-woo-slider .yolo-md-4 .yolo-product-inner,
.yolo-row-slider .yolo-woo-slider .yolo-md-3 .yolo-product-inner,
.yolo-row-slider .yolo-woo-slider .yolo-md-2 .yolo-product-inner {
margin-top: 2px;
margin-bottom: 7px;
}
.yolo-product-inner {
overflow: hidden;
}
.yolo-product-inner:hover .woo-thumbnail:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.yolo-product-inner:hover .woo-thumbnail .yolo-product-meta .rating {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0.3s;
-o-transition: all 0.5s ease 0.3s;
transition: all 0.5s ease 0.3s;
}
.price del span.amount {
color: #a8a8a8 !important;
}
.price del span.amount span {
color: #a8a8a8 !important;
}
.yolo-product-footer {
text-align: center;
}
.yolo-product-footer h3 {
font-size: 18px;
margin: 27px 0 10px;
padding: 0;
}
.yolo-product-footer .price del {
color: #a8a8a8;
}
.yolo-product-footer .price span {
color: var(--primary_color);
font-weight: normal;
}
.yolo-count-rating {
display: block;
margin-top: 12px;
font-size: 14px;
font-weight: 300;
color: #fff;
}
.woocommerce .products .star-rating {
margin: auto;
font-size: 13px;
letter-spacing: 5px;
width: 90px;
}
.woocommerce .products .star-rating span {
float: none;
}
.woocommerce a.button {
-webkit-box-shadow: none;
box-shadow: none;
font-weight: normal;
border-radius: 3px;
}
.woocommerce a.button:hover {
background-color: var(--primary_color);
color: #fff;
}
.woocommerce a.button:focus {
outline: none;
outline-color: transparent;
}
.woocommerce div.product span.price ins {
text-decoration: none;
}
.woocommerce span.onsale {
border-radius: 0;
background: var(--primary_color) !important;
left: 0;
top: 0;
} @media (max-width: 670px) {
.shop-container .yolo-row .yolo-woo-meta .list_products_toolbar .products-toolbar {
width: 100%;
margin-bottom: 20px;
}
}
@media (max-width: 670px) {
.shop-container .yolo-row .yolo-woo-meta .list_products_toolbar .woocommerce-ordering {
float: left;
}
}
@media (max-width: 480px) {
.shop-container .yolo-row .yolo-woo-meta .list_products_toolbar .woocommerce-ordering {
width: 100%;
}
}
@media (max-width: 480px) {
.shop-container .yolo-row .yolo-woo-meta .list_products_toolbar .woocommerce-result-count {
float: left;
margin-top: 5px;
width: 100%;
}
}
.shop-container .yolo-row .products.list .yolo-product-item {
width: 100%;
margin-bottom: 40px;
}
.shop-container .yolo-row .products.list .yolo-product-item:hover .yolo-product-inner {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner {
margin-top: 0;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner:hover .woo-thumbnail .yolo-product-front-thumbnail img {
opacity: 1;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail {
width: 33%;
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail {
float: left;
width: 33.33333333%;
}
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-thumbnail img {
backface-visibility: visible !important;
-webkit-backface-visibility: visible !important;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail:hover .yolo-product-front-thumbnail img {
opacity: 0;
filter: alpha(opacity=0);
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta {
display: none;
}
@media (min-width: 480px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail {
width: 33% !important;
}
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .woo-thumbnail:before {
background: none;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer {
width: 100%;
padding-left: 0;
padding-right: 0;
position: relative;
min-height: 1px;
padding-left: 30px;
padding-right: 30px;
float: left;
background-color: white;
text-align: left;
padding-top: 0;
}
@media (min-width: 768px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer {
float: left;
width: 100%;
}
}
@media (min-width: 992px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer {
float: left;
width: 66.66666667%;
}
}
@media (min-width: 480px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer {
width: 67% !important;
}
}
@media (max-width: 480px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer {
padding-right: 10px !important;
padding-left: 10px !important;
}
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
margin: 0;
margin-bottom: 10px;
font-size: 24px;
float: none !important;
color: #4c4441;
}
@media (max-width: 480px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
padding-top: 7px;
}
}
@media (min-width: 768px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
width: 70%;
}
}
@media (min-width: 1200px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
width: 80%;
}
}
@media (max-width: 768px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
margin-bottom: 15px !important;
}
}
@media (min-width: 768px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .star-rating {
position: absolute;
right: 30px;
top: 5px;
width: 22%;
}
}
@media (min-width: 1200px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .star-rating {
position: absolute;
right: 30px;
top: 5px;
width: 17%;
}
}
@media (max-width: 768px) {
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .star-rating {
width: 100%;
margin-bottom: 10px !important;
}
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .price {
margin-bottom: 10px;
display: block;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .price del span {
color: #4c4441;
font-size: 18px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .price ins {
display: block;
float: left;
margin-right: 17px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .price ins .amount {
font-size: 20px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .short-description {
text-align: justify;
margin-bottom: 40px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer div {
display: block;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_grouped,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_simple,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_variable,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_external {
background-color: var(--primary_color);
opacity: 0.8;
text-decoration: none;
font-size: 15px;
color: #fff;
padding: 12px 16px;
border-radius: 0px;
display: inline-block;
font-weight: normal;
float: left;
margin-right: 15px;
overflow: hidden;
position: relative;
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button:before,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_grouped:before,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_simple:before,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_variable:before,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_external:before {
content: "\f06e";
font-family: "fontawesome";
padding-right: 5px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_grouped:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_simple:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_variable:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_external:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button:hover,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_grouped:hover,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_simple:hover,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_variable:hover,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_external:hover {
opacity: 1;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button:hover:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_grouped:hover:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_simple:hover:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_variable:hover:after,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_external:hover:after {
left: 120%;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .product_type_variable:before {
content: "\f03a" !important;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button:before {
width: 14px !important;
height: 14px;
display: inline-block;
content: "\f07a";
padding: 0;
margin-right: 5px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button.loading:before {
content: "\e01c";
font-family: WooCommerce;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
padding: 0;
margin-right: 5px;
font-size: 14px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button.loading:after {
display: none;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button.added:before {
content: "\f00c";
font-size: 14px;
font-weight: 100;
padding: 0;
margin-right: 5px;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .add_to_cart_button.added:after {
display: none;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .added_to_cart {
display: none;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist {
margin-top: 0;
float: left;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
position: relative;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img {
position: absolute;
top: 25%;
left: 20%;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist {
width: 40px;
height: 40px;
display: inline-block;
position: relative;
overflow: hidden;
border: 2px solid #ebebeb;
border-radius: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist:before {
content: "\f08a";
font-family: "fontawesome";
text-align: center;
padding: 9px 0px;
display: block;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist:hover {
background: var(--primary_color);
color: white;
border: 2px solid var(--primary_color);
opacity: 1;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
width: 40px;
height: 40px;
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse:before,
.shop-container .yolo-row .products.list .yolo-product-item .yolo-product-inner .yolo-product-footer .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse:before {
opacity: 0.8;
content: "\f00c";
font-family: "fontawesome";
text-align: center;
padding: 10px 0px;
display: block;
background: var(--primary_color);
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-container .yolo-row .products.grid .yolo-product-item {
margin-bottom: 30px;
}
.shop-container .yolo-row .products.grid .yolo-product-item .yolo-product-inner .yolo-product-footer div {
display: none;
}
.shop-container .yolo-row .products.grid .yolo-product-item .yolo-product-inner .yolo-product-footer .short-description {
display: none;
}
.shop-container .yolo-row .products.grid .yolo-product-item .yolo-product-inner .yolo-product-footer .button {
display: none;
}
@media (max-width: 991px) {
.first {
clear: none;
}
}
.yolo-woo-meta {
position: relative;
}
.yolo-woo-meta:after {
clear: both;
content: '';
display: table;
}
.woocommerce .woocommerce-result-count {
margin: 10px 0 0 0;
}
.woocommerce .woocommerce-ordering select {
background: #f0f0f0;
text-transform: uppercase;
border: 0;
padding: 10px;
height: 40px;
color: #000;
}
.woocommerce .woocommerce-ordering select:focus {
outline: none;
outline-color: transparent;
}
.product-quickview {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-overflow-scrolling: touch;
z-index: 1050;
outline: 0;
opacity: 1;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
background: rgba(72, 72, 72, 0.45);
}
.product-quickview .modal-dialog {
width: 90%;
max-width: 800px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0 auto;
float: none;
left: 50%;
-webkit-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
opacity: 1;
}
.product-quickview .modal-dialog .modal-content {
-webkit-box-shadow: 0 5px 15px #a8a8a8;
box-shadow: 0 5px 15px #a8a8a8;
position: relative;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
outline: 0;
}
.product-quickview .modal-dialog .modal-content .modal-body {
position: relative;
padding: 15px;
}
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary {
float: left;
width: 100%;
}
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary .product_title a:hover {
color: #f37259;
}
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary .price {
display: block;
font-size: 20px;
color: var(--primary_color);
}
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary .price del {
margin-right: 20px;
}
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary .btn-primary {
margin-top: 10px;
}
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary .short-description {
margin: 20px 0;
text-align: justify;
}
@media (max-width: 480px) {
.product-quickview .modal-dialog .modal-content .modal-body .yolo-row .yolo-info .summary .short-description {
display: none;
}
}
.woocommerce nav.woocommerce-pagination {
margin-bottom: 50px;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
margin: 0 5px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #a8a8a8;
border-radius: 50%;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.woocommerce nav.woocommerce-pagination ul li a.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover {
color: #fff;
background: var(--primary_color);
border-color: var(--primary_color);
} .yolo-product-content {
margin-bottom: 70px;
overflow: hidden;
}
.yolo-product-content:after {
clear: both;
content: '';
display: table;
}
@media (max-width: 767px) {
.yolo-product-content .product-description {
margin-top: 30px;
}
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
margin-bottom: 0 !important;
}
.single-product div.product { }
.single-product div.product.product-type-variable div.summary .yith-wcwl-add-to-wishlist {
margin-left: 0;
}
.single-product div.product.product-type-variable div.summary .single_variation_wrap {
margin-bottom: 20px;
}
.single-product div.product.product-type-variable div.summary .single_variation_wrap:after {
clear: both;
content: '';
display: table;
}
.single-product div.product.product-type-variable div.summary form.cart .variations {
margin-bottom: 0;
}
.single-product div.product.product-type-variable div.summary form.cart .variations td.label {
width: 120px;
line-height: 40px;
}
.single-product div.product.product-type-grouped div.summary .yith-wcwl-add-to-wishlist {
margin-left: 0;
-webkit-transform: translate(150px, -40px);
-ms-transform: translate(150px, -40px);
transform: translate(150px, -40px);
}
.single-product div.product.product-type-grouped div.summary .single_variation_wrap {
margin-top: 20px;
margin-bottom: 20px;
}
.single-product div.product.product-type-grouped div.summary .single_variation_wrap:after {
clear: both;
content: '';
display: table;
}
.single-product div.product.product-type-grouped div.summary form.cart .group_table td {
vertical-align: middle;
line-height: 50px;
}
.single-product div.product.product-type-grouped div.summary form.cart .group_table td.label {
width: 50%;
}
.single-product div.product.product-type-grouped div.summary form.cart .group_table div.quantity input {
margin: 0;
}
.single-product div.product.product-type-grouped div.summary form.cart .group_table .price {
width: 30%;
font-size: 18px;
font-weight: 400;
color: #333;
}
.single-product div.product .product-navigation {
margin: 50px 0;
position: relative;
z-index: 99;
}
.single-product div.product .product-navigation .next-product {
text-align: right;
position: relative;
}
.single-product div.product .product-navigation .next-product a > span {
font-style: italic;
font-family: 'Quicksand';
padding-right: 20px;
position: relative;
font-size: 16px;
font-weight: bold;
}
.single-product div.product .product-navigation .next-product a > span:before {
content: "\f101";
position: absolute;
top: -2px;
right: 0;
font-style: normal;
font-weight: normal;
font-family: FontAwesome;
}
.single-product div.product .product-navigation .next-product a .next-product-info {
position: absolute;
top: 0;
right: 0;
padding: 0;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
background-color: #fff;
width: 270px;
border: 1px solid #eee;
}
.single-product div.product .product-navigation .next-product a .next-product-info img {
width: 110px;
float: right;
margin-left: 5%;
border-left: 1px solid #eee;
}
.single-product div.product .product-navigation .next-product a .next-product-info .next-desc {
padding: 1.07142857em;
text-align: right;
}
.single-product div.product .product-navigation .next-product a .next-product-info .next-desc p {
margin-bottom: 0;
color: #333;
}
.single-product div.product .product-navigation .next-product a .next-product-info .next-desc .amount {
font-size: 16px;
font-weight: 700;
font-style: italic;
}
.single-product div.product .product-navigation .next-product a:hover .next-product-info {
opacity: 1;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.single-product div.product .product-navigation .prev-product {
text-align: left;
position: relative;
}
.single-product div.product .product-navigation .prev-product a > span {
font-style: italic;
font-family: 'Quicksand';
padding-right: 20px;
position: relative;
font-size: 16px;
font-weight: bold;
}
.single-product div.product .product-navigation .prev-product a > span:before {
content: "\f100";
position: relative;
padding-right: 10px;
top: -2px;
font-style: normal;
font-weight: normal;
font-family: FontAwesome;
}
.single-product div.product .product-navigation .prev-product a .prev-product-info {
position: absolute;
top: 0;
left: 0;
padding: 0;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
background: #fff;
width: 270px;
border: 1px solid #eee;
}
.single-product div.product .product-navigation .prev-product a .prev-product-info img {
width: 110px;
float: left;
margin-right: 5%;
border-right: 1px solid #eee;
}
.single-product div.product .product-navigation .prev-product a .prev-product-info .prev-desc {
padding: 1.07142857em;
text-align: left;
}
.single-product div.product .product-navigation .prev-product a .prev-product-info .prev-desc p {
margin-bottom: 0;
color: #333;
}
.single-product div.product .product-navigation .prev-product a .prev-product-info .prev-desc .amount {
font-size: 16px;
font-weight: 700;
font-style: italic;
}
.single-product div.product .product-navigation .prev-product a:hover .prev-product-info {
opacity: 1;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (max-width: 767px) {
.single-product div.product .product-navigation {
display: none;
}
}
.single-product div.product div.summary {
width: 100%;
}
.single-product div.product div.summary .entry-title {
line-height: 24px;
margin: 0 0 8px 0;
}
.single-product div.product div.summary .woocommerce-product-rating {
margin-bottom: 0;
position: relative;
right: 0;
top: 0;
}
.single-product div.product div.summary .woocommerce-product-rating .star-rating {
float: right;
margin-left: 25px;
margin-right: 0;
width: 7em;
font-size: 14px;
}
.single-product div.product div.summary .woocommerce-product-rating a {
color: #a8a8a8;
}
.single-product div.product div.summary .price {
color: var(--primary_color);
font-size: 24px;
font-style: italic;
font-weight: 700;
line-height: 80px;
padding: 0;
margin: 0;
}
.single-product div.product div.summary .price del {
color: #a8a8a8;
font-weight: 400;
padding-right: 20px;
}
.single-product div.product div.summary .price ins {
text-decoration: none;
}
.single-product div.product div.summary div[itemprop='description'] {
margin-top: 13px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 5px;
margin-bottom: 30px;
}
.single-product div.product div.summary .yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 0;
width: 40px;
height: 40px;
position: relative;
margin-left: 10px;
}
.single-product div.product div.summary .yith-wcwl-add-to-wishlist .add_to_wishlist {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 40px;
height: 40px;
overflow: hidden;
background: transparent;
position: relative;
text-indent: -200px;
display: inline-block;
border-radius: 0;
border: 2px solid #ebebeb;
}
.single-product div.product div.summary .yith-wcwl-add-to-wishlist .add_to_wishlist:before {
font-family: 'FontAwesome';
content: "\f004";
font-size: 14px;
color: #a8a8a8;
position: absolute;
left: 211px;
top: 9px;
}
.single-product div.product div.summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover {
border-color: var(--primary_color);
background: var(--primary_color);
}
.single-product div.product div.summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before {
color: #fff;
}
.single-product div.product div.summary .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
left: 6px;
top: 10px;
}
.single-product div.product div.summary .yith-wcwl-wishlistexistsbrowse .feedback,
.single-product div.product div.summary .yith-wcwl-wishlistaddedbrowse .feedback {
display: none;
}
.single-product div.product div.summary .yith-wcwl-wishlistexistsbrowse a,
.single-product div.product div.summary .yith-wcwl-wishlistaddedbrowse a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 40px;
height: 40px;
overflow: hidden;
background: rgba(255, 168, 0, 0.8);
position: relative;
text-indent: -200px;
display: inline-block;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.single-product div.product div.summary .yith-wcwl-wishlistexistsbrowse a:before,
.single-product div.product div.summary .yith-wcwl-wishlistaddedbrowse a:before {
font-family: 'FontAwesome';
content: "\f00c";
font-size: 14px;
color: #fff;
position: absolute;
left: 214px;
top: 10px;
}
.single-product div.product div.summary .yith-wcwl-wishlistexistsbrowse a:hover,
.single-product div.product div.summary .yith-wcwl-wishlistaddedbrowse a:hover {
background: var(--primary_color);
}
.single-product div.product div.summary p.stock {
color: #333;
}
.single-product div.product div.summary p.out-of-stock {
padding: 0 21px;
background: rgba(255, 168, 0, 0.8);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
height: 40px;
line-height: 40px;
border: none;
float: left;
}
.single-product div.product div.summary p.out-of-stock:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.single-product div.product div.summary p.out-of-stock:hover {
background: var(--primary_color);
color: #fff;
}
.single-product div.product div.summary p.out-of-stock:hover:after {
left: 120%;
}
.single-product div.product div.summary p.out-of-stock:focus {
outline-color: transparent;
outline: none;
}
.single-product div.product div.summary .cart {
float: left;
margin-bottom: 0 !important;
}
.single-product div.product div.summary .cart .button {
padding: 0 21px;
background: rgba(255, 168, 0, 0.8);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
height: 40px;
line-height: 40px;
font-weight: normal;
border: none;
}
.single-product div.product div.summary .cart .button:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.single-product div.product div.summary .cart .button:hover {
background: var(--primary_color);
color: #fff;
}
.single-product div.product div.summary .cart .button:hover:after {
left: 120%;
}
.single-product div.product div.summary .cart .button:focus {
outline-color: transparent;
outline: none;
}
.single-product div.product div.summary .cart .quantity {
margin: 0 10px 0 0;
}
.single-product div.product div.summary .cart .quantity input {
height: 40px;
width: 70px;
border: 1px solid #eeeeee;
color: #a8a8a8;
padding: 5px 15px;
}
.single-product div.product div.summary .cart .variations td.label {
width: 35%;
color: #000;
text-transform: uppercase;
font-size: 12px;
}
.single-product div.product div.summary .cart .variations .value select {
height: 35px;
background: #eeeeee;
border: 0;
border-radius: 0;
margin-bottom: 5px;
}
.single-product div.product div.summary .product_meta {
margin-top: 0;
}
.single-product div.product div.summary .product_meta .sku_wrapper,
.single-product div.product div.summary .product_meta .posted_in,
.single-product div.product div.summary .product_meta .tagged_as {
margin-top: 25px;
display: block;
color: #e6e6e6;
font-weight: 400;
}
.single-product div.product div.summary .product_meta .sku_wrapper strong,
.single-product div.product div.summary .product_meta .posted_in strong,
.single-product div.product div.summary .product_meta .tagged_as strong {
font-weight: 600;
color: #333;
display: inline-block;
min-width: 120px;
}
.single-product div.product div.summary .product_meta .sku_wrapper span,
.single-product div.product div.summary .product_meta .posted_in span,
.single-product div.product div.summary .product_meta .tagged_as span,
.single-product div.product div.summary .product_meta .sku_wrapper a,
.single-product div.product div.summary .product_meta .posted_in a,
.single-product div.product div.summary .product_meta .tagged_as a {
font-weight: 400;
color: #a8a8a8;
padding-right: 15px;
position: relative;
}
.single-product div.product div.summary .product_meta .sku_wrapper span:after,
.single-product div.product div.summary .product_meta .posted_in span:after,
.single-product div.product div.summary .product_meta .tagged_as span:after,
.single-product div.product div.summary .product_meta .sku_wrapper a:after,
.single-product div.product div.summary .product_meta .posted_in a:after,
.single-product div.product div.summary .product_meta .tagged_as a:after {
content: "/";
position: absolute;
right: 2px;
top: 0px;
}
.single-product div.product div.summary .product_meta .sku_wrapper span:last-child:after,
.single-product div.product div.summary .product_meta .posted_in span:last-child:after,
.single-product div.product div.summary .product_meta .tagged_as span:last-child:after,
.single-product div.product div.summary .product_meta .sku_wrapper a:last-child:after,
.single-product div.product div.summary .product_meta .posted_in a:last-child:after,
.single-product div.product div.summary .product_meta .tagged_as a:last-child:after {
content: "";
}
.single-product div.product div.summary .product_meta .sku_wrapper span:hover,
.single-product div.product div.summary .product_meta .posted_in span:hover,
.single-product div.product div.summary .product_meta .tagged_as span:hover,
.single-product div.product div.summary .product_meta .sku_wrapper a:hover,
.single-product div.product div.summary .product_meta .posted_in a:hover,
.single-product div.product div.summary .product_meta .tagged_as a:hover {
color: #000;
}
.single-product div.product div.summary .content-share {
margin-top: 25px;
}
.single-product div.product div.summary .content-share .social-title {
display: inline-block;
min-width: 120px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.single-product div.product div.summary .content-share .yolo-social {
display: inline-block;
}
.single-product div.product div.summary .content-share .yolo-social a {
padding: 10px;
}
.single-product div.product div.summary .content-share .yolo-social a i {
color: #a8a8a8;
}
.single-product div.product div.summary .content-share .yolo-social a:hover .fa-facebook {
color: #3C517F;
}
.single-product div.product div.summary .content-share .yolo-social a:hover .fa-google-plus {
color: #DD5044;
}
.single-product div.product div.summary .content-share .yolo-social a:hover .fa-twitter {
color: #5DD7FC;
}
.single-product div.product div.summary .content-share .yolo-social a:hover .fa-pinterest {
color: #DB242C;
}
.single-product div.product div.summary .content-share .yolo-social a:hover .fa-linkedin {
color: #0071AD;
}
.single-product div.product .woocommerce-tabs {
margin-top: 1em;
margin-bottom: 1em;
border-bottom: 0;
}
.single-product div.product .woocommerce-tabs .wc-tabs {
display: inline-block;
width: 100%;
text-align: center;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin: 50px auto;
}
.single-product div.product .woocommerce-tabs .wc-tabs > li {
border: none !important;
background-color: transparent !important;
display: inline-block;
float: none;
}
.single-product div.product .woocommerce-tabs .wc-tabs > li > a {
padding: 0.7rem 1.2rem;
background: transparent;
font-weight: bold;
font-size: 16px;
text-align: center;
color: none;
margin-right: 0;
border: 0;
opacity: 0.5;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.single-product div.product .woocommerce-tabs .wc-tabs > li > a:hover,
.single-product div.product .woocommerce-tabs .wc-tabs > li > a:focus {
border: 0;
opacity: 1;
font-size: 24px;
}
@media (max-width: 767px) {
.single-product div.product .woocommerce-tabs .wc-tabs > li > a:hover,
.single-product div.product .woocommerce-tabs .wc-tabs > li > a:focus {
font-size: 16px;
}
}
@media (max-width: 767px) {
.single-product div.product .woocommerce-tabs .wc-tabs > li {
border-bottom: 1px solid #eee;
}
}
@media (max-width: 767px) {
.single-product div.product .woocommerce-tabs .wc-tabs > li:last-child {
border-bottom: 0;
}
}
.single-product div.product .woocommerce-tabs .wc-tabs > li:before {
content: none !important;
}
.single-product div.product .woocommerce-tabs .wc-tabs > li:after {
content: none !important;
}
.single-product div.product .woocommerce-tabs .wc-tabs > li.active a {
opacity: 1;
font-size: 24px;
border: 0;
}
@media (max-width: 767px) {
.single-product div.product .woocommerce-tabs .wc-tabs > li.active a {
font-size: 16px;
}
}
.single-product div.product .woocommerce-tabs .wc-tabs > li.active a:after {
bottom: 0px;
content: "";
width: 100%;
height: 1px;
left: 0;
background: var(--primary_color);
position: absolute;
}
.single-product div.product div.tab-content {
padding: 30px 150px;
}
@media (max-width: 991px) {
.single-product div.product div.tab-content {
padding: 2em;
}
}
@media (max-width: 767px) {
.single-product div.product div.tab-content {
padding: 0em;
}
}
.single-product div.product div.tab-content .entry-content {
margin: 0;
}
.single-product div.product table.shop_attributes {
margin: 0;
}
.single-product div.product table.shop_attributes td p {
padding: 15px 0;
padding-left: 25px;
}
.single-product div.product #reviews #comments {
border: none;
padding: 0;
margin: 0;
}
.single-product div.product #reviews #comments h2 {
padding: 0;
margin: 0 0 30px 0;
font-size: 24px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
}
@media (max-width: 991px) {
.single-product div.product #reviews #comments h2 {
font-size: 18px;
}
}
.single-product div.product #reviews #comments div[itemprop='reviewRating'] {
color: #f3e200;
letter-spacing: 3px;
font-size: 12px;
width: 8.4em;
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container {
border-bottom: 1px solid #ebebeb;
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container .comment-avatar img {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: transparent;
border-width: 2px;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container .comment-text {
border: none;
padding-bottom: 25px;
margin: 0 0 0 70px;
padding-top: 0;
border-radius: 0;
}
@media (max-width: 479px) {
.single-product div.product #reviews #comments ol.commentlist li .comment_container .comment-text {
margin: 0;
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container .comment-text .meta {
margin: 25px 0px 35px 80px;
}
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container .comment-text .meta strong {
text-transform: uppercase;
margin-right: 15px;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container:hover .comment-avatar img {
border-color: var(--primary_color);
}
.single-product div.product #reviews #comments ol.commentlist li .comment_container:hover .comment-text .meta strong {
color: var(--primary_color);
}
.single-product div.product #reviews #review_form_wrapper {
margin-top: 40px;
}
.single-product div.product #reviews #review_form_wrapper #reply-title {
font-size: 24px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
margin-bottom: 50px;
}
.single-product div.product #reviews #review_form_wrapper form label {
min-width: 120px;
color: #333;
text-transform: uppercase;
font-size: 12px;
}
.single-product div.product #reviews #review_form_wrapper form input:not([type='submit']) {
border: 2px solid #ebebeb;
height: 40px;
padding: 0 10px;
margin-bottom: 15px;
}
.single-product div.product #reviews #review_form_wrapper form p.comment-form-author {
width: 51%;
float: left;
padding-right: 2%;
}
.single-product div.product #reviews #review_form_wrapper form p.comment-form-email {
width: 49%;
float: left;
}
.single-product div.product #reviews #review_form_wrapper form .comment-form-rating label {
margin-bottom: 10px;
}
.single-product div.product #reviews #review_form_wrapper form .stars a {
color: #a8a8a8;
}
.single-product div.product #reviews #review_form_wrapper form .stars a:hover {
color: var(--primary_color);
}
.single-product div.product #reviews #review_form_wrapper form .comment-form-comment label {
margin: 10px 0 20px;
}
.single-product div.product #reviews #review_form_wrapper form .comment-form-comment textarea {
border: 0;
height: 140px;
padding: 0 10px;
margin-bottom: 15px;
border: 2px solid #ebebeb;
}
.single-product div.product #reviews #review_form_wrapper form .form-submit input {
padding: 0 50px;
background: var(--primary_color);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
height: 40px;
line-height: 40px;
opacity: 0.8;
border-radius: 35px;
}
.single-product div.product #reviews #review_form_wrapper form .form-submit input:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.single-product div.product #reviews #review_form_wrapper form .form-submit input:hover {
background: var(--primary_color);
color: #fff;
}
.single-product div.product #reviews #review_form_wrapper form .form-submit input:hover:after {
left: 120%;
}
.single-product div.product #reviews #review_form_wrapper form .form-submit input:focus {
outline-color: transparent;
outline: none;
}
.single-product div.product #reviews #review_form_wrapper form .form-submit input:hover {
opacity: 1;
}
.related.products,
.upsells.products {
margin-top: 25px;
margin-bottom: 40px;
position: relative;
}
.related.products .title,
.upsells.products .title {
text-align: center;
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/custom-title-line.png);
background-repeat: repeat-x;
background-position: 0px 47px;
margin-bottom: 35px;
background-size: 1%;
}
.related.products .title h2,
.upsells.products .title h2 {
padding: 30px 30px 20px;
margin: 0;
background-color: #fff;
display: inline-block;
font-size: 24px;
font-style: italic;
}
.related.products .owl-prev,
.upsells.products .owl-prev {
left: -10px;
}
.related.products .owl-next,
.upsells.products .owl-next {
right: -10px;
}
.related.products:hover .owl-prev,
.upsells.products:hover .owl-prev,
.related.products:hover .owl-next,
.upsells.products:hover .owl-next {
opacity: 1;
} .woocommerce-cart .woocommerce table.cart {
border: 0;
border-radius: 0;
margin: 0;
}
.woocommerce-cart .woocommerce table.cart thead {
background-color: var(--primary_color);
color: #fff;
height: 50px;
}
.woocommerce-cart .woocommerce table.cart thead th {
border: 0;
padding: 15px 0;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th {
font-size: 14px;
}
}
.woocommerce-cart .woocommerce table.cart thead th.product-price {
text-align: center;
width: 15%;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th.product-price {
width: 25%;
}
}
.woocommerce-cart .woocommerce table.cart thead th.product-quantity {
text-align: center;
width: 15%;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th.product-quantity {
width: 25%;
}
}
.woocommerce-cart .woocommerce table.cart thead th.product-subtotal {
width: 15%;
text-align: center;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th.product-subtotal {
width: 25%;
display: none;
}
}
.woocommerce-cart .woocommerce table.cart thead th.product-name {
width: 30%;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th.product-name {
width: 50%;
}
}
.woocommerce-cart .woocommerce table.cart thead th.product-remove {
width: 5%;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th.product-remove {
width: 10%;
}
}
.woocommerce-cart .woocommerce table.cart thead th.product-thumbnail {
width: 20%;
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce table.cart thead th.product-thumbnail {
display: block;
}
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart thead th.product-thumbnail {
display: none;
width: 0%;
}
}
.woocommerce-cart .woocommerce table.cart tr:not(.cart_item) {
background-color: rgba(85, 85, 85, 0.05);
}
.woocommerce-cart .woocommerce table.cart tr:not(.cart_item) .actions {
padding-left: 50px;
padding-right: 50px;
padding-top: 38px;
padding-bottom: 38px;
}
.woocommerce-cart .woocommerce table.cart td {
border-width: 0 0 1px 0;
border-color: #ebebeb;
border-style: solid;
padding: 25px 0;
}
.woocommerce-cart .woocommerce table.cart td.product-remove {
text-align: center;
}
.woocommerce-cart .woocommerce table.cart td.product-remove a {
width: 30px;
height: 30px;
overflow: hidden;
position: relative;
text-indent: 30px;
display: inline-block;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-cart .woocommerce table.cart td.product-remove a:before {
font-family: 'FontAwesome';
content: "\f1f8";
font-size: 14px;
color: #e6e6e6;
position: absolute;
left: -20px;
top: 7px;
}
.woocommerce-cart .woocommerce table.cart td.product-remove a:hover {
background: none;
color: transparent;
}
.woocommerce-cart .woocommerce table.cart td.product-remove a:hover:before {
color: red;
}
.woocommerce-cart .woocommerce table.cart td.product-thumbnail {
text-align: center;
display: block;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart td.product-thumbnail {
display: none;
}
}
.woocommerce-cart .woocommerce table.cart td.product-name a {
font-size: 16px;
line-height: 24px;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart td.product-name a {
font-size: 14px;
}
}
.woocommerce-cart .woocommerce table.cart td.product-price {
text-align: center;
}
.woocommerce-cart .woocommerce table.cart td.product-price span {
font-size: 18px;
line-height: 24px;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart td.product-price span {
font-size: 16px;
}
}
.woocommerce-cart .woocommerce table.cart td.product-subtotal {
text-align: center;
}
.woocommerce-cart .woocommerce table.cart td.product-subtotal span {
font-size: 18px;
line-height: 24px;
}
@media (max-width: 480px) {
.woocommerce-cart .woocommerce table.cart td.product-subtotal {
display: none;
}
}
.woocommerce-cart .woocommerce table.cart td.product-quantity {
text-align: center;
}
.woocommerce-cart .woocommerce table.cart td.product-quantity input {
height: 40px;
width: 80px;
}
.woocommerce-cart .woocommerce table.cart img {
width: 80px;
}
.woocommerce .cart .button {
padding: 0 21px;
background: transparent;
border: 1px solid var(--primary_color);
color: #333;
text-transform: uppercase;
overflow: hidden;
position: relative;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
height: 40px;
line-height: 40px;
display: inline-block;
border-radius: 3px;
}
.woocommerce .cart .button:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.woocommerce .cart .button:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce .cart .button:hover:after {
left: 120%;
}
.woocommerce .cart .button:focus {
outline-color: transparent;
outline: none;
}
.woocommerce .cart .button:disabled {
padding: 0 21px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
height: 40px;
line-height: 40px;
min-width: 230px;
background: #fff;
border: 0;
margin-right: 10px;
border-radius: 3px;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart td.actions .coupon .input-text {
min-width: 50px;
width: 48%;
}
}
@media (max-width: 480px) {
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.woocommerce-cart table.cart td.actions input {
width: 100% !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.woocommerce-cart table.cart td.actions .coupon {
margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce-cart table.cart td.actions .coupon {
margin-bottom: 10px;
}
}
.woocommerce-cart table.cart td.actions button {
display: inline-block;
}
@media (min-width: 992px) and (max-width: 1199px) {
.woocommerce-cart table.cart td.actions button {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce-cart table.cart td.actions button {
display: inline-block;
}
}
.woocommerce-cart .cart-collaterals {
margin-top: 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100%;
padding: 20px 30px;
border: 1px solid rgba(51, 51, 51, 0.1);
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 24px;
margin: 10px 0 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody {
border: 0;
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody th,
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody td {
border-top: 0;
text-align: left;
border-color: rgba(0, 0, 0, 0.05);
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody th {
font-weight: 700;
color: #000;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .order-total td {
border: 0;
padding-top: 20px;
padding-bottom: 15px;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .order-total td .amount {
font-size: 24px;
line-height: 20px;
color: #333;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .cart-subtotal td .amount {
font-size: 24px;
line-height: 20px;
color: #333;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .cart-subtotal td,
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .cart-subtotal th {
padding-bottom: 15px;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping #shipping_method li {
text-indent: 0;
padding: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping #shipping_method li label {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping #shipping_method .amount {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping .woocommerce-shipping-calculator button {
padding: 0 21px;
background: var(--primary_color);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
display: block;
height: 36px;
line-height: 36px;
opacity: 0.8;
margin: 3px;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping .woocommerce-shipping-calculator button:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping .woocommerce-shipping-calculator button:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping .woocommerce-shipping-calculator button:hover:after {
left: 120%;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping .woocommerce-shipping-calculator button:focus {
outline-color: transparent;
outline: none;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table_responsive tbody .shipping .woocommerce-shipping-calculator button:hover {
opacity: 1;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a {
padding: 0 21px;
background: var(--primary_color);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
display: block;
height: 45px;
line-height: 45px;
opacity: 0.8;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:hover:after {
left: 120%;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:focus {
outline-color: transparent;
outline: none;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:hover {
opacity: 1;
}
.woocommerce-checkout #primay {
margin-top: 80px;
}
.woocommerce-checkout #primay article.hentry {
padding: 30px 50px;
}
.woocommerce-checkout .checkout {
margin-top: 100px;
}
.woocommerce-checkout form.login {
border-radius: 0;
border: 0 !important;
padding: 30px 25%;
}
.woocommerce-checkout form.login .button {
width: 100%;
border: 0;
background: rgba(255, 168, 0, 0.8);
border-radius: 0;
height: 44px;
text-align: center;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
line-height: 25px;
text-shadow: none;
margin: 0;
color: #fff;
}
.woocommerce-checkout form.login .button:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce-checkout form.login label[for='rememberme'] {
margin-left: 12px;
}
.woocommerce-checkout form.login label[for='rememberme'] input {
width: auto;
height: inherit;
display: inline-block;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.woocommerce-checkout .woocommerce-info {
text-align: center;
padding: 0 !important;
margin: 30px 0 30px 0 !important;
border: 0;
background: none;
color: #e6e6e6;
font-weight: 400;
font-size: 18px;
}
.woocommerce-checkout .woocommerce-info:before {
display: none;
}
.woocommerce-checkout form.checkout_coupon {
border: 0;
padding: 0;
margin: 0 auto;
max-width: 600px;
width: 100%;
}
.woocommerce-checkout form.checkout_coupon .form-row-first {
width: 76%;
float: left;
}
.woocommerce-checkout form.checkout_coupon .form-row-last {
width: 24%;
float: left;
}
.woocommerce-checkout form.checkout_coupon input[type='text'] {
display: block;
height: 38px;
border: 0;
width: 100%;
color: #000;
font-size: 14px;
border-radius: 0;
font-style: normal;
font-weight: 400;
background: #eeeeee;
}
.woocommerce-checkout form.checkout_coupon input[type='text']::-moz-placeholder {
color: #000;
opacity: 1;
}
.woocommerce-checkout form.checkout_coupon input[type='text']:-ms-input-placeholder {
color: #000;
}
.woocommerce-checkout form.checkout_coupon input[type='text']::-webkit-input-placeholder {
color: #000;
}
.woocommerce-checkout form.checkout_coupon input[type='text']:focus {
outline: none;
outline-color: transparent;
}
.woocommerce-checkout form.checkout_coupon button {
width: 100%;
height: 38px;
background: rgba(255, 168, 0, 0.8);
color: #fff;
border-radius: 0;
display: block;
text-align: center;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.woocommerce-checkout form.checkout_coupon button:focus {
outline: none;
outline-color: transparent;
}
.woocommerce-checkout form.checkout_coupon button:hover {
background: var(--primary_color);
}
.woocommerce-checkout #customer_details h3 {
margin: 0 0 34px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce-checkout #customer_details h3:after {
content: "";
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-arrow.png);
background-repeat: no-repeat;
background-position: 6px 0px;
width: 50px;
}
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
margin-top: 30px;
}
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label {
margin: 0 0 34px 0;
position: relative;
display: inline-block;
}
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label span {
margin-left: 20px;
}
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox {
margin: 10px 0;
}
.woocommerce-checkout form .form-row {
padding: 0;
margin: 0 0 22px;
}
.woocommerce-checkout form .form-row.billing_address_2_field {
margin-top: 15px;
}
.woocommerce-checkout form .form-row label {
font-weight: 700;
color: #333;
margin: 0 0 11px 0;
padding: 0;
}
.woocommerce-checkout form .form-row input,
.woocommerce-checkout form .form-row .select2-container .select2-choice {
height: 40px;
width: 100%;
border: 2px solid rgba(85, 85, 85, 0.1);
border-radius: 0;
font-weight: 400;
color: #333;
font-style: normal;
line-height: 35px;
padding: 0 10px;
}
.woocommerce-checkout form .form-row input::-moz-placeholder,
.woocommerce-checkout form .form-row .select2-container .select2-choice::-moz-placeholder {
color: #a8a8a8;
opacity: 1;
}
.woocommerce-checkout form .form-row input:-ms-input-placeholder,
.woocommerce-checkout form .form-row .select2-container .select2-choice:-ms-input-placeholder {
color: #a8a8a8;
}
.woocommerce-checkout form .form-row input::-webkit-input-placeholder,
.woocommerce-checkout form .form-row .select2-container .select2-choice::-webkit-input-placeholder {
color: #a8a8a8;
}
.woocommerce-checkout form .form-row textarea {
border: 2px solid rgba(85, 85, 85, 0.1);
border-radius: 0;
font-size: 14px;
font-weight: 400;
color: #e6e6e6;
font-style: normal;
line-height: 35px;
padding: 10px;
width: 100%;
height: 200px;
}
.woocommerce-checkout form .form-row textarea::-moz-placeholder {
color: #e6e6e6;
opacity: 1;
}
.woocommerce-checkout form .form-row textarea:-ms-input-placeholder {
color: #e6e6e6;
}
.woocommerce-checkout form .form-row textarea::-webkit-input-placeholder {
color: #e6e6e6;
}
.woocommerce-checkout form .form-row .input-checkbox {
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
height: inherit;
display: inline-block;
}
.woocommerce-checkout form .form-row .input-checkbox:focus {
outline: none;
outline-color: transparent;
}
.woocommerce-checkout .order_review_wrap {
border: 2px solid rgba(85, 85, 85, 0.1);
padding: 30px 30px 90px;
}
.woocommerce-checkout .order_review_wrap #order_review_heading {
margin: 0 0 34px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce-checkout .order_review_wrap #order_review_heading:after {
content: "";
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-arrow.png);
background-repeat: no-repeat;
background-position: 6px 0px;
width: 50px;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table {
border: 0;
margin: 0;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tr th,
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tr td {
border: 0;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tr th.product-total {
text-align: right;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table thead th {
padding: 0 0 10px 0;
margin: 0;
color: #000;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #e2e2e2;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tbody .cart_item:first-child td {
padding-top: 20px;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tbody .cart_item:last-child td {
padding-bottom: 20px;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tbody td {
padding: 10px 0;
color: rgba(51, 51, 51, 0.7);
vertical-align: top;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tbody td.product-total {
text-align: right;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tbody .cart_item:last-child td {
border-bottom: 1px solid #e2e2e2;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .cart-subtotal td,
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .cart-subtotal th {
padding-top: 23px;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .cart-subtotal td .amount,
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .cart-subtotal th .amount {
color: var(--primary_color);
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .shipping td,
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .shipping th {
padding: 15px 0;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .shipping #shipping_method li {
text-indent: 0;
padding: 0;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .shipping #shipping_method li label {
font-weight: normal;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .order-total .amount {
font-size: 24px;
line-height: 24px;
color: var(--primary_color);
display: block;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .order-total td,
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot .order-total th {
border: 0;
padding-bottom: 0;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot th {
margin: 0;
color: #000;
font-size: 14px;
font-weight: 700;
padding: 23px 0;
border-bottom: 1px solid #e2e2e2;
}
.woocommerce-checkout .order_review_wrap #order_review table.shop_table tfoot td {
font-weight: 400;
font-size: 14px;
border-bottom: 1px solid #e2e2e2;
padding: 23px 0;
}
.woocommerce-checkout #payment {
background: transparent;
border-radius: 0;
margin-top: 30px;
}
.woocommerce-checkout #payment ul.payment_methods {
border: 1px solid #eaeaea;
background: #fff;
padding: 0 0 10px 0;
}
.woocommerce-checkout #payment ul.payment_methods li {
border-top: 1px solid #eaeaea;
}
.woocommerce-checkout #payment ul.payment_methods li:first-child {
border-top: 0;
}
.woocommerce-checkout #payment ul.payment_methods li label {
font-size: 14px;
font-weight: 700;
padding-right: 20px;
}
.woocommerce-checkout #payment ul.payment_methods li input[type='radio'] {
margin: 15px 20px 15px 10px;
}
.woocommerce-checkout #payment div.payment_box {
background: transparent;
border-top: 1px solid #e2e2e2;
margin: 0;
padding: 20px;
width: 100%;
}
.woocommerce-checkout #payment div.payment_box:before {
top: -0.85em;
}
.woocommerce-checkout #payment div.payment_box:after {
display: none;
}
.woocommerce-checkout #payment li.payment_method_paypal label img {
display: block;
margin: 6px 0 0 0;
}
.woocommerce-checkout #payment li.payment_method_paypal label .about_paypal {
float: left;
line-height: 30px;
}
.woocommerce-checkout #payment div.place-order {
padding: 0;
margin: 30px 0 0 0;
}
.woocommerce-checkout #payment #place_order {
width: 100%;
border: 0;
background-color: var(--primary_color);
height: 44px;
text-align: center;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
line-height: 25px;
text-shadow: none;
margin: 0;
color: #fff;
opacity: 0.8;
border-radius: 3px;
}
.woocommerce-checkout #payment #place_order:hover {
opacity: 1;
color: #fff;
}
.woocommerce-checkout .yolo-checkout-complete {
padding-top: 40px;
}
.woocommerce-checkout .yolo-checkout-complete .order_details {
margin: 30px 0;
padding: 0;
}
.woocommerce-checkout .yolo-checkout-complete h2,
.woocommerce-checkout .yolo-checkout-complete h3 {
margin: 30px 0 20px 0;
color: #000;
font-size: 16px;
font-weight: 700;
position: relative;
font-style: italic;
}
.woocommerce-checkout .yolo-checkout-complete table.order_details,
.woocommerce-checkout .yolo-checkout-complete table.customer_details {
border: 0;
border-radius: 0;
margin: 0 0 50px 0;
}
.woocommerce-checkout .yolo-checkout-complete table.order_details th,
.woocommerce-checkout .yolo-checkout-complete table.customer_details th,
.woocommerce-checkout .yolo-checkout-complete table.order_details td,
.woocommerce-checkout .yolo-checkout-complete table.customer_details td {
border-width: 0 0 1px 0;
border-color: #eeeff0;
border-style: solid;
}
.woocommerce-checkout .yolo-checkout-complete table.order_details thead th,
.woocommerce-checkout .yolo-checkout-complete table.customer_details thead th {
text-transform: uppercase;
padding: 13px 0;
}
.woocommerce-checkout .yolo-checkout-complete table.order_details td,
.woocommerce-checkout .yolo-checkout-complete table.customer_details td {
padding: 25px 0;
} .woocommerce-account button {
display: inline-block;
padding: 8px 30px;
font-weight: 400;
color: #333;
text-align: center;
line-height: 24px;
text-transform: uppercase;
border-radius: 0;
margin-top: 20px;
border: 2px solid var(--primary_color);
background-color: transparent;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce-account button:hover,
.woocommerce-account button:focus {
background: var(--primary_color);
color: #fff;
}
.woocommerce-account input:not([type='submit']) {
display: block;
height: 40px;
border: 2px solid rgba(85, 85, 85, 0.1);
width: 100%;
color: #333;
font-size: 14px;
border-radius: 0;
font-style: normal;
font-weight: 400;
background: transparent;
padding: 0 10px;
}
.woocommerce-account input:not([type='submit'])::-moz-placeholder {
color: #e6e6e6;
opacity: 1;
}
.woocommerce-account input:not([type='submit']):-ms-input-placeholder {
color: #e6e6e6;
}
.woocommerce-account input:not([type='submit'])::-webkit-input-placeholder {
color: #e6e6e6;
}
.woocommerce-account input:not([type='submit']):focus {
outline: none;
outline-color: transparent;
}
.woocommerce-account #customer_login h2 {
margin-top: 0;
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-style: italic;
margin-bottom: 70px;
}
.woocommerce-account #customer_login h2:after {
content: "";
width: 50px;
}
.woocommerce-account #customer_login h2:after {
content: "";
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-arrow.png);
background-repeat: no-repeat;
background-position: 5px 3px;
}
.woocommerce-account #customer_login label,
.woocommerce-account #customer_login p {
font-weight: 500;
padding: 0;
}
.woocommerce-account #customer_login label[for='rememberme'] {
margin-left: 12px;
}
.woocommerce-account #customer_login label[for='rememberme'] input {
width: auto;
height: inherit;
display: inline-block;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme input {
width: auto;
margin-right: 5px;
margin-top: 0;
}
.woocommerce-account form.register {
min-height: 322px;
}
.woocommerce-account h2,
.woocommerce-account h3 {
font-size: 20px;
margin-bottom: 25px;
}
.select2-drop-mask {
background: #a8a8a8;
}
.woocommerce form.lost_reset_password input {
border: 1px solid #eeeeee;
}
.woocommerce form.login,
.woocommerce form.register {
border-width: 0px;
padding: 0;
border-radius: 0;
}
.woocommerce form.login .form-row,
.woocommerce form.register .form-row {
margin-bottom: 15px;
}
.woocommerce form.login label,
.woocommerce form.register label,
.woocommerce form.login .lost_password,
.woocommerce form.register .lost_password {
font-size: 14px;
font-weight: 700;
color: #333;
margin: 0 0 10px 0;
padding: 0;
}
.woocommerce form.login button,
.woocommerce form.register button {
padding: 15px 45px;
border-radius: 35px;
} .woocommerce {  }
.woocommerce .myaccount_message {
border: 2px solid var(--primary_color);
padding: 10px 20px;
margin-bottom: 5.5em;
}
.woocommerce .myaccount_message strong {
color: var(--primary_color);
}
.woocommerce .myaccount_user {
text-align: center;
}
.woocommerce .myaccount_user a {
color: var(--primary_color);
}
.woocommerce .myaccount_user a:hover {
color: #333;
}
@media (min-width: 1200px) {
.woocommerce .myaccount_wrap {
width: 66.66666666%;
margin: 0 auto;
}
}
.woocommerce .myaccount_wrap h2 {
font-size: 24px;
margin: 3em 0 1.5em;
}
.woocommerce .myaccount_wrap h2:after {
content: "";
width: 50px;
}
.woocommerce .myaccount_wrap h2 i {
font-size: 18px;
color: var(--primary_color);
margin-right: 0.65em;
}
@media (max-width: 767px) {
.woocommerce .myaccount_wrap h2 {
font-size: 18px;
}
}
.woocommerce .myaccount_wrap .box,
.woocommerce .myaccount_wrap .address {
border: 1px solid #eee;
padding: 2.14285714em;
position: relative;
}
.woocommerce .myaccount_wrap .box .edit,
.woocommerce .myaccount_wrap .address .edit {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #FFA800;
border-color: #e69700;
padding: 0.3em 2em;
opacity: 0.8;
filter: alpha(opacity=80);
position: absolute;
bottom: 10px;
left: 30px;
}
.woocommerce .myaccount_wrap .box .edit:focus,
.woocommerce .myaccount_wrap .address .edit:focus,
.woocommerce .myaccount_wrap .box .edit:active:focus,
.woocommerce .myaccount_wrap .address .edit:active:focus,
.woocommerce .myaccount_wrap .box .edit.active:focus,
.woocommerce .myaccount_wrap .address .edit.active:focus,
.woocommerce .myaccount_wrap .box .edit.focus,
.woocommerce .myaccount_wrap .address .edit.focus,
.woocommerce .myaccount_wrap .box .edit:active.focus,
.woocommerce .myaccount_wrap .address .edit:active.focus,
.woocommerce .myaccount_wrap .box .edit.active.focus,
.woocommerce .myaccount_wrap .address .edit.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.woocommerce .myaccount_wrap .box .edit:hover,
.woocommerce .myaccount_wrap .address .edit:hover,
.woocommerce .myaccount_wrap .box .edit:focus,
.woocommerce .myaccount_wrap .address .edit:focus,
.woocommerce .myaccount_wrap .box .edit.focus,
.woocommerce .myaccount_wrap .address .edit.focus {
color: #333;
text-decoration: none;
}
.woocommerce .myaccount_wrap .box .edit:active,
.woocommerce .myaccount_wrap .address .edit:active,
.woocommerce .myaccount_wrap .box .edit.active,
.woocommerce .myaccount_wrap .address .edit.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.woocommerce .myaccount_wrap .box .edit.disabled,
.woocommerce .myaccount_wrap .address .edit.disabled,
.woocommerce .myaccount_wrap .box .edit[disabled],
.woocommerce .myaccount_wrap .address .edit[disabled],
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.woocommerce .myaccount_wrap .box .edit.disabled,
a.woocommerce .myaccount_wrap .address .edit.disabled,
fieldset[disabled] a.woocommerce .myaccount_wrap .box .edit,
fieldset[disabled] a.woocommerce .myaccount_wrap .address .edit {
pointer-events: none;
}
.woocommerce .myaccount_wrap .box .edit:focus,
.woocommerce .myaccount_wrap .address .edit:focus,
.woocommerce .myaccount_wrap .box .edit.focus,
.woocommerce .myaccount_wrap .address .edit.focus {
color: #fff;
background-color: #cc8600;
border-color: #664300;
}
.woocommerce .myaccount_wrap .box .edit:hover,
.woocommerce .myaccount_wrap .address .edit:hover {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.woocommerce .myaccount_wrap .box .edit:active,
.woocommerce .myaccount_wrap .address .edit:active,
.woocommerce .myaccount_wrap .box .edit.active,
.woocommerce .myaccount_wrap .address .edit.active,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .box .edit,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .address .edit {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.woocommerce .myaccount_wrap .box .edit:active:hover,
.woocommerce .myaccount_wrap .address .edit:active:hover,
.woocommerce .myaccount_wrap .box .edit.active:hover,
.woocommerce .myaccount_wrap .address .edit.active:hover,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .box .edit:hover,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .address .edit:hover,
.woocommerce .myaccount_wrap .box .edit:active:focus,
.woocommerce .myaccount_wrap .address .edit:active:focus,
.woocommerce .myaccount_wrap .box .edit.active:focus,
.woocommerce .myaccount_wrap .address .edit.active:focus,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .box .edit:focus,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .address .edit:focus,
.woocommerce .myaccount_wrap .box .edit:active.focus,
.woocommerce .myaccount_wrap .address .edit:active.focus,
.woocommerce .myaccount_wrap .box .edit.active.focus,
.woocommerce .myaccount_wrap .address .edit.active.focus,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .box .edit.focus,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .address .edit.focus {
color: #fff;
background-color: #a86f00;
border-color: #664300;
}
.woocommerce .myaccount_wrap .box .edit:active,
.woocommerce .myaccount_wrap .address .edit:active,
.woocommerce .myaccount_wrap .box .edit.active,
.woocommerce .myaccount_wrap .address .edit.active,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .box .edit,
.open > .dropdown-toggle.woocommerce .myaccount_wrap .address .edit {
background-image: none;
}
.woocommerce .myaccount_wrap .box .edit.disabled,
.woocommerce .myaccount_wrap .address .edit.disabled,
.woocommerce .myaccount_wrap .box .edit[disabled],
.woocommerce .myaccount_wrap .address .edit[disabled],
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit,
.woocommerce .myaccount_wrap .box .edit.disabled:hover,
.woocommerce .myaccount_wrap .address .edit.disabled:hover,
.woocommerce .myaccount_wrap .box .edit[disabled]:hover,
.woocommerce .myaccount_wrap .address .edit[disabled]:hover,
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit:hover,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit:hover,
.woocommerce .myaccount_wrap .box .edit.disabled:focus,
.woocommerce .myaccount_wrap .address .edit.disabled:focus,
.woocommerce .myaccount_wrap .box .edit[disabled]:focus,
.woocommerce .myaccount_wrap .address .edit[disabled]:focus,
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit:focus,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit:focus,
.woocommerce .myaccount_wrap .box .edit.disabled.focus,
.woocommerce .myaccount_wrap .address .edit.disabled.focus,
.woocommerce .myaccount_wrap .box .edit[disabled].focus,
.woocommerce .myaccount_wrap .address .edit[disabled].focus,
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit.focus,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit.focus,
.woocommerce .myaccount_wrap .box .edit.disabled:active,
.woocommerce .myaccount_wrap .address .edit.disabled:active,
.woocommerce .myaccount_wrap .box .edit[disabled]:active,
.woocommerce .myaccount_wrap .address .edit[disabled]:active,
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit:active,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit:active,
.woocommerce .myaccount_wrap .box .edit.disabled.active,
.woocommerce .myaccount_wrap .address .edit.disabled.active,
.woocommerce .myaccount_wrap .box .edit[disabled].active,
.woocommerce .myaccount_wrap .address .edit[disabled].active,
fieldset[disabled] .woocommerce .myaccount_wrap .box .edit.active,
fieldset[disabled] .woocommerce .myaccount_wrap .address .edit.active {
background-color: #FFA800;
border-color: #e69700;
}
.woocommerce .myaccount_wrap .box .edit .badge,
.woocommerce .myaccount_wrap .address .edit .badge {
color: #FFA800;
background-color: #fff;
}
.woocommerce .myaccount_wrap .box .edit:before,
.woocommerce .myaccount_wrap .address .edit:before {
content: "\f040";
font-family: "fontawesome";
margin-right: 0.5em;
}
@media (max-width: 767px) {
.woocommerce .myaccount_wrap .box,
.woocommerce .myaccount_wrap .address {
margin-bottom: 1em;
}
}
.woocommerce table.my_account_orders tr {
border-bottom: 1px solid #eee;
}
.woocommerce table.my_account_orders tr th,
.woocommerce table.my_account_orders tr td {
padding: 15px;
}
@media (max-width: 480px) {
.woocommerce table.my_account_orders tr th,
.woocommerce table.my_account_orders tr td {
padding: 10px 5px;
font-size: 12px;
}
}
.woocommerce table.my_account_orders tr td.order-number a {
font-size: 18px;
font-weight: 700;
color: var(--primary_color);
}
@media (max-width: 480px) {
.woocommerce table.my_account_orders tr td.order-number a {
font-size: 12px;
}
}
.woocommerce table.my_account_orders tr td.order-status {
font-weight: 700;
}
@media (max-width: 479px) {
.woocommerce table.my_account_orders tr td.order-status {
display: none;
}
}
.woocommerce table.my_account_orders tr td.order-total .amount {
font-size: 18px;
margin-right: 3px;
}
.woocommerce table.my_account_orders tr .order-actions .button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #FFA800;
border-color: #e69700;
padding: 0.3em 2em;
opacity: 0.8;
filter: alpha(opacity=80);
margin: 3px;
}
.woocommerce table.my_account_orders tr .order-actions .button:focus,
.woocommerce table.my_account_orders tr .order-actions .button:active:focus,
.woocommerce table.my_account_orders tr .order-actions .button.active:focus,
.woocommerce table.my_account_orders tr .order-actions .button.focus,
.woocommerce table.my_account_orders tr .order-actions .button:active.focus,
.woocommerce table.my_account_orders tr .order-actions .button.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.woocommerce table.my_account_orders tr .order-actions .button:hover,
.woocommerce table.my_account_orders tr .order-actions .button:focus,
.woocommerce table.my_account_orders tr .order-actions .button.focus {
color: #333;
text-decoration: none;
}
.woocommerce table.my_account_orders tr .order-actions .button:active,
.woocommerce table.my_account_orders tr .order-actions .button.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.woocommerce table.my_account_orders tr .order-actions .button.disabled,
.woocommerce table.my_account_orders tr .order-actions .button[disabled],
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.woocommerce table.my_account_orders tr .order-actions .button.disabled,
fieldset[disabled] a.woocommerce table.my_account_orders tr .order-actions .button {
pointer-events: none;
}
.woocommerce table.my_account_orders tr .order-actions .button:focus,
.woocommerce table.my_account_orders tr .order-actions .button.focus {
color: #fff;
background-color: #cc8600;
border-color: #664300;
}
.woocommerce table.my_account_orders tr .order-actions .button:hover {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.woocommerce table.my_account_orders tr .order-actions .button:active,
.woocommerce table.my_account_orders tr .order-actions .button.active,
.open > .dropdown-toggle.woocommerce table.my_account_orders tr .order-actions .button {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.woocommerce table.my_account_orders tr .order-actions .button:active:hover,
.woocommerce table.my_account_orders tr .order-actions .button.active:hover,
.open > .dropdown-toggle.woocommerce table.my_account_orders tr .order-actions .button:hover,
.woocommerce table.my_account_orders tr .order-actions .button:active:focus,
.woocommerce table.my_account_orders tr .order-actions .button.active:focus,
.open > .dropdown-toggle.woocommerce table.my_account_orders tr .order-actions .button:focus,
.woocommerce table.my_account_orders tr .order-actions .button:active.focus,
.woocommerce table.my_account_orders tr .order-actions .button.active.focus,
.open > .dropdown-toggle.woocommerce table.my_account_orders tr .order-actions .button.focus {
color: #fff;
background-color: #a86f00;
border-color: #664300;
}
.woocommerce table.my_account_orders tr .order-actions .button:active,
.woocommerce table.my_account_orders tr .order-actions .button.active,
.open > .dropdown-toggle.woocommerce table.my_account_orders tr .order-actions .button {
background-image: none;
}
.woocommerce table.my_account_orders tr .order-actions .button.disabled,
.woocommerce table.my_account_orders tr .order-actions .button[disabled],
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button,
.woocommerce table.my_account_orders tr .order-actions .button.disabled:hover,
.woocommerce table.my_account_orders tr .order-actions .button[disabled]:hover,
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button:hover,
.woocommerce table.my_account_orders tr .order-actions .button.disabled:focus,
.woocommerce table.my_account_orders tr .order-actions .button[disabled]:focus,
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button:focus,
.woocommerce table.my_account_orders tr .order-actions .button.disabled.focus,
.woocommerce table.my_account_orders tr .order-actions .button[disabled].focus,
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button.focus,
.woocommerce table.my_account_orders tr .order-actions .button.disabled:active,
.woocommerce table.my_account_orders tr .order-actions .button[disabled]:active,
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button:active,
.woocommerce table.my_account_orders tr .order-actions .button.disabled.active,
.woocommerce table.my_account_orders tr .order-actions .button[disabled].active,
fieldset[disabled] .woocommerce table.my_account_orders tr .order-actions .button.active {
background-color: #FFA800;
border-color: #e69700;
}
.woocommerce table.my_account_orders tr .order-actions .button .badge {
color: #FFA800;
background-color: #fff;
}
.woocommerce table.my_account_orders tr .order-actions .button:before {
content: "\f002";
font-family: "fontawesome";
margin-right: 0.5em;
}
@media (max-width: 480px) {
.woocommerce table.my_account_orders tr .order-actions .button {
font-size: 12px;
}
}
.woocommerce table.my_account_orders tr .order-actions .button:hover {
opacity: 1;
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.woocommerce ol.commentlist.notes li.note p.meta {
font-weight: bold;
margin-bottom: 0;
}
.woocommerce ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce ul.digital-downloads li:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 7px;
content: "\e00a";
}
.woocommerce ul.digital-downloads li .count {
float: right;
}
.woocommerce .form_edit_account > h3 {
font-size: 24px;
margin: 0 0 2.5em;
}
.woocommerce .form_edit_account > h3:after {
content: "";
width: 50px;
}
.woocommerce .form_edit_account > h3 i {
font-size: 18px;
color: var(--primary_color);
margin-right: 0.53571429em;
}
.woocommerce .form_edit_account form legend {
border: 0;
text-transform: uppercase;
font-size: 24px;
color: var(--primary_color);
padding: 20px 0;
margin: 0;
font-weight: 700;
}
.woocommerce .form_edit_account form .button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #fff;
background-color: #FFA800;
border-color: #e69700;
margin-top: 20px;
}
.woocommerce .form_edit_account form .button:focus,
.woocommerce .form_edit_account form .button:active:focus,
.woocommerce .form_edit_account form .button.active:focus,
.woocommerce .form_edit_account form .button.focus,
.woocommerce .form_edit_account form .button:active.focus,
.woocommerce .form_edit_account form .button.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.woocommerce .form_edit_account form .button:hover,
.woocommerce .form_edit_account form .button:focus,
.woocommerce .form_edit_account form .button.focus {
color: #333;
text-decoration: none;
}
.woocommerce .form_edit_account form .button:active,
.woocommerce .form_edit_account form .button.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.woocommerce .form_edit_account form .button.disabled,
.woocommerce .form_edit_account form .button[disabled],
fieldset[disabled] .woocommerce .form_edit_account form .button {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.woocommerce .form_edit_account form .button.disabled,
fieldset[disabled] a.woocommerce .form_edit_account form .button {
pointer-events: none;
}
.woocommerce .form_edit_account form .button:focus,
.woocommerce .form_edit_account form .button.focus {
color: #fff;
background-color: #cc8600;
border-color: #664300;
}
.woocommerce .form_edit_account form .button:hover {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.woocommerce .form_edit_account form .button:active,
.woocommerce .form_edit_account form .button.active,
.open > .dropdown-toggle.woocommerce .form_edit_account form .button {
color: #fff;
background-color: #cc8600;
border-color: #a86f00;
}
.woocommerce .form_edit_account form .button:active:hover,
.woocommerce .form_edit_account form .button.active:hover,
.open > .dropdown-toggle.woocommerce .form_edit_account form .button:hover,
.woocommerce .form_edit_account form .button:active:focus,
.woocommerce .form_edit_account form .button.active:focus,
.open > .dropdown-toggle.woocommerce .form_edit_account form .button:focus,
.woocommerce .form_edit_account form .button:active.focus,
.woocommerce .form_edit_account form .button.active.focus,
.open > .dropdown-toggle.woocommerce .form_edit_account form .button.focus {
color: #fff;
background-color: #a86f00;
border-color: #664300;
}
.woocommerce .form_edit_account form .button:active,
.woocommerce .form_edit_account form .button.active,
.open > .dropdown-toggle.woocommerce .form_edit_account form .button {
background-image: none;
}
.woocommerce .form_edit_account form .button.disabled,
.woocommerce .form_edit_account form .button[disabled],
fieldset[disabled] .woocommerce .form_edit_account form .button,
.woocommerce .form_edit_account form .button.disabled:hover,
.woocommerce .form_edit_account form .button[disabled]:hover,
fieldset[disabled] .woocommerce .form_edit_account form .button:hover,
.woocommerce .form_edit_account form .button.disabled:focus,
.woocommerce .form_edit_account form .button[disabled]:focus,
fieldset[disabled] .woocommerce .form_edit_account form .button:focus,
.woocommerce .form_edit_account form .button.disabled.focus,
.woocommerce .form_edit_account form .button[disabled].focus,
fieldset[disabled] .woocommerce .form_edit_account form .button.focus,
.woocommerce .form_edit_account form .button.disabled:active,
.woocommerce .form_edit_account form .button[disabled]:active,
fieldset[disabled] .woocommerce .form_edit_account form .button:active,
.woocommerce .form_edit_account form .button.disabled.active,
.woocommerce .form_edit_account form .button[disabled].active,
fieldset[disabled] .woocommerce .form_edit_account form .button.active {
background-color: #FFA800;
border-color: #e69700;
}
.woocommerce .form_edit_account form .button .badge {
color: #FFA800;
background-color: #fff;
}
@media (min-width: 1200px) {
.woocommerce .view_order {
width: 880px;
margin: 0 auto;
}
}
.woocommerce .view_order .top_view_order {
text-align: center;
}
.woocommerce .view_order .top_view_order .order_details {
padding: 2em 3em;
border: 2px solid var(--primary_color);
}
.woocommerce .view_order .top_view_order .order_details li {
display: inline-block;
margin: 0 20px;
list-style: none;
font-weight: 700;
}
.woocommerce .view_order .top_view_order .order_details li strong {
color: var(--primary_color);
}
.woocommerce .view_order .top_view_order .order-info {
padding: 2em 3em;
border: 2px solid var(--primary_color);
font-weight: 700;
}
.woocommerce .view_order .top_view_order .order-info mark {
background: transparent;
padding: 0;
color: var(--primary_color);
}
@media (max-width: 767px) {
.woocommerce .view_order .top_view_order .order-info {
padding: 1em;
}
}
.woocommerce .view_order h2 {
font-size: 24px;
margin-top: 3.5em;
margin-bottom: 2em;
}
.woocommerce .view_order h2:after {
content: "";
width: 50px;
}
.woocommerce .view_order .wrap_order_details {
padding: 1em 3em;
border: 1px solid #eee;
}
@media (min-width: 1200px) {
.woocommerce .view_order .wrap_order_details {
width: 570px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.woocommerce .view_order .wrap_order_details {
padding: 1em;
}
}
.woocommerce .view_order .wrap_order_details table tr th,
.woocommerce .view_order .wrap_order_details table tr td {
padding: 1em 0;
}
.woocommerce .view_order .wrap_order_details table tr .amount {
font-size: 18px;
}
.woocommerce .view_order .wrap_order_details table tbody {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.woocommerce .view_order .wrap_order_details table tbody .product-name strong {
color: var(--primary_color);
font-weight: 400;
}
@media (min-width: 1200px) {
.woocommerce .view_order .wrap_order_details table tfoot tr th {
padding-left: 3em;
}
}
.woocommerce .view_order .wrap_order_details table tfoot tr:last-child .amount {
color: var(--primary_color);
font-size: 24px;
}
.woocommerce .view_order .wrap_customer_details {
margin: 2em 0;
padding: 1em 2em;
border: 1px solid #eee;
}
@media (min-width: 1200px) {
.woocommerce .view_order .wrap_customer_details {
width: 425px;
margin: 2em auto;
}
}
@media (max-width: 767px) {
.woocommerce .view_order .wrap_customer_details {
padding: 1em;
}
}
.woocommerce .view_order .wrap_customer_details th {
text-transform: uppercase;
}
.woocommerce .view_order .wrap_customer_details td {
word-break: break-all;
}
.woocommerce .view_order .addresses {
padding: 1em 2em;
border: 1px solid #eee;
}
@media (min-width: 1200px) {
.woocommerce .view_order .addresses {
width: 425px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.woocommerce .view_order .addresses {
padding: 1em;
}
}
.woocommerce .view_order .addresses h3 {
text-transform: uppercase;
font-size: 14px;
font-style: normal;
font-family: "Open Sans", sans-serif;
}
.woocommerce .view_order .addresses address {
line-height: 2em;
} .woocommerce ul.products li.product-category {
margin-bottom: 30px;
}
.woocommerce ul.products li.product-category > a {
display: block;
position: relative;
}
.woocommerce ul.products li.product-category > a img {
margin-bottom: 0px;
}
.woocommerce ul.products li.product-category > a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(38, 38, 38, 0.6);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
filter: alpha(opacity=0);
}
.woocommerce ul.products li.product-category > a:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.woocommerce ul.products li.product-category h3 {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin: 0;
text-align: center;
font-size: 36px;
color: #fff;
padding: 5px;
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-style: italic;
}
@media (max-width: 991px) {
.woocommerce ul.products li.product-category h3 {
font-size: 24px;
}
}
.woocommerce ul.products li.product-category .category-info {
position: absolute;
z-index: 2;
top: 10px;
left: 13px;
bottom: 10px;
right: 13px;
border-top: 3px solid #f5f4f3;
}
.woocommerce ul.products li.product-category .category-info:after,
.woocommerce ul.products li.product-category .category-info:before {
content: "";
position: absolute;
background-image: -o-linear-gradient(#f5f4f3, transparent);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f4f3), to(transparent));
background-image: linear-gradient(#f5f4f3, transparent);
top: -3px;
bottom: -3px;
width: 3px;
}
.woocommerce ul.products li.product-category .category-info:before {
left: -3px;
}
.woocommerce ul.products li.product-category .category-info:after {
right: -3px;
} .classic_list_products h2.title-heading {
font-size: 24px;
}
.classic_list_products .woocommerce .products .yolo-product-item {
width: 100%;
margin-bottom: 0px;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner {
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
border-top: 1px solid #ebebeb;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .woo-thumbnail {
width: 33.33%;
float: left;
min-height: auto;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .woo-thumbnail .yolo-product-meta,
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .woo-thumbnail .span.onsale {
display: none;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .woo-thumbnail:before {
content: none;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer {
padding: 0 0 0 25px;
width: 66.66%;
float: left;
background-color: transparent;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer h3 {
font-size: 14px;
margin: 0 0px 5px 0;
text-align: left;
font-weight: 700;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer .star-rating {
display: block;
float: left;
width: 100%;
margin-top: 0px;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer .price {
margin-top: 10px;
position: relative;
float: left;
font-size: 14px;
color: var(--primary_color);
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer .price span.amount {
font-size: 14px;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer .price del {
margin-right: 5px;
}
.classic_list_products .woocommerce .products .yolo-product-item .yolo-product-inner .yolo-product-footer .price ins {
text-decoration: none;
}
.classic_list_products .woocommerce .products .yolo-product-item:hover .yolo-product-inner {
-webkit-box-shadow: none;
box-shadow: none;
} .woocommerce-wishlist .woocommerce .wishlist-title {
display: block;
text-align: center;
}
.woocommerce-wishlist .woocommerce .wishlist-title h2 {
font-family: "Open Sans", sans-serif;
font-size: 16px;
margin: 20px 0;
}
@media (max-width: 480px) {
.woocommerce-wishlist .woocommerce .wishlist-title h2 {
margin-top: 0px;
}
}
.woocommerce-wishlist .woocommerce table.cart {
border: 0;
border-radius: 0;
margin: 0;
}
.woocommerce-wishlist .woocommerce table.cart thead {
background-color: var(--primary_color);
color: #fff;
height: 50px;
}
.woocommerce-wishlist .woocommerce table.cart thead th {
border: 0;
font-weight: normal;
padding: 15px 0;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-name {
width: 30%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-thumbnail {
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-remove {
width: 5%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-add-to-cart {
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-price {
width: 10%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-stock-stauts {
width: 15%;
}
@media (max-width: 991px) {
.woocommerce-wishlist .woocommerce table.cart thead th.product-name {
width: 30%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-thumbnail {
display: block;
width: 15%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-remove {
width: 5%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-add-to-cart {
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-price {
text-align: center;
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-stock-stauts {
width: 15%;
}
}
@media (max-width: 480px) {
.woocommerce-wishlist .woocommerce table.cart thead th.product-name {
font-size: 14px;
width: 40%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-thumbnail {
display: none;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-remove {
width: 10%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-add-to-cart {
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-price {
font-size: 14px;
text-align: center;
width: 30%;
}
.woocommerce-wishlist .woocommerce table.cart thead th.product-stock-stauts {
display: none;
}
}
.woocommerce-wishlist .woocommerce table.cart tr:not(.cart_item) {
background-color: rgba(85, 85, 85, 0.05);
}
.woocommerce-wishlist .woocommerce table.cart tr:not(.cart_item) .actions {
padding-left: 50px;
padding-right: 50px;
padding-top: 38px;
padding-bottom: 38px;
}
.woocommerce-wishlist .woocommerce table.cart td {
border-width: 0 0 1px 0;
border-color: #ebebeb;
border-style: solid;
padding: 25px 0;
text-align: left;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove {
text-align: center;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove a {
width: 30px;
height: 30px;
overflow: hidden;
position: relative;
text-indent: 30px;
display: inline-block;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove a:before {
font-family: 'FontAwesome';
content: "\f1f8";
font-size: 14px;
color: #a8a8a8;
position: absolute;
left: -20px;
top: 7px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove a:hover {
background: none;
color: transparent;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove a:hover:before {
color: var(--primary_color);
}
.woocommerce-wishlist .woocommerce table.cart td.product-thumbnail {
text-align: center;
}
.woocommerce-wishlist .woocommerce table.cart td.product-thumbnail a {
max-width: 90px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-name a {
font-size: 16px;
line-height: 24px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price span {
font-style: italic;
font-size: 20px;
line-height: 24px;
color: #333;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price del {
margin-right: 10px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price del span {
color: #a8a8a8;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price ins {
text-decoration: none;
}
.woocommerce-wishlist .woocommerce table.cart td.product-stock-status {
font-size: 14px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-stock-status .wishlist-in-stock {
color: var(--primary_color);
}
.woocommerce-wishlist .woocommerce table.cart td.product-stock-status .wishlist-out-of-stock {
color: #a8a8a8;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a {
min-width: 110px;
padding: 8px 10px;
background: var(--primary_color);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
border: none;
float: left;
opacity: 0.8;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:hover:after {
left: 120%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:focus {
outline-color: transparent;
outline: none;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:before {
text-indent: 0;
z-index: 2;
left: 0;
top: 0;
height: 40px;
width: 40px;
font-family: 'FontAwesome';
content: "\f07a";
font-size: 14px;
color: #fff;
line-height: 40px;
position: absolute;
opacity: 0;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:hover {
opacity: 1;
}
@media (max-width: 991px) {
.woocommerce-wishlist .woocommerce table.cart td.product-name {
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-thumbnail {
display: block;
width: 15%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-thumbnail a {
min-width: 50px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove {
width: 5%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart {
width: 20%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price {
text-align: center;
width: 25%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-stock-stauts {
width: 15%;
}
}
@media (max-width: 480px) {
.woocommerce-wishlist .woocommerce table.cart td.product-name {
width: 30%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-name a {
font-size: 14px !important;
}
.woocommerce-wishlist .woocommerce table.cart td.product-thumbnail {
display: none;
}
.woocommerce-wishlist .woocommerce table.cart td.product-remove {
width: 5%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart {
width: 30%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a {
margin-right: 10px;
float: right;
text-indent: -9999px;
padding: 8px 10px;
background: var(--primary_color);
border: 1px solid var(--primary_color);
color: #fff;
text-transform: uppercase;
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;
min-width: 40px;
max-width: 40px;
line-height: 25px;
border: none;
opacity: 0.8;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:hover:after {
left: 120%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:focus {
outline-color: transparent;
outline: none;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:before {
font-family: 'FontAwesome';
content: "\f07a";
opacity: 1;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a.product_type_variable:before {
font-family: 'FontAwesome';
content: "\f03a";
opacity: 1;
}
.woocommerce-wishlist .woocommerce table.cart td.product-add-to-cart a:hover {
opacity: 1;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price {
text-align: center;
width: 35%;
}
.woocommerce-wishlist .woocommerce table.cart td.product-price span {
font-size: 16px;
}
.woocommerce-wishlist .woocommerce table.cart td.product-stock-status {
display: none;
}
}
.woocommerce-wishlist .woocommerce table.cart img {
width: 90px;
}
.woocommerce-wishlist .woocommerce table.cart .yith-wcwl-share {
text-align: center;
}
.woocommerce-wishlist .woocommerce table.cart .yith-wcwl-share h4 {
font-size: 18px;
font-family: "Open Sans", sans-serif;
margin: 20px 0;
}
.cart-collaterals .cross-sells,
.shop-sidebar .cross-sells {
width: 100% !important;
}
.cart-collaterals .cross-sells .products .yolo-product-item,
.shop-sidebar .cross-sells .products .yolo-product-item {
width: 50% !important;
} .product-masonry .masonry-filters {
overflow: hidden;
}
.product-masonry .masonry-filters ul {
padding-left: 0;
}
.product-masonry .masonry-filters ul.ms-center {
text-align: center;
}
.product-masonry .masonry-filters ul.ms-left {
text-align: left;
}
.product-masonry .masonry-filters ul.ms-right {
text-align: right;
}
.product-masonry .masonry-filters ul li {
display: inline-block;
margin: 0 15px 15px 15px;
list-style: none;
}
.product-masonry .masonry-filters ul li:last-child {
padding-right: 0;
}
.product-masonry .masonry-filters ul li .selected {
color: var(--primary_color);
}
.product-masonry .masonry-filters ul .bt-order {
float: right;
cursor: pointer;
margin-right: 0;
}
.product-masonry .masonry-filters ul .bt-order:hover {
color: var(--primary_color);
}
.product-masonry .masonry-filters ul .bt-order.active {
color: var(--primary_color);
}
.product-masonry .masonry-filters ul .bt-order.active:after {
content: "\f062";
font-family: 'FontAwesome';
}
.product-masonry .masonry-filters ul .bt-order:after {
content: "\f063";
font-family: 'FontAwesome';
margin-left: 5px;
}
.product-masonry .products {
padding-left: 0;
}
.product-masonry .products li {
list-style: none;
}
@media (min-width: 480px) and (max-width: 767px) {
.product-masonry .products li {
width: 50%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product-masonry .products li {
width: 33.33%;
}
}
.product-masonry .isotope-sort {
display: none;
text-align: right;
}
.product-masonry .isotope-sort .list-sort {
padding-left: 0;
display: inline-block;
margin-bottom: 20px;
}
.product-masonry .isotope-sort .list-sort li {
font-size: 13px;
list-style-type: none;
display: inline-block;
margin: 0 10px;
cursor: pointer;
}
.product-masonry .isotope-sort .list-sort li.active {
color: var(--primary_color);
}
.product-masonry .isotope-sort .list-sort li:hover {
color: var(--primary_color);
}
.product-masonry .isotope-sort .asc-desc {
display: inline-block;
}
.product-masonry .isotope-sort .asc-desc .select-asc-desc {
font-size: 13px;
}
.woocommerce .single-product-image-wrap #sync1 {
border-radius: 10px;
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: 60px;
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-stage {
margin: 0 auto;
}
.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: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
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: 10px 5px;
display: block;
position: relative;
border: 3px solid white;
}
.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;
}
.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 {
-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.2);
}
.woocommerce .single-product-image-wrap #sync2 .synced .thumbnail-image a:before {
-webkit-box-shadow: inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0px 5px #fff;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 70px;
}
.single-product .single-product-image {
position: relative;
width: 100%;
}
.single-product .single-product-image .woocommerce-product-gallery {
width: 100% !important;
}
.single-product .single-product-image .woocommerce-product-gallery__trigger {
width: 32px;
height: 32px;
top: 3px;
right: 3px;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider {
height: auto;
margin: 20px auto !important;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider:hover .slick-arrow {
opacity: 1;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-slide {
display: inline-block;
margin: 0 8px;
outline: none;
clear: none !important;
z-index: 6;
position: relative;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-slide img {
width: 100%;
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-slide.slick-active .flex-active {
border-color: var(--primary_color);
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-arrow {
opacity: 0;
margin-top: 0;
z-index: 7;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 26px;
height: 26px;
margin-top: -13px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-arrow:hover {
background-color: var(--primary_color);
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-arrow:before {
font: normal normal normal 22px/1 FontAwesome;
color: #fff;
width: 20px;
height: 20px;
font-weight: 400;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-prev {
left: 0;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-prev:before {
content: '\f104';
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-next {
right: 0;
}
.single-product .single-product-image .flex-control-thumbs.slick-slider .slick-next:before {
content: '\f105';
} a.btn-loadmore {
overflow: hidden;
position: relative;
opacity: 0.8;
border-radius: 3px;
}
a.btn-loadmore:hover {
opacity: 1;
background-color: var(--primary_color);
}
a.btn-loadmore:hover:after {
left: 120%;
}
a.btn-loadmore:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.boxed-layout #primary {
overflow: hidden;
}
.columns-2 {
width: 50%;
}
@media (max-width: 480px) {
.columns-2 {
width: 100%;
}
}
.columns-3 {
width: 33.33%;
}
.columns-4 {
width: 25%;
}
.columns-5 {
width: 20%;
}
.columns-6 {
width: 16.66%;
}
@media (max-width: 767px) {
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
width: 100% !important;
}
}
@media (max-width: 991px) {
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
width: 50%;
}
} .yolo-blog-posts {
padding-top: 5em;
}
.yolo-blog-posts .posts.loadmore {
margin-bottom: 60px;
}
article.event .content-wrap,
article.course .content-wrap,
article.post .content-wrap {
position: relative;
}
article.event .content-wrap .icon-feature,
article.course .content-wrap .icon-feature,
article.post .content-wrap .icon-feature {
z-index: 1;
bottom: 15px;
left: 15px;
position: absolute;
border: 1px solid #fff;
width: 40px;
height: 40px;
padding: 9px 0;
border-radius: 50%;
text-align: center;
}
article.event .content-wrap .icon-feature i,
article.course .content-wrap .icon-feature i,
article.post .content-wrap .icon-feature i {
color: #fff;
}
article.event .content-wrap .content-featured,
article.course .content-wrap .content-featured,
article.post .content-wrap .content-featured {
overflow: hidden;
z-index: 1;
border-radius: 10px;
}
article.event .content-wrap .content-thumb,
article.course .content-wrap .content-thumb,
article.post .content-wrap .content-thumb {
overflow: hidden;
}
article.event .content-wrap .content-thumb img,
article.course .content-wrap .content-thumb img,
article.post .content-wrap .content-thumb img {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
article.event .content-wrap .mask,
article.course .content-wrap .mask,
article.post .content-wrap .mask {
border-radius: 10px;
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 50%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
background-color: rgba(0, 0, 0, 0.3);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.event .content-wrap .mask .icon,
article.course .content-wrap .mask .icon,
article.post .content-wrap .mask .icon {
position: absolute;
left: 50%;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: 1;
}
article.event .content-wrap .mask .icon:before,
article.course .content-wrap .mask .icon:before,
article.post .content-wrap .mask .icon:before {
content: '';
position: absolute;
top: 0px;
left: 12px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-bottom-right-radius: 100%;
-webkit-transform: translate(-40px, -40px);
-ms-transform: translate(-40px, -40px);
transform: translate(-40px, -40px);
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
article.event .content-wrap .mask .icon:after,
article.course .content-wrap .mask .icon:after,
article.post .content-wrap .mask .icon:after {
content: '';
position: absolute;
top: 0px;
left: -13px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-bottom-left-radius: 100%;
-webkit-transform: translate(40px, -40px);
-ms-transform: translate(40px, -40px);
transform: translate(40px, -40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
filter: alpha(opacity=0);
}
article.event .content-wrap .mask .icon .icon-square,
article.course .content-wrap .mask .icon .icon-square,
article.post .content-wrap .mask .icon .icon-square {
position: relative;
display: block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
article.event .content-wrap .mask .icon .icon-square:before,
article.course .content-wrap .mask .icon .icon-square:before,
article.post .content-wrap .mask .icon .icon-square:before {
content: '';
position: absolute;
left: 12px;
bottom: 0px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-top-right-radius: 100%;
-webkit-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
filter: alpha(opacity=0);
}
article.event .content-wrap .mask .icon .icon-square i,
article.course .content-wrap .mask .icon .icon-square i,
article.post .content-wrap .mask .icon .icon-square i {
position: absolute;
top: -7px;
left: 3px;
font-size: 18px;
z-index: 3;
color: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
article.event .content-wrap .mask .icon .icon-square:after,
article.course .content-wrap .mask .icon .icon-square:after,
article.post .content-wrap .mask .icon .icon-square:after {
content: '';
position: absolute;
left: -13px;
bottom: 0px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-top-left-radius: 100%;
-webkit-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
transform: translate(40px, 40px);
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
article.event .content-wrap .date-style,
article.course .content-wrap .date-style,
article.post .content-wrap .date-style {
z-index: 2;
}
article.event .content-wrap .content-info h2,
article.course .content-wrap .content-info h2,
article.post .content-wrap .content-info h2 {
margin: 0;
font-size: 18px;
}
@media (max-width: 991px) {
article.event .content-wrap .content-info h2,
article.course .content-wrap .content-info h2,
article.post .content-wrap .content-info h2 {
font-size: 18px;
}
}
@media (max-width: 767px) {
article.event .content-wrap .content-info h2,
article.course .content-wrap .content-info h2,
article.post .content-wrap .content-info h2 {
font-size: 16px;
}
}
article.event .content-wrap .content-info .yolo-author,
article.course .content-wrap .content-info .yolo-author,
article.post .content-wrap .content-info .yolo-author {
z-index: 2;
}
@media (max-width: 480px) {
article.event .content-wrap .content-info .yolo-author,
article.course .content-wrap .content-info .yolo-author,
article.post .content-wrap .content-info .yolo-author {
width: 50px;
}
}
article.event .content-wrap:hover .content-featured .content-thumb img,
article.course .content-wrap:hover .content-featured .content-thumb img,
article.post .content-wrap:hover .content-featured .content-thumb img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
article.event .content-wrap:hover .mask,
article.course .content-wrap:hover .mask,
article.post .content-wrap:hover .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 1;
}
article.event .content-wrap:hover .mask .icon:before,
article.course .content-wrap:hover .mask .icon:before,
article.post .content-wrap:hover .mask .icon:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
article.event .content-wrap:hover .mask .icon:after,
article.course .content-wrap:hover .mask .icon:after,
article.post .content-wrap:hover .mask .icon:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
article.event .content-wrap:hover .mask .icon .icon-square:before,
article.course .content-wrap:hover .mask .icon .icon-square:before,
article.post .content-wrap:hover .mask .icon .icon-square:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
article.event .content-wrap:hover .mask .icon .icon-square i,
article.course .content-wrap:hover .mask .icon .icon-square i,
article.post .content-wrap:hover .mask .icon .icon-square i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
article.event .content-wrap:hover .mask .icon .icon-square:after,
article.course .content-wrap:hover .mask .icon .icon-square:after,
article.post .content-wrap:hover .mask .icon .icon-square:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.content-wrap .content-featured .yolo-slider ul.sliders {
padding: 0px;
margin: 0px;
}
.content-wrap .content-featured .yolo-slider ul.sliders li {
list-style: none;
}
.content-wrap .content-featured .yolo-slider ul.sliders li img {
padding: 0px;
margin: 0px;
}
.content-featured {
position: relative;
overflow: hidden;
width: 100%;
}
.content-featured .video-inner iframe {
width: 100%;
}
@media (max-width: 479px) {
.content-featured .video-inner iframe {
height: 200px;
}
}
.content-featured .yolo-audio-embed iframe {
width: 100%;
}
.content-featured .content-thumb {
cursor: default;
}
.content-featured .content-thumb:before {
content: "";
position: absolute;
width: 0;
height: 100%;
left: 50%;
top: 0;
z-index: 1;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.content-featured .content-thumb:after {
content: "\f045";
font-family: "fontawesome";
font-size: 25px;
position: absolute;
color: #fff;
filter: alpha(opacity=0);
top: 35%;
left: 50%;
visibility: hidden;
opacity: 0;
z-index: 2;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.content-featured .content-thumb img {
width: 100%;
margin: 0px;
-webkit-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
transition: all 0.75s ease-in-out;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.content-featured .yolo-slider {
position: relative;
}
.content-featured .yolo-slider ul.sliders {
padding: 0px;
margin: 0px;
}
.content-featured .yolo-slider ul.sliders li.slide-item {
position: relative;
}
.content-featured .yolo-slider ul.sliders li.slide-item img {
width: 100%;
cursor: all-scroll;
}
.content-featured .yolo-slider ul.sliders .owl-dots {
position: absolute;
bottom: 0;
}
.content-featured .yolo-slider p.slider-control {
margin: 0px;
position: absolute;
padding: 15px 10px;
background-color: #000;
opacity: 0.6;
bottom: 50%;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.content-featured .yolo-slider p.slider-control span i {
padding: 0px;
margin: 0px;
font-size: 15px;
color: #fff;
}
.content-featured .yolo-slider p.slider-control:hover {
background-color: var(--primary_color);
opacity: 0.8;
}
.content-featured .yolo-slider p.slider-control.prev-btn {
left: 0;
}
.content-featured .yolo-slider p.slider-control.next-btn {
right: 0;
}
.yolo-blog-posts .posts-layout-list {
position: relative;
margin-right: -2em;
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-list {
padding-top: 3em;
margin-right: 0em;
}
}
.yolo-blog-posts .posts-layout-list article {
padding-right: 2em;
margin-bottom: 70px;
border-bottom: 1px solid #ebebeb;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .date-style {
display: block;
position: absolute;
top: -35px;
left: 30px;
border-radius: 50%;
width: 70px;
height: 70px;
background-color: #fff;
text-align: center;
-webkit-box-shadow: 0px 0px 3px 0 #ebebeb;
box-shadow: 0px 0px 3px 0 #ebebeb;
}
@media (max-width: 480px) {
.yolo-blog-posts .posts-layout-list article .content-wrap .date-style {
width: 60px;
height: 60px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .date-style span.day {
padding: 8px 8px 0px 8px !important;
}
}
.yolo-blog-posts .posts-layout-list article .content-wrap .date-style span.day {
display: block;
font-size: 18px;
color: #000;
padding: 8px 8px 4px 8px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .date-style span.month {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
color: #000;
margin-bottom: 15px;
display: block;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info {
position: relative;
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;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info h2 {
font-size: 24px;
padding: 30px 0px 30px;
}
@media (max-width: 480px) {
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info h2 {
padding-bottom: 15px;
}
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .yolo-author {
position: absolute;
top: 0;
right: 30px;
padding: 5px;
border-radius: 50%;
background-color: #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .yolo-author img {
border-radius: 50%;
margin: 0px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-excerpt {
margin-bottom: 20px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-excerpt p {
line-height: 24px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .read-more {
font-weight: bold;
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 10px 0px 30px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .read-more:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 480px) {
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .read-more {
display: none;
}
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .yolo-tag {
float: right;
margin-top: 30px;
padding: 0px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .yolo-tag li {
display: inline-block;
margin-right: 5px;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .yolo-tag li a {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 3px 12px;
border-radius: 4px;
background-color: #f1f1f1;
color: #999;
border: 1px solid #f1f1f1;
}
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .yolo-tag li a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 480px) {
.yolo-blog-posts .posts-layout-list article .content-wrap .content-info .content-footer .yolo-tag {
float: none;
margin-top: 0px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-list article {
padding-right: 0;
}
}
.yolo-blog-posts .pagination {
margin-right: -2em;
}
@media (max-width: 991px) {
.yolo-blog-posts .pagination {
margin-right: 0;
}
}
.yolo-blog-posts .posts-layout-grid article {
border: none;
float: left;
margin: 0px;
padding: 10px 15px;
background-color: transparent;
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-grid article {
padding: 10px 10px;
}
.yolo-blog-posts .posts-layout-grid article.yolo-clear-both {
clear: none;
}
.yolo-blog-posts .posts-layout-grid article:nth-child(3) {
clear: both;
}
}
@media (max-width: 767px) {
.yolo-blog-posts .posts-layout-grid article {
padding-left: 0;
padding-right: 0;
}
}
.yolo-blog-posts .posts-layout-grid article .content-wrap {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info {
position: relative;
background-color: #fff;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info p {
line-height: 24px;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info h2 {
padding: 30px 0px 0px 0px;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .yolo-author {
position: absolute;
top: -15%;
right: 30px;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .yolo-author img {
border-radius: 50%;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .content-footer {
margin: 10px 0 10px;
font-style: italic;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .content-footer .content-meta {
color: #a8a8a8;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .content-footer .content-meta span {
margin-right: 10px;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .content-footer .content-meta span i {
padding-right: 8px;
color: var(--primary_color);
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .content-footer .content-meta a {
color: #a8a8a8;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .yolo-last .yolo-tag {
margin: 30px 0px 30px 0px;
padding: 0px;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .yolo-last .yolo-tag li {
display: inline-block;
margin-right: 0px 5px 0px 0px;
list-style: none;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .yolo-last .yolo-tag li a {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 3px 12px;
border-radius: 4px;
background-color: #f1f1f1;
color: #999;
border: 1px solid #f1f1f1;
}
.yolo-blog-posts .posts-layout-grid article .content-wrap .content-info .yolo-last .yolo-tag li a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
.yolo-blog-posts .posts-layout-grid article .content-wrap:hover .content-info .content-loadmore {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.yolo-blog-posts .posts-layout-timeline {
position: relative;
display: block;
}
.yolo-blog-posts .posts-layout-timeline:before {
background-color: var(--primary_color);
bottom: 0;
content: "";
left: 50%;
position: absolute;
top: 0;
width: 2px;
z-index: 1;
display: block;
}
@media (max-width: 767px) {
.yolo-blog-posts .posts-layout-timeline:before {
left: 13px;
}
}
.yolo-blog-posts .posts-layout-timeline .timeline-date {
text-align: center;
position: relative;
background-color: var(--primary_color);
width: 65px;
height: 65px;
margin: 0 auto 30px;
border-radius: 50%;
padding: 8px 2px;
z-index: 10;
}
@media (max-width: 767px) {
.yolo-blog-posts .posts-layout-timeline .timeline-date {
left: 0;
margin: 0 -10px 30px;
width: 50px;
height: 50px;
padding: 2px 2px;
}
}
.yolo-blog-posts .posts-layout-timeline .timeline-date span {
display: block;
color: #fff;
}
.yolo-blog-posts .posts-layout-timeline .timeline-date span.month {
font-size: 18px;
padding: 0px 0px 2px 0px;
border-bottom: 1px solid #fff;
}
@media (max-width: 767px) {
.yolo-blog-posts .posts-layout-timeline .timeline-date span.month {
font-size: 14px;
}
}
.yolo-blog-posts .posts-layout-timeline .timeline-date .timeline-date-title {
color: #262626;
background: #dedede;
padding: 0.57142857rem 1rem;
display: inline-block;
margin: 0 auto;
}
.yolo-blog-posts .posts-layout-timeline article {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #ebebeb;
}
.yolo-blog-posts .posts-layout-timeline article .timeline-badge {
height: 15px;
position: absolute;
right: -12px;
text-align: center;
width: 15px;
z-index: 8;
}
.yolo-blog-posts .posts-layout-timeline article .timeline-badge span.moc-2 {
width: 20px;
height: 1px;
background-color: var(--primary_color);
display: block;
position: absolute;
top: 6px;
}
@media (max-width: 1199px) {
.yolo-blog-posts .posts-layout-timeline article .timeline-badge span.moc-2 {
width: 15px;
}
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-timeline article .timeline-badge span.moc-2 {
width: 12px;
}
}
.yolo-blog-posts .posts-layout-timeline article .timeline-badge span.moc-1 {
width: 10px;
height: 10px;
background-color: var(--primary_color);
display: block;
margin: 2px auto;
border-radius: 50%;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info {
padding: 10px 30px 0;
margin: 0px;
position: relative;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-title {
padding: 20px 0px;
margin: 0px;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .yolo-author {
position: absolute;
top: -15%;
right: 30px;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .yolo-author img {
border-radius: 50%;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt p {
line-height: 24px;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt a {
padding: 10px 30px;
background: transparent;
border: 1px solid var(--primary_color);
color: #333;
text-transform: uppercase;
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;
margin: 15px 0px 30px 0px;
border: 1px solid rgba(0, 0, 0, 0.4);
color: inherit;
border-radius: 20px;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt a:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt a:hover {
background: var(--primary_color);
color: #fff;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt a:hover:after {
left: 120%;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt a:focus {
outline-color: transparent;
outline: none;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-info .content-excerpt a:hover {
color: #fff;
border: 1px solid var(--primary_color);
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer {
display: block;
border-top: 1px solid #ebebeb;
font-style: italic;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer p {
padding: 0px;
margin: 0px;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer p span {
float: left;
width: 50%;
text-align: center;
padding: 15px 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #7B7B7B;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer p span i {
padding-right: 8px;
color: var(--primary_color);
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer p span a {
color: #7B7B7B;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer p span a:hover {
color: var(--primary_color);
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer p span:first-child {
border-right: 1px solid #ebebeb;
}
@media (max-width: 767px) {
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer span {
float: none !important;
width: 49% !important;
display: inline-block;
}
.yolo-blog-posts .posts-layout-timeline article .content-wrap .content-footer span:last-child {
border-color: transparent !important;
}
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right {
float: right;
position: relative;
width: 47%;
pading: 0px;
margin-top: 30px;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: right;
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right .timeline-badge {
top: 50px;
left: -41px;
}
@media (max-width: 1199px) {
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right .timeline-badge {
left: -34px;
}
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right .timeline-badge {
left: -28px;
}
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right .timeline-badge span.moc-2 {
left: 15px;
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left {
float: left;
position: relative;
width: 47%;
padding: 0px;
margin-bottom: 30px;
margin-top: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: left;
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left .timeline-badge {
top: 10px;
right: -42px;
}
@media (max-width: 1199px) {
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left .timeline-badge {
right: -36px;
}
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left .timeline-badge {
right: -29px;
}
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left .timeline-badge span.moc-2 {
right: 15px;
}
@media (max-width: 767px) {
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left,
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right {
width: auto;
float: none;
margin-left: 45px;
margin-bottom: 30px;
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left .timeline-badge,
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right .timeline-badge {
right: 0;
left: -39px;
}
.yolo-blog-posts .posts-layout-timeline article.timeline-align-left .timeline-badge span.moc-2,
.yolo-blog-posts .posts-layout-timeline article.timeline-align-right .timeline-badge span.moc-2 {
left: 15px;
}
}
.yolo-blog-posts .posts-layout-masonry article {
border: none;
float: left;
margin: 0px;
padding: 10px 15px;
background-color: transparent;
}
@media (max-width: 991px) {
.yolo-blog-posts .posts-layout-masonry article {
padding: 10px 10px !important;
}
.yolo-blog-posts .posts-layout-masonry article.columns-2 {
width: 100%;
}
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info {
position: relative;
background-color: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info p {
line-height: 24px;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info h2 {
padding: 30px 0px 0px 0px;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .yolo-author {
position: absolute;
top: -15%;
right: 30px;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .yolo-author img {
border-radius: 50%;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .content-footer {
margin: 10px 0 10px;
font-style: italic;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .content-footer .content-meta {
color: #a8a8a8;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .content-footer .content-meta span {
margin-right: 10px;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .content-footer .content-meta span i {
padding-right: 8px;
color: var(--primary_color);
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .content-footer .content-meta a {
color: #a8a8a8;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .yolo-last .yolo-tag {
margin: 30px 0px 30px 0px;
padding: 0px;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .yolo-last .yolo-tag li {
display: inline-block;
margin-right: 0px 5px 0px 0px;
list-style: none;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .yolo-last .yolo-tag li a {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 3px 12px;
border-radius: 4px;
background-color: #f1f1f1;
color: #999;
border: 1px solid #f1f1f1;
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap .content-info .yolo-last .yolo-tag li a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
.yolo-blog-posts .posts-layout-masonry article .content-wrap:hover .content-info .content-loadmore {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.single-post .site-main .yolo-single-post {
margin-top: 3em;
}
.blog .site-main .yolo-main,
.category .site-main .yolo-main,
.archive .site-main .yolo-main {
margin-top: 5em;
}
.single-post .site-main .yolo-single-post article.post:after {
content: '';
display: block;
height: 25px;
bottom: -25px;
width: 1px;
background-color: #ebebeb;
position: relative;
left: 50%;
}
.single-post .site-main .yolo-single-post article.post .entry-content p {
line-height: 24px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer {
text-align: center;
margin-top: 35px;
float: left;
}
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer .cat-links {
margin-right: 10px;
margin-bottom: 15px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer .tags-links {
margin-bottom: 5px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer span i {
color: var(--primary_color);
margin-right: 10px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer span a {
padding: 5px 10px;
border: 1px solid #a8a8a8;
border-radius: 20px;
margin-right: 5px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer span a:hover {
background-color: var(--primary_color);
color: #fff;
border-color: transparent !important;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social {
margin: 35px 0 0 0;
border: none;
text-align: center;
float: right;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social span {
float: left;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social span i {
font-size: 18px;
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share .social-title {
font-weight: bold;
padding: 0px 0px 20px 0px;
margin: 0px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share {
padding: 17px;
color: rgba(51, 51, 51, 0.5);
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share i {
font-size: 18px;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook {
color: #3C517F;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus {
color: #DD5044;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter {
color: #5DD7FC;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest {
color: #DB242C;
}
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin {
color: #0071AD;
}
.blog .site-main .yolo-main article.event .content-featured .mask,
.archive .site-main .yolo-main article.event .content-featured .mask,
.blog .site-main .yolo-main article.course .content-featured .mask,
.archive .site-main .yolo-main article.course .content-featured .mask,
.blog .site-main .yolo-main article.post .content-featured .mask,
.archive .site-main .yolo-main article.post .content-featured .mask {
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 50%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
background-color: rgba(0, 0, 0, 0.3);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon,
.archive .site-main .yolo-main article.event .content-featured .mask .icon,
.blog .site-main .yolo-main article.course .content-featured .mask .icon,
.archive .site-main .yolo-main article.course .content-featured .mask .icon,
.blog .site-main .yolo-main article.post .content-featured .mask .icon,
.archive .site-main .yolo-main article.post .content-featured .mask .icon {
position: absolute;
left: 50%;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon:before,
.archive .site-main .yolo-main article.event .content-featured .mask .icon:before,
.blog .site-main .yolo-main article.course .content-featured .mask .icon:before,
.archive .site-main .yolo-main article.course .content-featured .mask .icon:before,
.blog .site-main .yolo-main article.post .content-featured .mask .icon:before,
.archive .site-main .yolo-main article.post .content-featured .mask .icon:before {
content: '';
position: absolute;
top: 0px;
left: 12px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-bottom-right-radius: 100%;
-webkit-transform: translate(-40px, -40px);
-ms-transform: translate(-40px, -40px);
transform: translate(-40px, -40px); filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon:after,
.archive .site-main .yolo-main article.event .content-featured .mask .icon:after,
.blog .site-main .yolo-main article.course .content-featured .mask .icon:after,
.archive .site-main .yolo-main article.course .content-featured .mask .icon:after,
.blog .site-main .yolo-main article.post .content-featured .mask .icon:after,
.archive .site-main .yolo-main article.post .content-featured .mask .icon:after {
content: '';
position: absolute;
top: 0px;
left: -13px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-bottom-left-radius: 100%;
-webkit-transform: translate(40px, -40px);
-ms-transform: translate(40px, -40px);
transform: translate(40px, -40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; filter: alpha(opacity=0);
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon .icon-square,
.archive .site-main .yolo-main article.event .content-featured .mask .icon .icon-square,
.blog .site-main .yolo-main article.course .content-featured .mask .icon .icon-square,
.archive .site-main .yolo-main article.course .content-featured .mask .icon .icon-square,
.blog .site-main .yolo-main article.post .content-featured .mask .icon .icon-square,
.archive .site-main .yolo-main article.post .content-featured .mask .icon .icon-square {
position: relative;
display: block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon .icon-square:before,
.archive .site-main .yolo-main article.event .content-featured .mask .icon .icon-square:before,
.blog .site-main .yolo-main article.course .content-featured .mask .icon .icon-square:before,
.archive .site-main .yolo-main article.course .content-featured .mask .icon .icon-square:before,
.blog .site-main .yolo-main article.post .content-featured .mask .icon .icon-square:before,
.archive .site-main .yolo-main article.post .content-featured .mask .icon .icon-square:before {
content: '';
position: absolute;
left: 12px;
bottom: 0px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-top-right-radius: 100%;
-webkit-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; filter: alpha(opacity=0);
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon .icon-square i,
.archive .site-main .yolo-main article.event .content-featured .mask .icon .icon-square i,
.blog .site-main .yolo-main article.course .content-featured .mask .icon .icon-square i,
.archive .site-main .yolo-main article.course .content-featured .mask .icon .icon-square i,
.blog .site-main .yolo-main article.post .content-featured .mask .icon .icon-square i,
.archive .site-main .yolo-main article.post .content-featured .mask .icon .icon-square i {
position: absolute;
top: -7px;
left: 3px;
font-size: 18px;
z-index: 3;
color: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.blog .site-main .yolo-main article.event .content-featured .mask .icon .icon-square:after,
.archive .site-main .yolo-main article.event .content-featured .mask .icon .icon-square:after,
.blog .site-main .yolo-main article.course .content-featured .mask .icon .icon-square:after,
.archive .site-main .yolo-main article.course .content-featured .mask .icon .icon-square:after,
.blog .site-main .yolo-main article.post .content-featured .mask .icon .icon-square:after,
.archive .site-main .yolo-main article.post .content-featured .mask .icon .icon-square:after {
content: '';
position: absolute;
left: -13px;
bottom: 0px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-top-left-radius: 100%;
-webkit-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
transform: translate(40px, 40px); filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer {
text-align: center;
margin-top: 35px;
float: right;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-links,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-links,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-links,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-links,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-links,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-links {
margin-right: 10px;
margin-bottom: 15px;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-links i,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-links i,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-links i,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-links i,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-links i,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-links i {
display: none;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer .tags-links,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer .tags-links,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer .tags-links,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer .tags-links,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer .tags-links,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer .tags-links {
margin-bottom: 5px;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer .tags-links i,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer .tags-links i,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer .tags-links i,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer .tags-links i,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer .tags-links i,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer .tags-links i {
display: none;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer span i,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer span i,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer span i,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer span i,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer span i,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer span i {
color: var(--primary_color);
margin-right: 10px;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer span a,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer span a,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer span a,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer span a,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer span a,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer span a {
padding: 5px 12px;
border-radius: 3px;
background-color: #f1f1f1;
}
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer span a:hover,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer span a:hover,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer span a:hover,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer span a:hover,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer span a:hover,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer span a:hover {
background-color: var(--primary_color);
color: #fff;
border-color: transparent;
}
.blog .site-main .yolo-main article.event:hover .mask,
.archive .site-main .yolo-main article.event:hover .mask,
.blog .site-main .yolo-main article.course:hover .mask,
.archive .site-main .yolo-main article.course:hover .mask,
.blog .site-main .yolo-main article.post:hover .mask,
.archive .site-main .yolo-main article.post:hover .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 1;
}
.blog .site-main .yolo-main article.event:hover .mask .icon:before,
.archive .site-main .yolo-main article.event:hover .mask .icon:before,
.blog .site-main .yolo-main article.course:hover .mask .icon:before,
.archive .site-main .yolo-main article.course:hover .mask .icon:before,
.blog .site-main .yolo-main article.post:hover .mask .icon:before,
.archive .site-main .yolo-main article.post:hover .mask .icon:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.blog .site-main .yolo-main article.event:hover .mask .icon:after,
.archive .site-main .yolo-main article.event:hover .mask .icon:after,
.blog .site-main .yolo-main article.course:hover .mask .icon:after,
.archive .site-main .yolo-main article.course:hover .mask .icon:after,
.blog .site-main .yolo-main article.post:hover .mask .icon:after,
.archive .site-main .yolo-main article.post:hover .mask .icon:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.blog .site-main .yolo-main article.event:hover .mask .icon .icon-square:before,
.archive .site-main .yolo-main article.event:hover .mask .icon .icon-square:before,
.blog .site-main .yolo-main article.course:hover .mask .icon .icon-square:before,
.archive .site-main .yolo-main article.course:hover .mask .icon .icon-square:before,
.blog .site-main .yolo-main article.post:hover .mask .icon .icon-square:before,
.archive .site-main .yolo-main article.post:hover .mask .icon .icon-square:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.blog .site-main .yolo-main article.event:hover .mask .icon .icon-square i,
.archive .site-main .yolo-main article.event:hover .mask .icon .icon-square i,
.blog .site-main .yolo-main article.course:hover .mask .icon .icon-square i,
.archive .site-main .yolo-main article.course:hover .mask .icon .icon-square i,
.blog .site-main .yolo-main article.post:hover .mask .icon .icon-square i,
.archive .site-main .yolo-main article.post:hover .mask .icon .icon-square i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
.blog .site-main .yolo-main article.event:hover .mask .icon .icon-square:after,
.archive .site-main .yolo-main article.event:hover .mask .icon .icon-square:after,
.blog .site-main .yolo-main article.course:hover .mask .icon .icon-square:after,
.archive .site-main .yolo-main article.course:hover .mask .icon .icon-square:after,
.blog .site-main .yolo-main article.post:hover .mask .icon .icon-square:after,
.archive .site-main .yolo-main article.post:hover .mask .icon .icon-square:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.single-post .site-main .yolo-single-post,
.blog .site-main .yolo-single-post,
.archive .site-main .yolo-single-post,
.single-post .site-main .yolo-main,
.blog .site-main .yolo-main,
.archive .site-main .yolo-main { }
.single-post .site-main .yolo-single-post header,
.blog .site-main .yolo-single-post header,
.archive .site-main .yolo-single-post header,
.single-post .site-main .yolo-main header,
.blog .site-main .yolo-main header,
.archive .site-main .yolo-main header {
position: relative;
z-index: 1;
padding: 20px;
margin-left: 90px;
}
.single-post .site-main .yolo-single-post header h1,
.blog .site-main .yolo-single-post header h1,
.archive .site-main .yolo-single-post header h1,
.single-post .site-main .yolo-main header h1,
.blog .site-main .yolo-main header h1,
.archive .site-main .yolo-main header h1,
.single-post .site-main .yolo-single-post header h2,
.blog .site-main .yolo-single-post header h2,
.archive .site-main .yolo-single-post header h2,
.single-post .site-main .yolo-main header h2,
.blog .site-main .yolo-main header h2,
.archive .site-main .yolo-main header h2 {
margin: 0px 0px 15px;
font-size: 26px;
}
.single-post .site-main .yolo-single-post header span.yolo-author,
.blog .site-main .yolo-single-post header span.yolo-author,
.archive .site-main .yolo-single-post header span.yolo-author,
.single-post .site-main .yolo-main header span.yolo-author,
.blog .site-main .yolo-main header span.yolo-author,
.archive .site-main .yolo-main header span.yolo-author {
float: left;
margin-right: 30px;
}
.single-post .site-main .yolo-single-post header span.yolo-author i,
.blog .site-main .yolo-single-post header span.yolo-author i,
.archive .site-main .yolo-single-post header span.yolo-author i,
.single-post .site-main .yolo-main header span.yolo-author i,
.blog .site-main .yolo-main header span.yolo-author i,
.archive .site-main .yolo-main header span.yolo-author i {
color: var(--primary_color);
margin-right: 5px;
}
.single-post .site-main .yolo-single-post header span.yolo-author a,
.blog .site-main .yolo-single-post header span.yolo-author a,
.archive .site-main .yolo-single-post header span.yolo-author a,
.single-post .site-main .yolo-main header span.yolo-author a,
.blog .site-main .yolo-main header span.yolo-author a,
.archive .site-main .yolo-main header span.yolo-author a {
color: #a8a8a8;
text-decoration: underline;
}
.single-post .site-main .yolo-single-post header span.yolo-author a:hover,
.blog .site-main .yolo-single-post header span.yolo-author a:hover,
.archive .site-main .yolo-single-post header span.yolo-author a:hover,
.single-post .site-main .yolo-main header span.yolo-author a:hover,
.blog .site-main .yolo-main header span.yolo-author a:hover,
.archive .site-main .yolo-main header span.yolo-author a:hover {
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post header .date-style,
.blog .site-main .yolo-single-post header .date-style,
.archive .site-main .yolo-single-post header .date-style,
.single-post .site-main .yolo-main header .date-style,
.blog .site-main .yolo-main header .date-style,
.archive .site-main .yolo-main header .date-style {
position: absolute;
width: 90px;
right: 100%;
height: 90px;
color: #000;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 2px #a8a8a8;
box-shadow: 1px 1px 2px #a8a8a8;
top: 0px;
padding: 5px 2px;
text-align: center;
}
.single-post .site-main .yolo-single-post header .date-style span,
.blog .site-main .yolo-single-post header .date-style span,
.archive .site-main .yolo-single-post header .date-style span,
.single-post .site-main .yolo-main header .date-style span,
.blog .site-main .yolo-main header .date-style span,
.archive .site-main .yolo-main header .date-style span {
display: block;
}
.single-post .site-main .yolo-single-post header .date-style span i,
.blog .site-main .yolo-single-post header .date-style span i,
.archive .site-main .yolo-single-post header .date-style span i,
.single-post .site-main .yolo-main header .date-style span i,
.blog .site-main .yolo-main header .date-style span i,
.archive .site-main .yolo-main header .date-style span i {
margin-right: 5px;
}
.single-post .site-main .yolo-single-post header .date-style span.day,
.blog .site-main .yolo-single-post header .date-style span.day,
.archive .site-main .yolo-single-post header .date-style span.day,
.single-post .site-main .yolo-main header .date-style span.day,
.blog .site-main .yolo-main header .date-style span.day,
.archive .site-main .yolo-main header .date-style span.day {
font-size: 36px;
font-weight: bold;
}
.single-post .site-main .yolo-single-post header .date-style span.month,
.blog .site-main .yolo-single-post header .date-style span.month,
.archive .site-main .yolo-single-post header .date-style span.month,
.single-post .site-main .yolo-main header .date-style span.month,
.blog .site-main .yolo-main header .date-style span.month,
.archive .site-main .yolo-main header .date-style span.month {
font-size: 20px;
text-transform: uppercase;
}
.single-post .site-main .yolo-single-post header span.comment-number,
.blog .site-main .yolo-single-post header span.comment-number,
.archive .site-main .yolo-single-post header span.comment-number,
.single-post .site-main .yolo-main header span.comment-number,
.blog .site-main .yolo-main header span.comment-number,
.archive .site-main .yolo-main header span.comment-number {
color: #a8a8a8;
}
.single-post .site-main .yolo-single-post header span.comment-number i,
.blog .site-main .yolo-single-post header span.comment-number i,
.archive .site-main .yolo-single-post header span.comment-number i,
.single-post .site-main .yolo-main header span.comment-number i,
.blog .site-main .yolo-main header span.comment-number i,
.archive .site-main .yolo-main header span.comment-number i {
margin-right: 5px;
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post header span.comment-number a,
.blog .site-main .yolo-single-post header span.comment-number a,
.archive .site-main .yolo-single-post header span.comment-number a,
.single-post .site-main .yolo-main header span.comment-number a,
.blog .site-main .yolo-main header span.comment-number a,
.archive .site-main .yolo-main header span.comment-number a {
color: #a8a8a8;
}
.single-post .site-main .yolo-single-post header span.comment-number a:hover,
.blog .site-main .yolo-single-post header span.comment-number a:hover,
.archive .site-main .yolo-single-post header span.comment-number a:hover,
.single-post .site-main .yolo-main header span.comment-number a:hover,
.blog .site-main .yolo-main header span.comment-number a:hover,
.archive .site-main .yolo-main header span.comment-number a:hover {
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post article.event,
.blog .site-main .yolo-single-post article.event,
.archive .site-main .yolo-single-post article.event,
.single-post .site-main .yolo-main article.event,
.blog .site-main .yolo-main article.event,
.archive .site-main .yolo-main article.event,
.single-post .site-main .yolo-single-post article.course,
.blog .site-main .yolo-single-post article.course,
.archive .site-main .yolo-single-post article.course,
.single-post .site-main .yolo-main article.course,
.blog .site-main .yolo-main article.course,
.archive .site-main .yolo-main article.course,
.single-post .site-main .yolo-single-post article.post,
.blog .site-main .yolo-single-post article.post,
.archive .site-main .yolo-single-post article.post,
.single-post .site-main .yolo-main article.post,
.blog .site-main .yolo-main article.post,
.archive .site-main .yolo-main article.post {
margin: 30px 0px 30px 0px;
border-bottom: 1px solid #ebebeb;
}
.single-post .site-main .yolo-single-post article.event .content-featured,
.blog .site-main .yolo-single-post article.event .content-featured,
.archive .site-main .yolo-single-post article.event .content-featured,
.single-post .site-main .yolo-main article.event .content-featured,
.blog .site-main .yolo-main article.event .content-featured,
.archive .site-main .yolo-main article.event .content-featured,
.single-post .site-main .yolo-single-post article.course .content-featured,
.blog .site-main .yolo-single-post article.course .content-featured,
.archive .site-main .yolo-single-post article.course .content-featured,
.single-post .site-main .yolo-main article.course .content-featured,
.blog .site-main .yolo-main article.course .content-featured,
.archive .site-main .yolo-main article.course .content-featured,
.single-post .site-main .yolo-single-post article.post .content-featured,
.blog .site-main .yolo-single-post article.post .content-featured,
.archive .site-main .yolo-single-post article.post .content-featured,
.single-post .site-main .yolo-main article.post .content-featured,
.blog .site-main .yolo-main article.post .content-featured,
.archive .site-main .yolo-main article.post .content-featured {
z-index: 1;
border-radius: 12px;
}
.single-post .site-main .yolo-single-post article.event .content-featured .icon-feature,
.blog .site-main .yolo-single-post article.event .content-featured .icon-feature,
.archive .site-main .yolo-single-post article.event .content-featured .icon-feature,
.single-post .site-main .yolo-main article.event .content-featured .icon-feature,
.blog .site-main .yolo-main article.event .content-featured .icon-feature,
.archive .site-main .yolo-main article.event .content-featured .icon-feature,
.single-post .site-main .yolo-single-post article.course .content-featured .icon-feature,
.blog .site-main .yolo-single-post article.course .content-featured .icon-feature,
.archive .site-main .yolo-single-post article.course .content-featured .icon-feature,
.single-post .site-main .yolo-main article.course .content-featured .icon-feature,
.blog .site-main .yolo-main article.course .content-featured .icon-feature,
.archive .site-main .yolo-main article.course .content-featured .icon-feature,
.single-post .site-main .yolo-single-post article.post .content-featured .icon-feature,
.blog .site-main .yolo-single-post article.post .content-featured .icon-feature,
.archive .site-main .yolo-single-post article.post .content-featured .icon-feature,
.single-post .site-main .yolo-main article.post .content-featured .icon-feature,
.blog .site-main .yolo-main article.post .content-featured .icon-feature,
.archive .site-main .yolo-main article.post .content-featured .icon-feature {
z-index: 1;
bottom: 15px;
left: 15px;
border: 1px solid #fff;
position: absolute;
width: 40px;
height: 40px;
padding: 10px 14px;
border-radius: 50%;
}
.single-post .site-main .yolo-single-post article.event .content-featured .icon-feature i,
.blog .site-main .yolo-single-post article.event .content-featured .icon-feature i,
.archive .site-main .yolo-single-post article.event .content-featured .icon-feature i,
.single-post .site-main .yolo-main article.event .content-featured .icon-feature i,
.blog .site-main .yolo-main article.event .content-featured .icon-feature i,
.archive .site-main .yolo-main article.event .content-featured .icon-feature i,
.single-post .site-main .yolo-single-post article.course .content-featured .icon-feature i,
.blog .site-main .yolo-single-post article.course .content-featured .icon-feature i,
.archive .site-main .yolo-single-post article.course .content-featured .icon-feature i,
.single-post .site-main .yolo-main article.course .content-featured .icon-feature i,
.blog .site-main .yolo-main article.course .content-featured .icon-feature i,
.archive .site-main .yolo-main article.course .content-featured .icon-feature i,
.single-post .site-main .yolo-single-post article.post .content-featured .icon-feature i,
.blog .site-main .yolo-single-post article.post .content-featured .icon-feature i,
.archive .site-main .yolo-single-post article.post .content-featured .icon-feature i,
.single-post .site-main .yolo-main article.post .content-featured .icon-feature i,
.blog .site-main .yolo-main article.post .content-featured .icon-feature i,
.archive .site-main .yolo-main article.post .content-featured .icon-feature i {
color: #fff;
}
.single-post .site-main .yolo-single-post article.event .content-featured:hover .icon-feature,
.blog .site-main .yolo-single-post article.event .content-featured:hover .icon-feature,
.archive .site-main .yolo-single-post article.event .content-featured:hover .icon-feature,
.single-post .site-main .yolo-main article.event .content-featured:hover .icon-feature,
.blog .site-main .yolo-main article.event .content-featured:hover .icon-feature,
.archive .site-main .yolo-main article.event .content-featured:hover .icon-feature,
.single-post .site-main .yolo-single-post article.course .content-featured:hover .icon-feature,
.blog .site-main .yolo-single-post article.course .content-featured:hover .icon-feature,
.archive .site-main .yolo-single-post article.course .content-featured:hover .icon-feature,
.single-post .site-main .yolo-main article.course .content-featured:hover .icon-feature,
.blog .site-main .yolo-main article.course .content-featured:hover .icon-feature,
.archive .site-main .yolo-main article.course .content-featured:hover .icon-feature,
.single-post .site-main .yolo-single-post article.post .content-featured:hover .icon-feature,
.blog .site-main .yolo-single-post article.post .content-featured:hover .icon-feature,
.archive .site-main .yolo-single-post article.post .content-featured:hover .icon-feature,
.single-post .site-main .yolo-main article.post .content-featured:hover .icon-feature,
.blog .site-main .yolo-main article.post .content-featured:hover .icon-feature,
.archive .site-main .yolo-main article.post .content-featured:hover .icon-feature {
border-color: var(--primary_color);
}
.single-post .site-main .yolo-single-post article.event .content-featured:hover .icon-feature i,
.blog .site-main .yolo-single-post article.event .content-featured:hover .icon-feature i,
.archive .site-main .yolo-single-post article.event .content-featured:hover .icon-feature i,
.single-post .site-main .yolo-main article.event .content-featured:hover .icon-feature i,
.blog .site-main .yolo-main article.event .content-featured:hover .icon-feature i,
.archive .site-main .yolo-main article.event .content-featured:hover .icon-feature i,
.single-post .site-main .yolo-single-post article.course .content-featured:hover .icon-feature i,
.blog .site-main .yolo-single-post article.course .content-featured:hover .icon-feature i,
.archive .site-main .yolo-single-post article.course .content-featured:hover .icon-feature i,
.single-post .site-main .yolo-main article.course .content-featured:hover .icon-feature i,
.blog .site-main .yolo-main article.course .content-featured:hover .icon-feature i,
.archive .site-main .yolo-main article.course .content-featured:hover .icon-feature i,
.single-post .site-main .yolo-single-post article.post .content-featured:hover .icon-feature i,
.blog .site-main .yolo-single-post article.post .content-featured:hover .icon-feature i,
.archive .site-main .yolo-single-post article.post .content-featured:hover .icon-feature i,
.single-post .site-main .yolo-main article.post .content-featured:hover .icon-feature i,
.blog .site-main .yolo-main article.post .content-featured:hover .icon-feature i,
.archive .site-main .yolo-main article.post .content-featured:hover .icon-feature i {
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post article.event .content-thumb-single,
.blog .site-main .yolo-single-post article.event .content-thumb-single,
.archive .site-main .yolo-single-post article.event .content-thumb-single,
.single-post .site-main .yolo-main article.event .content-thumb-single,
.blog .site-main .yolo-main article.event .content-thumb-single,
.archive .site-main .yolo-main article.event .content-thumb-single,
.single-post .site-main .yolo-single-post article.course .content-thumb-single,
.blog .site-main .yolo-single-post article.course .content-thumb-single,
.archive .site-main .yolo-single-post article.course .content-thumb-single,
.single-post .site-main .yolo-main article.course .content-thumb-single,
.blog .site-main .yolo-main article.course .content-thumb-single,
.archive .site-main .yolo-main article.course .content-thumb-single,
.single-post .site-main .yolo-single-post article.post .content-thumb-single,
.blog .site-main .yolo-single-post article.post .content-thumb-single,
.archive .site-main .yolo-single-post article.post .content-thumb-single,
.single-post .site-main .yolo-main article.post .content-thumb-single,
.blog .site-main .yolo-main article.post .content-thumb-single,
.archive .site-main .yolo-main article.post .content-thumb-single {
overflow: hidden;
}
.single-post .site-main .yolo-single-post article.event .content-thumb-single img,
.blog .site-main .yolo-single-post article.event .content-thumb-single img,
.archive .site-main .yolo-single-post article.event .content-thumb-single img,
.single-post .site-main .yolo-main article.event .content-thumb-single img,
.blog .site-main .yolo-main article.event .content-thumb-single img,
.archive .site-main .yolo-main article.event .content-thumb-single img,
.single-post .site-main .yolo-single-post article.course .content-thumb-single img,
.blog .site-main .yolo-single-post article.course .content-thumb-single img,
.archive .site-main .yolo-single-post article.course .content-thumb-single img,
.single-post .site-main .yolo-main article.course .content-thumb-single img,
.blog .site-main .yolo-main article.course .content-thumb-single img,
.archive .site-main .yolo-main article.course .content-thumb-single img,
.single-post .site-main .yolo-single-post article.post .content-thumb-single img,
.blog .site-main .yolo-single-post article.post .content-thumb-single img,
.archive .site-main .yolo-single-post article.post .content-thumb-single img,
.single-post .site-main .yolo-main article.post .content-thumb-single img,
.blog .site-main .yolo-main article.post .content-thumb-single img,
.archive .site-main .yolo-main article.post .content-thumb-single img {
border-radius: 15px;
}
.single-post .site-main .yolo-single-post article.event .entry-content,
.blog .site-main .yolo-single-post article.event .entry-content,
.archive .site-main .yolo-single-post article.event .entry-content,
.single-post .site-main .yolo-main article.event .entry-content,
.blog .site-main .yolo-main article.event .entry-content,
.archive .site-main .yolo-main article.event .entry-content,
.single-post .site-main .yolo-single-post article.course .entry-content,
.blog .site-main .yolo-single-post article.course .entry-content,
.archive .site-main .yolo-single-post article.course .entry-content,
.single-post .site-main .yolo-main article.course .entry-content,
.blog .site-main .yolo-main article.course .entry-content,
.archive .site-main .yolo-main article.course .entry-content,
.single-post .site-main .yolo-single-post article.post .entry-content,
.blog .site-main .yolo-single-post article.post .entry-content,
.archive .site-main .yolo-single-post article.post .entry-content,
.single-post .site-main .yolo-main article.post .entry-content,
.blog .site-main .yolo-main article.post .entry-content,
.archive .site-main .yolo-main article.post .entry-content {
padding: 40px 0;
}
.single-post .site-main .yolo-single-post article.event .entry-content .read-more,
.blog .site-main .yolo-single-post article.event .entry-content .read-more,
.archive .site-main .yolo-single-post article.event .entry-content .read-more,
.single-post .site-main .yolo-main article.event .entry-content .read-more,
.blog .site-main .yolo-main article.event .entry-content .read-more,
.archive .site-main .yolo-main article.event .entry-content .read-more,
.single-post .site-main .yolo-single-post article.course .entry-content .read-more,
.blog .site-main .yolo-single-post article.course .entry-content .read-more,
.archive .site-main .yolo-single-post article.course .entry-content .read-more,
.single-post .site-main .yolo-main article.course .entry-content .read-more,
.blog .site-main .yolo-main article.course .entry-content .read-more,
.archive .site-main .yolo-main article.course .entry-content .read-more,
.single-post .site-main .yolo-single-post article.post .entry-content .read-more,
.blog .site-main .yolo-single-post article.post .entry-content .read-more,
.archive .site-main .yolo-single-post article.post .entry-content .read-more,
.single-post .site-main .yolo-main article.post .entry-content .read-more,
.blog .site-main .yolo-main article.post .entry-content .read-more,
.archive .site-main .yolo-main article.post .entry-content .read-more {
margin-top: 20px;
display: inline-block;
border: 1px solid #a8a8a8;
text-transform: uppercase;
border-radius: 20px;
padding: 10px 20px;
color: #000;
}
.single-post .site-main .yolo-single-post article.event .entry-content .read-more:hover,
.blog .site-main .yolo-single-post article.event .entry-content .read-more:hover,
.archive .site-main .yolo-single-post article.event .entry-content .read-more:hover,
.single-post .site-main .yolo-main article.event .entry-content .read-more:hover,
.blog .site-main .yolo-main article.event .entry-content .read-more:hover,
.archive .site-main .yolo-main article.event .entry-content .read-more:hover,
.single-post .site-main .yolo-single-post article.course .entry-content .read-more:hover,
.blog .site-main .yolo-single-post article.course .entry-content .read-more:hover,
.archive .site-main .yolo-single-post article.course .entry-content .read-more:hover,
.single-post .site-main .yolo-main article.course .entry-content .read-more:hover,
.blog .site-main .yolo-main article.course .entry-content .read-more:hover,
.archive .site-main .yolo-main article.course .entry-content .read-more:hover,
.single-post .site-main .yolo-single-post article.post .entry-content .read-more:hover,
.blog .site-main .yolo-single-post article.post .entry-content .read-more:hover,
.archive .site-main .yolo-single-post article.post .entry-content .read-more:hover,
.single-post .site-main .yolo-main article.post .entry-content .read-more:hover,
.blog .site-main .yolo-main article.post .entry-content .read-more:hover,
.archive .site-main .yolo-main article.post .entry-content .read-more:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social span,
.blog .site-main .yolo-single-post article.event .entry-content .single-social span,
.archive .site-main .yolo-single-post article.event .entry-content .single-social span,
.single-post .site-main .yolo-main article.event .entry-content .single-social span,
.blog .site-main .yolo-main article.event .entry-content .single-social span,
.archive .site-main .yolo-main article.event .entry-content .single-social span,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social span,
.blog .site-main .yolo-single-post article.course .entry-content .single-social span,
.archive .site-main .yolo-single-post article.course .entry-content .single-social span,
.single-post .site-main .yolo-main article.course .entry-content .single-social span,
.blog .site-main .yolo-main article.course .entry-content .single-social span,
.archive .site-main .yolo-main article.course .entry-content .single-social span,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social span,
.blog .site-main .yolo-single-post article.post .entry-content .single-social span,
.archive .site-main .yolo-single-post article.post .entry-content .single-social span,
.single-post .site-main .yolo-main article.post .entry-content .single-social span,
.blog .site-main .yolo-main article.post .entry-content .single-social span,
.archive .site-main .yolo-main article.post .entry-content .single-social span {
float: left;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social span i,
.blog .site-main .yolo-single-post article.event .entry-content .single-social span i,
.archive .site-main .yolo-single-post article.event .entry-content .single-social span i,
.single-post .site-main .yolo-main article.event .entry-content .single-social span i,
.blog .site-main .yolo-main article.event .entry-content .single-social span i,
.archive .site-main .yolo-main article.event .entry-content .single-social span i,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social span i,
.blog .site-main .yolo-single-post article.course .entry-content .single-social span i,
.archive .site-main .yolo-single-post article.course .entry-content .single-social span i,
.single-post .site-main .yolo-main article.course .entry-content .single-social span i,
.blog .site-main .yolo-main article.course .entry-content .single-social span i,
.archive .site-main .yolo-main article.course .entry-content .single-social span i,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social span i,
.blog .site-main .yolo-single-post article.post .entry-content .single-social span i,
.archive .site-main .yolo-single-post article.post .entry-content .single-social span i,
.single-post .site-main .yolo-main article.post .entry-content .single-social span i,
.blog .site-main .yolo-main article.post .entry-content .single-social span i,
.archive .site-main .yolo-main article.post .entry-content .single-social span i {
font-size: 18px;
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share .social-title,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share .social-title,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share .social-title,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share .social-title,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share .social-title,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share .social-title,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share .social-title,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share .social-title,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share .social-title,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share .social-title,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share .social-title,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share .social-title,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share .social-title,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share .social-title,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share .social-title,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share .social-title,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share .social-title,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share .social-title {
font-weight: bold;
padding: 0px 0px 20px 0px;
margin: 0px;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share {
padding: 17px;
color: rgba(51, 51, 51, 0.5);
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share i,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share i,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share i,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share i,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share i,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share i,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share i,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share i,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share i,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share i,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share i,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share i,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share i,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share i,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share i,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share i,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share i,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share i {
font-size: 18px;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-facebook {
color: #3C517F;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-google-plus {
color: #DD5044;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-twitter {
color: #5DD7FC;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-pinterest {
color: #DB242C;
}
.single-post .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.blog .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.archive .site-main .yolo-single-post article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.single-post .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.blog .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.archive .site-main .yolo-main article.event .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.blog .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.archive .site-main .yolo-single-post article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.single-post .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.blog .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.archive .site-main .yolo-main article.course .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.blog .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.archive .site-main .yolo-single-post article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.single-post .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.blog .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin,
.archive .site-main .yolo-main article.post .entry-content .single-social .content-share a.yolo-share:hover .fa-linkedin {
color: #0071AD;
}
@media (max-width: 480px) {
.single-post .site-main .yolo-single-post article.event .entry-content .single-social,
.blog .site-main .yolo-single-post article.event .entry-content .single-social,
.archive .site-main .yolo-single-post article.event .entry-content .single-social,
.single-post .site-main .yolo-main article.event .entry-content .single-social,
.blog .site-main .yolo-main article.event .entry-content .single-social,
.archive .site-main .yolo-main article.event .entry-content .single-social,
.single-post .site-main .yolo-single-post article.course .entry-content .single-social,
.blog .site-main .yolo-single-post article.course .entry-content .single-social,
.archive .site-main .yolo-single-post article.course .entry-content .single-social,
.single-post .site-main .yolo-main article.course .entry-content .single-social,
.blog .site-main .yolo-main article.course .entry-content .single-social,
.archive .site-main .yolo-main article.course .entry-content .single-social,
.single-post .site-main .yolo-single-post article.post .entry-content .single-social,
.blog .site-main .yolo-single-post article.post .entry-content .single-social,
.archive .site-main .yolo-single-post article.post .entry-content .single-social,
.single-post .site-main .yolo-main article.post .entry-content .single-social,
.blog .site-main .yolo-main article.post .entry-content .single-social,
.archive .site-main .yolo-main article.post .entry-content .single-social {
float: none;
display: block;
text-align: center;
}
.single-post .site-main .yolo-single-post article.event .entry-content .yolo-entry-footer,
.blog .site-main .yolo-single-post article.event .entry-content .yolo-entry-footer,
.archive .site-main .yolo-single-post article.event .entry-content .yolo-entry-footer,
.single-post .site-main .yolo-main article.event .entry-content .yolo-entry-footer,
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer,
.single-post .site-main .yolo-single-post article.course .entry-content .yolo-entry-footer,
.blog .site-main .yolo-single-post article.course .entry-content .yolo-entry-footer,
.archive .site-main .yolo-single-post article.course .entry-content .yolo-entry-footer,
.single-post .site-main .yolo-main article.course .entry-content .yolo-entry-footer,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer,
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer,
.blog .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer,
.archive .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer,
.single-post .site-main .yolo-main article.post .entry-content .yolo-entry-footer,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer {
float: none;
display: block;
text-align: center;
}
.single-post .site-main .yolo-single-post article.event .entry-content .yolo-entry-footer .cat-link,
.blog .site-main .yolo-single-post article.event .entry-content .yolo-entry-footer .cat-link,
.archive .site-main .yolo-single-post article.event .entry-content .yolo-entry-footer .cat-link,
.single-post .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-link,
.blog .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-link,
.archive .site-main .yolo-main article.event .entry-content .yolo-entry-footer .cat-link,
.single-post .site-main .yolo-single-post article.course .entry-content .yolo-entry-footer .cat-link,
.blog .site-main .yolo-single-post article.course .entry-content .yolo-entry-footer .cat-link,
.archive .site-main .yolo-single-post article.course .entry-content .yolo-entry-footer .cat-link,
.single-post .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-link,
.blog .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-link,
.archive .site-main .yolo-main article.course .entry-content .yolo-entry-footer .cat-link,
.single-post .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer .cat-link,
.blog .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer .cat-link,
.archive .site-main .yolo-single-post article.post .entry-content .yolo-entry-footer .cat-link,
.single-post .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-link,
.blog .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-link,
.archive .site-main .yolo-main article.post .entry-content .yolo-entry-footer .cat-link {
display: block;
}
}
.single-post .site-main .yolo-single-post article.event .entry-footer,
.blog .site-main .yolo-single-post article.event .entry-footer,
.archive .site-main .yolo-single-post article.event .entry-footer,
.single-post .site-main .yolo-main article.event .entry-footer,
.blog .site-main .yolo-main article.event .entry-footer,
.archive .site-main .yolo-main article.event .entry-footer,
.single-post .site-main .yolo-single-post article.course .entry-footer,
.blog .site-main .yolo-single-post article.course .entry-footer,
.archive .site-main .yolo-single-post article.course .entry-footer,
.single-post .site-main .yolo-main article.course .entry-footer,
.blog .site-main .yolo-main article.course .entry-footer,
.archive .site-main .yolo-main article.course .entry-footer,
.single-post .site-main .yolo-single-post article.post .entry-footer,
.blog .site-main .yolo-single-post article.post .entry-footer,
.archive .site-main .yolo-single-post article.post .entry-footer,
.single-post .site-main .yolo-main article.post .entry-footer,
.blog .site-main .yolo-main article.post .entry-footer,
.archive .site-main .yolo-main article.post .entry-footer {
margin: 0;
}
.single-post .site-main .yolo-single-post .meta-author-share,
.blog .site-main .yolo-single-post .meta-author-share,
.archive .site-main .yolo-single-post .meta-author-share,
.single-post .site-main .yolo-main .meta-author-share,
.blog .site-main .yolo-main .meta-author-share,
.archive .site-main .yolo-main .meta-author-share {
margin: 0;
padding: 0;
border-bottom: 1px solid #ebebeb;
}
.single-post .site-main .yolo-single-post .meta-author-share .meta-author,
.blog .site-main .yolo-single-post .meta-author-share .meta-author,
.archive .site-main .yolo-single-post .meta-author-share .meta-author,
.single-post .site-main .yolo-main .meta-author-share .meta-author,
.blog .site-main .yolo-main .meta-author-share .meta-author,
.archive .site-main .yolo-main .meta-author-share .meta-author {
padding: 20px 0px;
margin: 0;
border: none;
text-align: center;
}
.single-post .site-main .yolo-single-post .meta-author-share .meta-author img,
.blog .site-main .yolo-single-post .meta-author-share .meta-author img,
.archive .site-main .yolo-single-post .meta-author-share .meta-author img,
.single-post .site-main .yolo-main .meta-author-share .meta-author img,
.blog .site-main .yolo-main .meta-author-share .meta-author img,
.archive .site-main .yolo-main .meta-author-share .meta-author img {
border-radius: 50%;
}
.single-post .site-main .yolo-single-post .meta-author-share .meta-author h5,
.blog .site-main .yolo-single-post .meta-author-share .meta-author h5,
.archive .site-main .yolo-single-post .meta-author-share .meta-author h5,
.single-post .site-main .yolo-main .meta-author-share .meta-author h5,
.blog .site-main .yolo-main .meta-author-share .meta-author h5,
.archive .site-main .yolo-main .meta-author-share .meta-author h5 {
display: block;
color: #fff;
font-weight: bold;
margin-top: 20px;
font-family: "Open Sans", sans-serif;
}
.single-post .site-main .yolo-single-post .meta-author-share .meta-author h5 a:hover,
.blog .site-main .yolo-single-post .meta-author-share .meta-author h5 a:hover,
.archive .site-main .yolo-single-post .meta-author-share .meta-author h5 a:hover,
.single-post .site-main .yolo-main .meta-author-share .meta-author h5 a:hover,
.blog .site-main .yolo-main .meta-author-share .meta-author h5 a:hover,
.archive .site-main .yolo-main .meta-author-share .meta-author h5 a:hover {
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post .post-navigation,
.blog .site-main .yolo-single-post .post-navigation,
.archive .site-main .yolo-single-post .post-navigation,
.single-post .site-main .yolo-main .post-navigation,
.blog .site-main .yolo-main .post-navigation,
.archive .site-main .yolo-main .post-navigation {
position: relative;
margin: 40px 0;
}
.single-post .site-main .yolo-single-post .post-navigation .prev-post,
.blog .site-main .yolo-single-post .post-navigation .prev-post,
.archive .site-main .yolo-single-post .post-navigation .prev-post,
.single-post .site-main .yolo-main .post-navigation .prev-post,
.blog .site-main .yolo-main .post-navigation .prev-post,
.archive .site-main .yolo-main .post-navigation .prev-post,
.single-post .site-main .yolo-single-post .post-navigation .next-post,
.blog .site-main .yolo-single-post .post-navigation .next-post,
.archive .site-main .yolo-single-post .post-navigation .next-post,
.single-post .site-main .yolo-main .post-navigation .next-post,
.blog .site-main .yolo-main .post-navigation .next-post,
.archive .site-main .yolo-main .post-navigation .next-post {
position: relative;
}
.single-post .site-main .yolo-single-post .post-navigation .fa-star,
.blog .site-main .yolo-single-post .post-navigation .fa-star,
.archive .site-main .yolo-single-post .post-navigation .fa-star,
.single-post .site-main .yolo-main .post-navigation .fa-star,
.blog .site-main .yolo-main .post-navigation .fa-star,
.archive .site-main .yolo-main .post-navigation .fa-star {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: var(--primary_color);
padding: 5px;
border: 1px solid var(--primary_color);
border-radius: 50%;
}
.single-post .site-main .yolo-single-post .post-navigation h5,
.blog .site-main .yolo-single-post .post-navigation h5,
.archive .site-main .yolo-single-post .post-navigation h5,
.single-post .site-main .yolo-main .post-navigation h5,
.blog .site-main .yolo-main .post-navigation h5,
.archive .site-main .yolo-main .post-navigation h5 {
margin: 0;
}
.single-post .site-main .yolo-single-post .post-navigation h5 a,
.blog .site-main .yolo-single-post .post-navigation h5 a,
.archive .site-main .yolo-single-post .post-navigation h5 a,
.single-post .site-main .yolo-main .post-navigation h5 a,
.blog .site-main .yolo-main .post-navigation h5 a,
.archive .site-main .yolo-main .post-navigation h5 a {
margin: 0px;
display: inline-block;
}
.single-post .site-main .yolo-single-post .post-navigation h5 i,
.blog .site-main .yolo-single-post .post-navigation h5 i,
.archive .site-main .yolo-single-post .post-navigation h5 i,
.single-post .site-main .yolo-main .post-navigation h5 i,
.blog .site-main .yolo-main .post-navigation h5 i,
.archive .site-main .yolo-main .post-navigation h5 i {
font-size: 20px;
-webkit-transform: translate(0, 2px);
-ms-transform: translate(0, 2px);
transform: translate(0, 2px);
}
.single-post .site-main .yolo-single-post .post-navigation h5:hover a,
.blog .site-main .yolo-single-post .post-navigation h5:hover a,
.archive .site-main .yolo-single-post .post-navigation h5:hover a,
.single-post .site-main .yolo-main .post-navigation h5:hover a,
.blog .site-main .yolo-main .post-navigation h5:hover a,
.archive .site-main .yolo-main .post-navigation h5:hover a,
.single-post .site-main .yolo-single-post .post-navigation h5:hover i,
.blog .site-main .yolo-single-post .post-navigation h5:hover i,
.archive .site-main .yolo-single-post .post-navigation h5:hover i,
.single-post .site-main .yolo-main .post-navigation h5:hover i,
.blog .site-main .yolo-main .post-navigation h5:hover i,
.archive .site-main .yolo-main .post-navigation h5:hover i {
color: var(--primary_color);
}
.single-post .site-main .yolo-single-post .post-navigation .prev-post,
.blog .site-main .yolo-single-post .post-navigation .prev-post,
.archive .site-main .yolo-single-post .post-navigation .prev-post,
.single-post .site-main .yolo-main .post-navigation .prev-post,
.blog .site-main .yolo-main .post-navigation .prev-post,
.archive .site-main .yolo-main .post-navigation .prev-post {
float: left;
width: 45%;
}
.single-post .site-main .yolo-single-post .post-navigation .prev-post h5,
.blog .site-main .yolo-single-post .post-navigation .prev-post h5,
.archive .site-main .yolo-single-post .post-navigation .prev-post h5,
.single-post .site-main .yolo-main .post-navigation .prev-post h5,
.blog .site-main .yolo-main .post-navigation .prev-post h5,
.archive .site-main .yolo-main .post-navigation .prev-post h5 {
text-align: right;
}
.single-post .site-main .yolo-single-post .post-navigation .prev-post h5 a,
.blog .site-main .yolo-single-post .post-navigation .prev-post h5 a,
.archive .site-main .yolo-single-post .post-navigation .prev-post h5 a,
.single-post .site-main .yolo-main .post-navigation .prev-post h5 a,
.blog .site-main .yolo-main .post-navigation .prev-post h5 a,
.archive .site-main .yolo-main .post-navigation .prev-post h5 a {
margin-left: 0px;
}
.single-post .site-main .yolo-single-post .post-navigation .next-post,
.blog .site-main .yolo-single-post .post-navigation .next-post,
.archive .site-main .yolo-single-post .post-navigation .next-post,
.single-post .site-main .yolo-main .post-navigation .next-post,
.blog .site-main .yolo-main .post-navigation .next-post,
.archive .site-main .yolo-main .post-navigation .next-post {
float: right;
width: 45%;
}
.single-post .site-main .yolo-single-post .post-navigation .next-post h5,
.blog .site-main .yolo-single-post .post-navigation .next-post h5,
.archive .site-main .yolo-single-post .post-navigation .next-post h5,
.single-post .site-main .yolo-main .post-navigation .next-post h5,
.blog .site-main .yolo-main .post-navigation .next-post h5,
.archive .site-main .yolo-main .post-navigation .next-post h5 {
text-align: left;
}
.single-post .site-main .yolo-single-post .post-navigation .next-post h5 a,
.blog .site-main .yolo-single-post .post-navigation .next-post h5 a,
.archive .site-main .yolo-single-post .post-navigation .next-post h5 a,
.single-post .site-main .yolo-main .post-navigation .next-post h5 a,
.blog .site-main .yolo-main .post-navigation .next-post h5 a,
.archive .site-main .yolo-main .post-navigation .next-post h5 a {
margin-right: 0px;
}
.single-post .site-main .yolo-single-post #comments,
.blog .site-main .yolo-single-post #comments,
.archive .site-main .yolo-single-post #comments,
.single-post .site-main .yolo-main #comments,
.blog .site-main .yolo-main #comments,
.archive .site-main .yolo-main #comments {
padding: 0;
clear: both;
border: none;
}
.single-post .site-main .yolo-single-post #comments h2,
.blog .site-main .yolo-single-post #comments h2,
.archive .site-main .yolo-single-post #comments h2,
.single-post .site-main .yolo-main #comments h2,
.blog .site-main .yolo-main #comments h2,
.archive .site-main .yolo-main #comments h2 {
font-size: 24px;
font-family: "Open Sans", sans-serif;
text-transform: none;
color: rgba(51, 51, 51, 0.7);
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment,
.blog .site-main .yolo-single-post #comments .comments-list li.comment,
.archive .site-main .yolo-single-post #comments .comments-list li.comment,
.single-post .site-main .yolo-main #comments .comments-list li.comment,
.blog .site-main .yolo-main #comments .comments-list li.comment,
.archive .site-main .yolo-main #comments .comments-list li.comment {
margin: 0px;
padding: 0px 0px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap {
border-top: 1px solid #ebebeb;
padding: 25px 0px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap .comment-img img,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap .comment-img img,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap .comment-img img,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap .comment-img img,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap .comment-img img,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap .comment-img img {
border-radius: 50%;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block {
margin: 0;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header {
margin: 0;
padding: 0;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-author,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-author,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-author,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-author,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-author,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-author {
float: left;
margin-right: 15px;
font-weight: 600;
font-style: normal;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time {
margin-right: 50px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time:before,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time:before,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time:before,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time:before,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time:before,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta span.time:before {
width: 5px;
height: 5px;
border-radius: 50%;
content: '';
display: inline-block;
background-color: var(--primary_color);
margin-right: 10px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta .comment-edit,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta .comment-edit,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta .comment-edit,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta .comment-edit,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta .comment-edit,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block .comment-header .comment-meta .comment-edit {
text-decoration: underline;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block section.comment-content,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block section.comment-content,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block section.comment-content,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block section.comment-content,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block section.comment-content,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block section.comment-content {
padding: 10px 0px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a {
text-transform: uppercase;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a i,
.blog .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a i,
.archive .site-main .yolo-single-post #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a i,
.single-post .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a i,
.blog .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a i,
.archive .site-main .yolo-main #comments .comments-list li.comment div.comment-wrap article.comment-block span.comment-reply a i {
margin-right: 5px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment ol.children,
.blog .site-main .yolo-single-post #comments .comments-list li.comment ol.children,
.archive .site-main .yolo-single-post #comments .comments-list li.comment ol.children,
.single-post .site-main .yolo-main #comments .comments-list li.comment ol.children,
.blog .site-main .yolo-main #comments .comments-list li.comment ol.children,
.archive .site-main .yolo-main #comments .comments-list li.comment ol.children {
margin-top: 0px;
margin-left: 45px;
}
.single-post .site-main .yolo-single-post #comments .comments-list li.comment ol.children li.comment .comment-wrap,
.blog .site-main .yolo-single-post #comments .comments-list li.comment ol.children li.comment .comment-wrap,
.archive .site-main .yolo-single-post #comments .comments-list li.comment ol.children li.comment .comment-wrap,
.single-post .site-main .yolo-main #comments .comments-list li.comment ol.children li.comment .comment-wrap,
.blog .site-main .yolo-main #comments .comments-list li.comment ol.children li.comment .comment-wrap,
.archive .site-main .yolo-main #comments .comments-list li.comment ol.children li.comment .comment-wrap {
border-bottom: none;
}
.single-post .site-main .yolo-single-post #comments #respond-wrap,
.blog .site-main .yolo-single-post #comments #respond-wrap,
.archive .site-main .yolo-single-post #comments #respond-wrap,
.single-post .site-main .yolo-main #comments #respond-wrap,
.blog .site-main .yolo-main #comments #respond-wrap,
.archive .site-main .yolo-main #comments #respond-wrap {
margin: 60px 0;
}
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"],
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"],
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"],
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"],
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"],
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"],
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"],
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"],
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"],
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"],
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"],
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"],
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea,
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea,
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea,
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea,
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea,
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea {
border: 1px solid #ebebeb;
}
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"]:focus,
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"]:focus,
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"]:focus,
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"]:focus,
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"]:focus,
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-author input[type="text"]:focus,
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"]:focus,
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"]:focus,
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"]:focus,
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"]:focus,
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"]:focus,
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform .comment-form-email input[type="text"]:focus,
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea:focus,
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea:focus,
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea:focus,
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea:focus,
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea:focus,
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond #commentform div .comment-form-comment textarea:focus {
border-color: var(--primary_color);
}
.single-post .site-main .yolo-single-post #comments #respond-wrap .comment-respond .form-submit input[type="submit"],
.blog .site-main .yolo-single-post #comments #respond-wrap .comment-respond .form-submit input[type="submit"],
.archive .site-main .yolo-single-post #comments #respond-wrap .comment-respond .form-submit input[type="submit"],
.single-post .site-main .yolo-main #comments #respond-wrap .comment-respond .form-submit input[type="submit"],
.blog .site-main .yolo-main #comments #respond-wrap .comment-respond .form-submit input[type="submit"],
.archive .site-main .yolo-main #comments #respond-wrap .comment-respond .form-submit input[type="submit"] {
text-transform: uppercase;
width: 100%;
border: 1px solid var(--primary_color);
border-radius: 20px;
background-color: var(--primary_color);
color: #fff;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.yolo-container:before,
.yolo-container:after,
.yolo-container-fluid:before,
.yolo-container-fluid:after,
.yolo-row:before,
.yolo-row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:before,
.widget_product_tag_cloud .tagcloud:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.yolo-container:after,
.yolo-container-fluid:after,
.yolo-row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
.yolo-spinner {
position: fixed;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 999999;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
#outline {
stroke-dasharray: 2.42776657px, 242.7766571px;
stroke-dashoffset: 0;
-webkit-animation: anim 1.6s linear infinite;
animation: anim 1.6s linear infinite;
}
@-webkit-keyframes anim {
12.5% {
stroke-dasharray: 33.98873199px, 242.7766571px;
stroke-dashoffset: -26.70543228px;
}
43.75% {
stroke-dasharray: 84.97182999px, 242.7766571px;
stroke-dashoffset: -84.97182999px;
}
100% {
stroke-dasharray: 2.42776657px, 242.7766571px;
stroke-dashoffset: -240.34889053px;
}
}
@keyframes anim {
12.5% {
stroke-dasharray: 33.98873199px, 242.7766571px;
stroke-dashoffset: -26.70543228px;
}
43.75% {
stroke-dasharray: 84.97182999px, 242.7766571px;
stroke-dashoffset: -84.97182999px;
}
100% {
stroke-dasharray: 2.42776657px, 242.7766571px;
stroke-dashoffset: -240.34889053px;
}
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.line {
display: table;
overflow: hidden;
text-align: center;
padding: 0 50px;
margin: 50px auto;
line-height: 2.2;
background: #fff;
position: relative;
}
@media (max-width: 991px) {
.line {
padding: 0 10px;
}
}
.pagination {
position: relative;
}
.pagination:before {
content: '';
height: 1px;
width: 100%;
position: absolute;
bottom: 50%;
background: rgba(51, 51, 51, 0.15);
}
.pagination .page-numbers {
color: #333333;
font-size: 14px;
display: inline-block;
margin: 5px 5px;
background: transparent;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #a8a8a8;
border-radius: 50%;
}
.pagination .page-numbers.current {
color: #fff;
background: var(--primary_color);
border-color: var(--primary_color);
}
.pagination a.page-numbers {
text-decoration: none;
}
.pagination a.page-numbers:hover {
color: #fff;
background: var(--primary_color);
border-color: var(--primary_color);
}
.pagination .next.page-numbers,
.pagination .prev.page-numbers {
width: 100px;
border-radius: 35px;
text-transform: uppercase;
}
#pagination {
display: block;
text-align: center;
}
#pagination .prev,
#pagination .next {
display: inline-block;
margin: 1.07142857em;
}
.loadmore-action,
#infscr-loading,
.loadmore-loading {
display: block;
width: 100%;
text-align: center;
margin: 20px auto;
line-height: 3;
font-size: 14px;
}
.posts.loadmore .loadmore-action .loadmore-loading {
display: none;
}
.posts.loadmore .loadmore-action .loadmore-loading .fade-loading i {
font-size: 20px;
color: var(--primary_color);
}
.infinite-scroll .pagination {
display: none;
}
.infinite-scroll .infinite-scroll-loading {
display: block;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.infinite-scroll .infinite-scroll-loading .infinite-scroll-loading-msg i {
font-size: 20px;
color: var(--primary_color);
}
[data-paginate="loadmore"] .pagination,
[data-paginate="infinite"] .pagination {
display: none;
}
.yolo_page_num .loadmore-action {
display: none;
}
.yolo_page_num .pagination {
display: block !important;
}
.yolo_loadmore .loadmore-action {
display: none;
}
.yolo_infinite_scroll .loadmore-action {
display: none;
}
.yolo_no .loadmore-action {
display: none;
}
.yolo-portfolio .yolo-loadmore-action {
text-align: center;
}  .vc_tta-container h2 {
font-family: "Open Sans", sans-serif;
}
.vc_tta-container .yolo-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading {
border: none;
}
.vc_tta-container .yolo-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title > a {
color: #333;
}
.vc_tta-container .yolo-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title a i.vc_tta-controls-icon:before,
.vc_tta-container .yolo-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title a i.vc_tta-controls-icon:after {
border-color: #333;
}
.vc_tta-container .yolo-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: transparent;
}
.vc_tta-container .yolo-accordion.vc_tta .vc_tta-panel .vc_tta-panel-body {
padding-left: 46px;
color: #333;
}
.vc_toggle.vc_toggle_default .vc_toggle_title h4 {
font-family: "Open Sans", sans-serif;
font-size: 16px;
}
.vc_toggle.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
height: 2px;
}
.vc_toggle.vc_toggle_default .vc_toggle_title .vc_toggle_icon:before {
width: 2px;
}
.yolo-textblock h1,
.yolo-textblock h2,
.yolo-textblock h3,
.yolo-textblock h4,
.yolo-textblock h5,
.yolo-textblock h6 {
font-family: "Open Sans", sans-serif;
}
.wpb_wrapper .wpb_start_animation.wpb_bottom-to-top {
-webkit-animation: wpb_btt 1s 1 ease-in-out;
animation: wpb_btt 1s 1 ease-in-out;
} #main {
padding-top: 50px;
padding-bottom: 50px;
}
.yolo-main.pull-left {
float: left;
}
.yolo-main.pull-right {
float: right;
}
.blog.page-left-sidebar .site-main,
.single.page-left-sidebar .site-main,
.page.page-left-sidebar .site-main,
.archive.page-left-sidebar .site-main,
.blog.page-left-sidebar .shop-container,
.single.page-left-sidebar .shop-container,
.page.page-left-sidebar .shop-container,
.archive.page-left-sidebar .shop-container {
position: relative;
}
.blog.page-left-sidebar .site-main:before,
.single.page-left-sidebar .site-main:before,
.page.page-left-sidebar .site-main:before,
.archive.page-left-sidebar .site-main:before,
.blog.page-left-sidebar .shop-container:before,
.single.page-left-sidebar .shop-container:before,
.page.page-left-sidebar .shop-container:before,
.archive.page-left-sidebar .shop-container:before {
display: block;
position: absolute;
content: "";
top: 0;
right: calc(75%);
right: -webkit-calc(75%);
width: 1px;
height: 100%;
border-right: 1px solid #ebebeb;
z-index: 1;
}
@media (max-width: 991px) {
.blog.page-left-sidebar .site-main:before,
.single.page-left-sidebar .site-main:before,
.page.page-left-sidebar .site-main:before,
.archive.page-left-sidebar .site-main:before,
.blog.page-left-sidebar .shop-container:before,
.single.page-left-sidebar .shop-container:before,
.page.page-left-sidebar .shop-container:before,
.archive.page-left-sidebar .shop-container:before {
border-color: transparent;
}
}
.blog.page-right-sidebar .site-main,
.single.page-right-sidebar .site-main,
.page.page-right-sidebar .site-main,
.archive.page-right-sidebar .site-main,
.blog.page-right-sidebar .shop-container,
.single.page-right-sidebar .shop-container,
.page.page-right-sidebar .shop-container,
.archive.page-right-sidebar .shop-container {
position: relative;
}
.blog.page-right-sidebar .site-main:before,
.single.page-right-sidebar .site-main:before,
.page.page-right-sidebar .site-main:before,
.archive.page-right-sidebar .site-main:before,
.blog.page-right-sidebar .shop-container:before,
.single.page-right-sidebar .shop-container:before,
.page.page-right-sidebar .shop-container:before,
.archive.page-right-sidebar .shop-container:before {
display: block;
position: absolute;
content: "";
top: 0;
right: calc(25%);
right: -webkit-calc(25%);
width: 1px;
height: 100%;
border-right: 1px solid #ebebeb;
z-index: 1;
}
@media (max-width: 991px) {
.blog.page-right-sidebar .site-main:before,
.single.page-right-sidebar .site-main:before,
.page.page-right-sidebar .site-main:before,
.archive.page-right-sidebar .site-main:before,
.blog.page-right-sidebar .shop-container:before,
.single.page-right-sidebar .shop-container:before,
.page.page-right-sidebar .shop-container:before,
.archive.page-right-sidebar .shop-container:before {
border-color: transparent;
}
}
.single.page-right-sidebar .yolo-main,
.blog.page-right-sidebar .yolo-main,
.woocommerce.page-right-sidebar .yolo-main,
.single-post.page-right-sidebar .yolo-main {
padding-right: 2em;
}
@media (max-width: 991px) {
.single.page-right-sidebar .yolo-main,
.blog.page-right-sidebar .yolo-main,
.woocommerce.page-right-sidebar .yolo-main,
.single-post.page-right-sidebar .yolo-main {
padding-right: 1em;
}
}
.single.page-left-sidebar .yolo-main,
.blog.page-left-sidebar .yolo-main,
.woocommerce.page-left-sidebar .yolo-main,
.single-post.page-left-sidebar .yolo-main {
padding-left: 2em;
}
@media (max-width: 991px) {
.single.page-left-sidebar .yolo-main,
.blog.page-left-sidebar .yolo-main,
.woocommerce.page-left-sidebar .yolo-main,
.single-post.page-left-sidebar .yolo-main {
padding-left: 1em;
}
}
.yolo-sidebar {
padding-top: 5em;
}
.yolo-sidebar.pull-left {
padding-right: 0;
}
@media (max-width: 991px) {
.yolo-sidebar.pull-left {
padding-right: 1em;
}
}
.yolo-sidebar.pull-left .widget {
padding-right: 2em;
}
@media (max-width: 991px) {
.yolo-sidebar.pull-left .widget {
padding-right: 1em;
}
}
.yolo-sidebar.pull-right {
padding-left: 0;
}
@media (max-width: 991px) {
.yolo-sidebar.pull-right {
padding-left: 1em;
}
}
.yolo-sidebar.pull-right .widget {
padding-left: 2em;
}
@media (max-width: 991px) {
.yolo-sidebar.pull-right .widget {
padding-left: 1em;
}
}
.yolo-sidebar .widget {
margin-top: 3em;
border-bottom: 1px solid #ebebeb;
padding-bottom: 1em;
}
.yolo-sidebar .widget:last-child {
border-bottom: 0px;
}
.main-wrap {
margin-top: 100px;
margin-bottom: 100px;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.hentry {
padding: 0;
background: #fff;
}
.hentry .entry-header {
padding: 30px 30px 0;
}
.hentry .entry-footer {
padding: 30px 0 40px;
margin: 0 30px;
border-top: 1px solid #eeeeee;
}
.hentry .entry-footer span {
margin-right: 15px;
display: inline-block;
color: #a8a8a8;
font-size: 14px;
font-style: italic;
}
.hentry .entry-footer span i {
padding-right: 7px;
}
.hentry.sticky {
border-color: var(--primary_color);
border-bottom-width: 4px;
position: relative;
overflow: hidden;
}
.hentry.sticky:after {
width: 110px;
height: 50px;
font-family: 'FontAwesome';
content: "\f08d";
background: var(--primary_color);
position: absolute;
right: -50px;
top: -20px;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
line-height: 72px;
font-size: 16px;
}
.meta-author {
padding: 30px;
margin-top: 30px;
background: #fff;
border: 1px solid #eeeeee;
}
#comments {
padding: 30px;
margin-top: 30px;
background: #fff;
border: 1px solid #eeeeee;
}
#comments .comments-title {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 30px;
}
#comments ol,
#comments ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
#comments ol li,
#comments ul li {
padding: 0 0 30px 0;
}
#comments ol li:last-child,
#comments ul li:last-child {
padding-bottom: 0;
}
#comments ol li .comment-wrap:after,
#comments ul li .comment-wrap:after {
clear: both;
content: '';
display: table;
}
#comments ol li .comment-wrap .comment-img,
#comments ul li .comment-wrap .comment-img {
float: left;
max-width: 80px;
}
#comments ol li .comment-wrap .comment-block,
#comments ul li .comment-wrap .comment-block {
padding-left: 110px;
}
#comments ol li .children,
#comments ul li .children {
margin-left: 30px;
margin-top: 30px;
}
#comments #respond .comment-form input[type='text'],
#comments #respond .comment-form input[type='email'] {
border: 1px solid #eeeeee;
border-radius: 20px;
height: 40px;
margin-bottom: 10px;
padding: 20px 10px;
}
#comments #respond .comment-form input[type='text']::-moz-placeholder,
#comments #respond .comment-form input[type='email']::-moz-placeholder {
color: #333333;
opacity: 1;
}
#comments #respond .comment-form input[type='text']:-ms-input-placeholder,
#comments #respond .comment-form input[type='email']:-ms-input-placeholder {
color: #333333;
}
#comments #respond .comment-form input[type='text']::-webkit-input-placeholder,
#comments #respond .comment-form input[type='email']::-webkit-input-placeholder {
color: #333333;
}
#comments #respond .comment-form textarea {
border-radius: 20px;
margin-bottom: 10px;
padding: 10px;
}
#comments #respond .comment-form textarea::-moz-placeholder {
color: #333333;
opacity: 1;
}
#comments #respond .comment-form textarea:-ms-input-placeholder {
color: #333333;
}
#comments #respond .comment-form textarea::-webkit-input-placeholder {
color: #333333;
}
#comments #respond .form-submit {
margin-top: 20px;
}
#comments #respond .form-submit input {
padding: 10px 20px;
background: transparent;
border: 1px solid var(--primary_color);
color: #333;
text-transform: uppercase;
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;
}
#comments #respond .form-submit input:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
#comments #respond .form-submit input:hover {
background: #FFA800;
color: #fff;
}
#comments #respond .form-submit input:hover:after {
left: 120%;
}
#comments #respond .form-submit input:focus {
outline-color: transparent;
outline: none;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.wp-caption.alignleft,
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright,
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
body .alignright {
clear: right;
}
body .alignleft {
clear: left;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 0 0 24px;
}
div.wp-caption.alignright {
float: right;
}
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
list-style-position: inside;
}
.entry-content img {
margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
clear: both;
display: table;
content: '';
}
.alignnone,
img.alignnone { }
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
max-width: 100%;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
max-width: 100%;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
table {
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(51, 51, 51, 0.1);
margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
}
table td,
table th {
border: 1px solid rgba(51, 51, 51, 0.1);
padding: 0.4em;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
#off-canvas-nav {
display: none;
}
.maps {
pointer-events: none;
} .animated {
-webkit-animation-duration: 0.5s !important;
animation-duration: 0.5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-300px);
transform: translateY(-300px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
opacity: 0.5;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-300px);
transform: translateY(-300px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
50% {
opacity: 0.5;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.affix,
.affix.slideInDown,
.affix.slideOutUp {
width: 100%;
top: 0;
z-index: 999;
position: fixed;
}
@media (max-width: 767px) {
.affix,
.affix.slideInDown,
.affix.slideOutUp {
width: 50px;
position: fixed;
top: initial;
}
}
.yolo-topbar {
margin: 0px;
padding: 0px;
}
.yolo-topbar .topbar-inner {
padding: 15px;
}
.yolo-topbar .topbar-inner .topbar-left ul.yolo-top-menu {
padding: 0;
margin: 0;
}
.yolo-topbar .topbar-inner .topbar-left ul.yolo-top-menu li.menu-item {
float: left;
list-style: none;
}
.yolo-topbar .topbar-inner .topbar-left ul.yolo-top-menu li.menu-item a {
text-decoration: none;
font-size: 13px;
padding: 10px 15px;
}
.yolo-topbar .topbar-inner .topbar-left ul.yolo-top-menu li.menu-item:first-child a {
padding-left: 0;
}
.yolo-topbar .topbar-inner .topbar-right a {
text-decoration: none;
font-size: 13px;
}
.yolo-header {
position: absolute;
z-index: 99;
width: 100%;
top: 0;
left: 0;
right: 0;
}
.yolo-header.has-page-title {
position: relative;
}
.yolo-header.has-page-title.header_transparent {
position: absolute;
}
.yolo-header.hasnt-page-title {
position: relative;
}
.yolo-header.hasnt-page-title.header_transparent {
position: absolute;
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner {
background-color: rgba(99, 111, 225, 0.9);
color: rgba(255, 255, 255, 0.8);
font-size: 13px;
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner span {
color: var(--primary_color);
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner a {
color: rgba(255, 255, 255, 0.8);
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner a:hover {
color: var(--primary_color);
}
@media (max-width: 625px) {
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-left {
display: none;
}
}
@media (max-width: 625px) {
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right {
text-align: center;
}
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right ul.yolo-top-menu {
padding: 0;
margin: 0;
float: left;
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right ul.yolo-top-menu li.menu-item {
float: left;
list-style: none;
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right ul.yolo-top-menu li.menu-item a {
text-decoration: none;
font-size: 13px;
padding: 10px 15px;
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right ul.yolo-top-menu li.menu-item:first-child a {
padding-left: 0;
}
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right a {
padding: 10px 15px;
}
@media (max-width: 479px) {
.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner .topbar-right a {
padding: 10px 0;
}
}
.yolo-header .navbar-wrapper .yolo-wrap-menu {
width: 100%;
}
.yolo-header .navbar-wrapper .yolo-wrap-menu .yolo-container {
position: relative;
}
@media (max-width: 1199px) and (min-width: 991px) {
.yolo-header .navbar-wrapper .yolo-wrap-menu .yolo-container .navbar-header .yolo-logo-normal {
height: 55px;
}
}
.yolo-header .navbar-wrapper .yolo-wrap-menu .yolo-container .navbar-header .yolo-logo-fixed {
display: none;
}
.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix {
-webkit-box-shadow: 0px 0px 10px 0px #BCBCBC;
box-shadow: 0px 0px 10px 0px #BCBCBC;
background-color: #fff;
}
@media (max-width: 991px) {
.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix {
display: none;
}
}
.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .navbar-header .yolo-logo-fixed {
display: inherit;
margin-top: 0;
}
@media (max-width: 1199px) and (min-width: 991px) {
.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .navbar-header .yolo-logo-fixed {
height: 55px;
margin-top: 0;
}
}
.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .navbar-header .yolo-logo-normal {
display: none;
}
.yolo-header.header_transparent {
background-color: rgba(255, 255, 255, 0.8);
}
.yolo-header.header_transparent .navbar-wrapper {
background-color: transparent;
}
.yolo-header.header_transparent .navbar-wrapper .yolo-topbar .topbar-inner a:hover {
color: var(--primary_color);
}
.yolo-header.header_transparent .navbar-wrapper .yolo-wrap-menu.fixed_top.affix {
-webkit-box-shadow: 0px 0px 10px 0px #BCBCBC;
box-shadow: 0px 0px 10px 0px #BCBCBC;
}
.yolo-header.header_transparent .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .navbar-nav li > a {
color: #333;
}
.yolo-header.header_transparent .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .navbar-nav li > .sub-menu {
background-color: #fff;
}
.yolo-header.header-1 .navbar-wrapper .yolo-wrap-menu {
padding: 0;
}
@media (max-width: 991px) {
.yolo-header.header-1 .navbar-wrapper .yolo-wrap-menu {
text-align: center;
}
}
@media (max-width: 991px) {
.yolo-header.header-1 .navbar-wrapper .yolo-wrap-menu .navbar-header {
float: none !important;
}
}
.yolo-header.header-1 .navbar-wrapper .yolo-wrap-menu.affix {
padding: 0;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu {
padding: 0;
}
@media (max-width: 991px) {
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu {
text-align: center;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-menu-item-cart {
top: -10px !important;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-menu-item-search {
top: -10px !important;
}
}
@media (max-width: 991px) {
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .navbar-header {
float: none !important;
}
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu.affix {
padding: 0;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-left {
float: left;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-left .navbar-left {
float: right;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .logo-center {
float: left;
text-align: center;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-right {
float: left;
}
@media (max-width: 991px) {
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-right .menu-item.yolo-menu-item-cart {
top: 0px !important;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-right .menu-item.yolo-menu-item-cart a {
padding: 0px;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-right .menu-item.yolo-menu-item-search {
top: 0px !important;
}
.yolo-header.header-2 .navbar-wrapper .yolo-wrap-menu .yolo-main-menu .pull-right .menu-item.yolo-menu-item-search a {
padding: 0px;
}
}
.yolo-header.header-3 .site-header {
padding-top: 30px;
padding-bottom: 5px;
}
.yolo-header.header-3 .site-header .yolo-nav-wrap {
text-align: center;
margin: 0px;
padding: 0px;
}
.yolo-header.header-3 .yolo-wrap-menu .yolo-search {
width: 60%;
-webkit-box-shadow: 0px 0px 1px 0px rgba(168, 168, 168, 0.4);
box-shadow: 0px 0px 1px 0px rgba(168, 168, 168, 0.4);
margin: 0px auto;
border-color: rgba(168, 168, 168, 0.4);
}
.yolo-header.header-3 .yolo-wrap-menu .yolo-search #yolo-post-type {
border-color: rgba(168, 168, 168, 0.4);
padding: 11px 0px 11px 11px;
font-weight: normal;
}
@media (max-width: 991px) {
.yolo-header.header-3 .yolo-wrap-menu .yolo-search {
width: 100%;
margin-bottom: 10px;
}
}
.yolo-header.header-3 .yolo-wrap-menu .yolo-main-menu .navbar-nav {
text-align: center;
}
.yolo-header.header-3 .yolo-wrap-menu .yolo-main-menu .navbar-nav > li.menu-item {
float: none;
display: inline-block;
}
.yolo-header.header-3 .yolo-wrap-menu .yolo-main-menu .navbar-nav > li.menu-item ul.sub-menu {
text-align: left;
}
.yolo-header.header-3 .yolo-wrap-menu.affix {
padding: 0;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu {
padding: 0;
}
@media (max-width: 991px) {
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu {
text-align: center;
}
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .yolo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .yolo-container {
display: block;
}
}
@media (max-width: 991px) {
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .navbar-header {
float: none !important;
}
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .pull-right.yolo-main-menu {
margin: 0 auto;
margin-right: 40px;
float: none;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
height: 0px;
width: 0px;
overflow: hidden;
}
@media (max-width: 991px) {
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .pull-right.yolo-main-menu {
visibility: visible;
opacity: 1;
}
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .pull-right.yolo-main-menu > ul {
float: right;
}
@media (max-width: 991px) {
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .pull-right.yolo-main-menu > ul li.yolo-menu-item-cart {
top: -55px;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .pull-right.yolo-main-menu > ul li.yolo-menu-item-search {
top: -55px;
}
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .pull-right.yolo-main-menu.show-nav-list {
visibility: visible;
opacity: 1;
height: auto;
overflow: visible;
width: auto;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu.affix {
padding: 0;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu.affix .pull-left {
padding: 0px;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar {
position: absolute;
right: 20px;
padding: 12px 16px 20px 16px;
cursor: pointer;
border: 2px solid var(--primary_color);
width: 20px;
height: 10px;
display: block;
border-radius: 50%;
}
@media (max-width: 991px) {
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar {
display: none;
}
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar span {
width: 20px;
height: 2px;
background-color: var(--primary_color);
display: block;
position: relative;
top: 3px;
right: 10px;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar span:before {
content: "";
display: block;
width: 20px;
height: 2px;
background-color: var(--primary_color);
margin: 5px 0px;
position: absolute;
top: -11px;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar span:after {
content: "";
display: block;
width: 20px;
height: 2px;
background-color: var(--primary_color);
position: absolute;
top: 6px;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar.trigger-close span {
background-color: transparent;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar.trigger-close span:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: -4px;
}
.yolo-header.header-4 .navbar-wrapper .yolo-wrap-menu .button-navbar.trigger-close span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 1px;
}
.yolo_icon_menu {
display: none;
}
.navbar-default {
min-height: 100px;
}
#container-offcanvas {
display: none;
}
@media (max-width: 991px) {
#container-offcanvas {
display: block;
}
}
header .yolo-main-menu .navbar-nav {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
header .yolo-main-menu .navbar-nav:after {
clear: both;
content: '';
display: table;
}
header .yolo-main-menu .navbar-nav li {
float: left;
position: relative;
}
header .yolo-main-menu .navbar-nav li.current-menu-item > a,
header .yolo-main-menu .navbar-nav li:hover > a {
color: var(--primary_color);
}
header .yolo-main-menu .navbar-nav li.current-menu-item > a:before,
header .yolo-main-menu .navbar-nav li:hover > a:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
header .yolo-main-menu .navbar-nav li > a {
padding-left: 20px;
padding-right: 20px;
line-height: 100px;
font-size: 14px;
color: #000;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
position: relative;
display: block;
}
@media (max-width: 1199px) and (min-width: 991px) {
header .yolo-main-menu .navbar-nav li > a {
font-size: 14px !important;
}
}
header .yolo-main-menu .navbar-nav li > .sub-menu {
position: absolute;
left: 0;
top: 80%;
list-style: none;
padding: 0 0;
text-align: left;
margin: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 3px -1px rgba(85, 85, 85, 0.2);
box-shadow: 0 0 3px -1px rgba(85, 85, 85, 0.2);
min-width: 220px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
border-top: 1px solid #eee;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li {
float: none;
position: relative;
padding: 0px 0px;
border-top: 1px solid #F5F5F5;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li:first-child {
border-top: 0;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li a {
background: none;
color: #555555;
text-transform: none;
font-weight: 500;
line-height: 25px;
display: block;
position: relative;
padding: 10px 25px;
text-decoration: none;
border-left: 3px solid transparent;
font-size: 15px;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li a:before {
display: none;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li a:hover {
color: var(--primary_color);
border-color: var(--primary_color);
}
header .yolo-main-menu .navbar-nav li > .sub-menu li a:hover .icon-submenu-down {
color: #555555;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li .sub-menu {
list-style: none;
padding: 0px;
margin: 0;
position: absolute;
left: 70%;
top: 0;
z-index: 1;
min-width: 220px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
background-color: #fff;
}
header .yolo-main-menu .navbar-nav li > .sub-menu li:hover > .sub-menu {
left: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
header .yolo-main-menu .navbar-nav li:hover > .sub-menu {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.navbar-brand {
line-height: 100px;
}
body.down .yolo-wrap-menu.fixed_top_eff {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .yolo-page-heading {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 200px 0px;
}
@media (max-width: 991px) {
.yolo-page-heading {
padding: 160px 0;
}
}
@media (max-width: 768px) {
.yolo-page-heading {
padding: 120px 0;
}
}
.yolo-page-heading .bottom-bar {
text-align: center;
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/jumbotron-bottom-bg.png);
position: absolute;
width: 100%;
bottom: 0px;
}
.yolo-page-heading .bottom-bar .page-title {
padding: 30px 0px 50px 0px;
color: #fff;
margin: 0;
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;
}
.yolo-page-heading .bottom-bar .page-title i {
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
border: 3px solid var(--primary_color);
border-radius: 50%;
margin-right: 15px;
font-size: 30px;
}
@media (max-width: 1199px) {
.yolo-page-heading .bottom-bar .page-title {
font-size: 36px;
}
}
@media (max-width: 991px) {
.yolo-page-heading .bottom-bar .page-title {
font-size: 30px;
padding: 20px 0 40px 0;
}
.yolo-page-heading .bottom-bar .page-title i {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.yolo-page-heading .bottom-bar .page-title {
font-size: 20px;
}
} .yolo-main-menu .navbar-nav > li.yolo_megamenu {
position: static;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu:hover .sub-menu li {
display: block;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu:hover .sub-menu li > a {
border-color: transparent;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu {
width: 100%;
padding: 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li {
float: left;
border: 0;
padding: 0px 15px;
border-left: 1px solid #eee;
margin: 35px 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li > a {
color: #333;
margin: 0;
font-size: 18px;
text-transform: none;
font-weight: 700;
}
@media (max-width: 1199px) and (min-width: 991px) {
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li > a {
font-size: 14px;
}
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li:first-child {
border-left: 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li > ul {
position: relative;
width: auto;
min-width: inherit;
left: auto !important;
top: auto !important;
visibility: visible;
border: 0;
opacity: 1;
filter: alpha(opacity=100);
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li > ul li {
display: none;
padding-left: 0;
padding-right: 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li > ul li:first-child {
border-top: 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area {
line-height: 20px;
padding-top: 10px;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area .widget {
margin: 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area .widget-title {
color: #333;
margin: 0 0 30px;
font-size: 18px;
text-transform: none;
font-weight: 700;
font-family: "Open Sans", sans-serif;
font-style: normal;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li {
padding: 15px 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li:after {
clear: both;
content: '';
display: table;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li:first-child {
padding-top: 0;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li a {
color: #333;
padding: 0;
text-transform: none;
line-height: 12px;
font-size: 16px;
margin-bottom: 10px;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li a span {
font-weight: 500;
line-height: 25px;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li a img {
width: 65px;
margin-left: 0;
float: left;
margin-right: 15px;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li a:hover {
color: var(--primary_color);
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li .star-rating {
margin-bottom: 5px;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li span.amount {
color: rgba(255, 168, 0, 0.8);
font-size: 14px;
font-weight: 600;
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li del span.amount {
color: rgba(51, 51, 51, 0.5);
}
.yolo-main-menu .navbar-nav > li.yolo_megamenu > .sub-menu > li .yolo_megamenu_widget_area li ins span.amount {
padding-left: 0px;
}
.yolo-main-menu .navbar-nav > li.mega-col-columns-5 > .sub-menu > li {
width: 20%;
}
.yolo-main-menu .navbar-nav > li.mega-col-columns-4 > .sub-menu > li {
width: 25%;
}
.yolo-main-menu .navbar-nav > li.mega-col-columns-3 > .sub-menu > li {
width: 33%;
}
.yolo-main-menu .navbar-nav > li.mega-col-columns-2 > .sub-menu > li {
width: 50%;
}
.yolo-main-menu .navbar-nav > li.yolo_heading > .sub-menu > li > a {
display: none;
} .yolo-main-menu .navbar-nav {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-cart > a {
padding: 0px;
margin-right: 15px;
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-cart > a span.cart-item {
color: #fff;
padding: 9px 11px;
border-radius: 50%;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-cart > a span.cart-item {
background-color: var(--primary_color);
}
@media (max-width: 991px) {
.yolo-main-menu .navbar-nav li.yolo-menu-item-search {
top: -100px;
}
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-search a {
padding: 0;
margin-right: 20px;
text-align: right;
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-search a i {
padding: 10px 11px;
border-radius: 50%;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border: 1px solid rgba(168, 168, 168, 0.5);
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-search a:hover {
color: var(--primary_color);
}
.yolo-search.searchbar {
display: none;
width: 100%;
background-color: #fff;
border-bottom: 1px solid var(--primary_color);
-webkit-box-shadow: 0px 0px 5px 0px var(--primary_color);
box-shadow: 0px 0px 5px 0px var(--primary_color);
}
.yolo-search.searchbar .search-input {
position: relative;
float: left;
width: 80%;
}
@media (max-width: 768px) {
.yolo-search.searchbar .search-input {
width: 70%;
}
}
.yolo-search.searchbar .search-input .ajax_load {
position: absolute;
right: 20px;
bottom: 15px;
z-index: 1;
opacity: 0;
display: none;
}
.yolo-search.searchbar .search-input .search-remove {
position: absolute;
top: 2px;
padding: 10px;
right: 20px;
cursor: pointer;
}
.yolo-search.searchbar form {
position: relative;
text-align: center;
width: 100%;
display: block;
}
.yolo-search.searchbar form .search-option {
float: left;
width: 20%;
}
@media (max-width: 768px) {
.yolo-search.searchbar form .search-option {
width: 30%;
}
}
.yolo-search.searchbar form .search-option #yolo-post-type {
background-color: #fff;
padding: 11px 0px 11px 50px;
text-transform: capitalize;
border: none;
width: 100%;
border-right: 1px solid var(--primary_color);
outline-color: transparent;
font-weight: bold;
}
.yolo-search.searchbar form input[type='search'] {
width: 100%;
margin: 0px;
border: 0;
}
.yolo-search.searchbar form input[type='submit'] {
position: absolute;
background: var(--primary_color);
color: #fff;
padding: 0 50px;
display: inline-block;
border: 0;
border-radius: 0;
}
.yolo-search.searchbar .returs_ajax {
position: absolute;
left: 0px;
top: 60px;
background: #fff;
width: 100%;
display: none;
z-index: 1;
}
.yolo-search.searchbar .returs_ajax ul {
padding: 0px;
margin: 0px;
}
.yolo-search.searchbar .returs_ajax ul li {
text-align: left;
padding: 10px 20px;
border-top: 1px solid #DEDEDE;
list-style: none;
}
.yolo-search.searchbar .returs_ajax ul li img {
width: 60px;
margin-right: 30px;
}
.yolo-search.searchbar .returs_ajax ul li .ajax_p_content {
display: inline-block;
}
.yolo-search.searchbar .returs_ajax ul li .ajax_p_content a {
display: block;
font-size: 15px;
font-weight: bold;
}
.yolo-search.searchbar .returs_ajax ul li .ajax_p_content span {
font-weight: 700;
color: var(--primary_color);
display: block;
}
@media (max-width: 480px) {
.yolo-search.searchbar .returs_ajax {
height: 150px;
}
}
.yolo-search.searchbar .returs_ajax.returs_ajax_aff {
display: block;
}
.yolo-search.searchbar .returs_ajax.returs_not_found {
display: block;
text-align: center;
padding: 40px;
font-weight: bold;
}
.yolo-search.searchbar .search-input.eff_search .ajax_load {
opacity: 1;
display: block;
}
.yolo-search.searchbar .search-input.eff_search .search-remove {
display: none;
}
.yolo-page-breadcrumb {
text-align: center;
}
.yolo-page-breadcrumb .breadcrumb-wrap {
width: 400px;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
margin-bottom: -20px;
background-color: #fff;
position: absolute;
z-index: 1;
left: 50%;
bottom: 0px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb {
padding: 0;
margin: 0;
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li {
list-style: none;
display: inline-block;
margin-right: 50px;
padding: 15px 0;
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li a {
color: #000;
position: relative;
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li a:after {
content: "\f105";
right: -25px;
position: absolute;
top: 0px;
font-family: "fontawesome";
color: #636FE1;
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li a:hover {
color: var(--primary_color);
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li span {
color: #fff;
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li.active span {
color: var(--primary_color);
}
.yolo-page-breadcrumb .breadcrumb-wrap ul.breadcrumb > li:last-child {
margin-right: 0px;
} .widget + .widget {
margin-top: 1.14285714em;
}
.widget .widget-title:before {
opacity: 0.5;
filter: alpha(opacity=50);
}
.widget p:last-child,
.widget ul:last-child,
.widget ol:last-child {
margin-bottom: 0;
margin-top: 0;
}
.widget ul,
.widget ol {
overflow: hidden;
margin-left: 0;
padding: 0;
list-style: square;
background-color: transparent;
}
.widget ul li,
.widget ol li {
padding: 5px 0;
line-height: 1.42857143;
margin-left: 10px;
padding-left: 0.53571429em;
}
.widget ul li a,
.widget ol li a {
font-size: 14px;
line-height: 1.42857143;
}
.widget select {
width: 100%;
}
.yolo-sidebar .widget {
margin-top: 2em;
border-bottom: 1px solid #ebebeb;
padding-bottom: 2em;
}
.yolo-sidebar .widget:first-child {
margin-top: 0;
}
.yolo-sidebar .widget:last-child {
border-bottom: 0px;
}
.yolo-sidebar .widget-title {
padding-bottom: 10px;
}
.yolo-sidebar .widget-title:after {
content: "";
width: 20px;
border-bottom: 2px solid #f37259;
display: inline-block;
margin-left: 10px;
} .widget_tag_cloud,
.widget_product_tag_cloud {
text-shadow: none;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
margin: 0 4px 8px 0;
background: #f1f1f1;
font-size: 14px !important;
font-weight: 400;
line-height: 1;
padding: 8px 15px;
display: inline-block;
color: #999;
border-radius: 3px;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
border-color: var(--primary_color);
background-color: var(--primary_color);
color: #fff;
}
.widget-post-thumbnail ul.posts-thumbnail-list > li,
.widget-post-thumbnail .full_width > li {
padding: 0 0 35px 0;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list > li:last-child,
.widget-post-thumbnail .full_width > li:last-child {
padding: 0 0 10px 0 !important;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image,
.widget-post-thumbnail .full_width li .posts-thumbnail-image {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image a:before,
.widget-post-thumbnail .full_width li .posts-thumbnail-image a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
left: 0;
top: 0;
z-index: 1;
-ms-transform: scale(0, 0) rotate(0deg);
transform: scale(0, 0) rotateZ(0deg);
-webkit-transform: scale(0, 0) rotateZ(0deg);
-moz-transform: scale(0, 0) rotateZ(0deg);
-o-transform: scale(0, 0) rotateZ(0deg);
background-color: var(--primary_color);
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image a:after,
.widget-post-thumbnail .full_width li .posts-thumbnail-image a:after {
content: "\f064";
font-family: "fontawesome";
font-size: 20px;
position: absolute;
color: #fff;
filter: alpha(opacity=0);
top: 40%;
left: 50%;
visibility: hidden;
opacity: 0;
z-index: 2;
-webkit-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image:hover a:before,
.widget-post-thumbnail .full_width li .posts-thumbnail-image:hover a:before {
-ms-transform: scale(1, 1) rotate(180deg);
transform: scale(1, 1) rotateZ(180deg);
-webkit-transform: scale(1, 1) rotateZ(180deg);
-moz-transform: scale(1, 1) rotateZ(180deg);
-o-transform: scale(1, 1) rotateZ(180deg);
filter: alpha(opacity=100);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image:hover a:after,
.widget-post-thumbnail .full_width li .posts-thumbnail-image:hover a:after {
top: 50%;
opacity: 1;
visibility: visible;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content,
.widget-post-thumbnail .full_width li .posts-thumbnail-content {
width: 100%;
float: left;
margin-top: 10px;
padding-left: 15px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4,
.widget-post-thumbnail .full_width li .posts-thumbnail-content h4 {
margin-bottom: 7px;
line-height: 20px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta {
color: #a8a8a8;
font-size: 12px;
font-style: italic;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta i,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta span.author,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta span.author {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a {
font-size: 10px;
color: #a8a8a8;
}
@media (max-width: 991px) {
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image,
.widget-post-thumbnail .full_width li .posts-thumbnail-image {
width: 30%;
float: left;
padding-right: 15px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content,
.widget-post-thumbnail .full_width li .posts-thumbnail-content {
width: 70%;
float: left;
margin-top: -5px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4,
.widget-post-thumbnail .full_width li .posts-thumbnail-content h4 {
margin-bottom: 7px;
line-height: 20px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta {
color: #a8a8a8;
font-size: 12px;
font-style: italic;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta i,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a,
.widget-post-thumbnail .full_width li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a {
font-size: 10px;
color: #a8a8a8;
}
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail > li,
.widget-post-thumbnail .full_width.thumbnail > li {
padding: 0 0 35px 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li,
.widget-post-thumbnail .full_width.thumbnail li {
list-style: none;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li:before,
.widget-post-thumbnail .full_width.thumbnail li:before {
content: " ";
display: table;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-image,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-image {
width: 70px;
float: left;
height: 70px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-image img,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-image img {
width: auto;
height: 100%;
max-width: none;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content {
width: 72%;
float: left;
margin-top: -5px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content h4,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content h4 {
margin-bottom: 7px;
line-height: 20px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta {
color: #a8a8a8;
font-size: 12px;
font-style: italic;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta i,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a,
.widget-post-thumbnail .full_width.thumbnail li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a {
font-size: 10px;
color: #a8a8a8;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date > li,
.widget-post-thumbnail .full_width.date > li {
padding: 0 0 35px 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li,
.widget-post-thumbnail .full_width.date li {
list-style: none;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:before,
.widget-post-thumbnail .full_width.date li:before {
content: " ";
display: table;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date,
.widget-post-thumbnail .full_width.date li .posts-date {
width: 70px;
float: left;
height: 70px;
border-radius: 50%;
text-align: center;
padding: 12px;
-webkit-box-shadow: 1px 1px 2px rgba(168, 168, 168, 0.5);
box-shadow: 1px 1px 2px rgba(168, 168, 168, 0.5);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span,
.widget-post-thumbnail .full_width.date li .posts-date span {
display: block;
font-size: 16px;
color: #333;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span.month,
.widget-post-thumbnail .full_width.date li .posts-date span.month {
text-transform: uppercase;
font-weight: 700;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date:hover,
.widget-post-thumbnail .full_width.date li .posts-date:hover {
background-color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date:hover span,
.widget-post-thumbnail .full_width.date li .posts-date:hover span {
color: #fff;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content {
width: 72%;
float: left;
margin-top: -5px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content h4,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content h4 {
margin-bottom: 7px;
line-height: 20px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content .posts-thumbnail-meta {
color: #a8a8a8;
font-size: 12px;
font-style: italic;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta i,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a,
.widget-post-thumbnail .full_width.date li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a {
font-size: 10px;
color: #a8a8a8;
} .widget_categories ul li {
float: left;
width: 100%;
margin: 0;
text-align: right;
display: block;
padding: 10px 0;
list-style: none;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.widget_categories ul li a {
float: left;
text-align: left;
}
.widget_categories ul li:last-child {
padding-top: 10px;
border-bottom: 0;
}
.widget_categories ul li span {
float: right;
}  .woocommerce.widget .widget_shopping_cart_content p.total {
border: none;
}
.woocommerce.widget .widget_shopping_cart_content ul.cart_list li a img {
margin-left: 25px;
}
.woocommerce.widget ul.cart_list,
.woocommerce.widget ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce.widget ul.cart_list li,
.woocommerce.widget ul.product_list_widget li {
padding: 10px 0;
margin: 0;
color: #333;
list-style: none;
}
.woocommerce.widget ul.cart_list li:before,
.woocommerce.widget ul.product_list_widget li:before,
.woocommerce.widget ul.cart_list li:after,
.woocommerce.widget ul.product_list_widget li:after {
content: " ";
display: table;
}
.woocommerce.widget ul.cart_list li:after,
.woocommerce.widget ul.product_list_widget li:after {
clear: both;
}
.woocommerce.widget ul.cart_list li:before,
.woocommerce.widget ul.product_list_widget li:before,
.woocommerce.widget ul.cart_list li:after,
.woocommerce.widget ul.product_list_widget li:after {
content: " ";
display: table;
}
.woocommerce.widget ul.cart_list li:after,
.woocommerce.widget ul.product_list_widget li:after {
clear: both;
}
.woocommerce.widget ul.cart_list li.mini_cart_item,
.woocommerce.widget ul.product_list_widget li.mini_cart_item {
padding: 20px 0 20px 0;
margin: 0;
list-style: none;
border-bottom: 1px solid #ebebeb;
}
.woocommerce.widget ul.cart_list li a,
.woocommerce.widget ul.product_list_widget li a {
display: block;
font-weight: 600;
margin-bottom: 5px;
}
.woocommerce.widget ul.cart_list li a.remove,
.woocommerce.widget ul.product_list_widget li a.remove {
float: left;
font-size: 20px;
line-height: 10px;
margin-top: 20px;
background-color: transparent;
color: rgba(51, 51, 51, 0.7) !important;
}
.woocommerce.widget ul.cart_list li a.remove:hover,
.woocommerce.widget ul.product_list_widget li a.remove:hover {
color: var(--primary_color) !important;
}
.woocommerce.widget ul.cart_list li img,
.woocommerce.widget ul.product_list_widget li img {
float: left;
margin: 0;
margin-right: 15px;
width: 70px;
height: auto;
}
.woocommerce.widget ul.cart_list li dl,
.woocommerce.widget ul.product_list_widget li dl {
margin: 0;
padding-left: 0em;
border-left: 0px solid #ebebeb;
float: left;
}
.woocommerce.widget ul.cart_list li dl:before,
.woocommerce.widget ul.product_list_widget li dl:before,
.woocommerce.widget ul.cart_list li dl:after,
.woocommerce.widget ul.product_list_widget li dl:after {
content: " ";
display: table;
}
.woocommerce.widget ul.cart_list li dl:after,
.woocommerce.widget ul.product_list_widget li dl:after {
clear: both;
}
.woocommerce.widget ul.cart_list li dl:before,
.woocommerce.widget ul.product_list_widget li dl:before,
.woocommerce.widget ul.cart_list li dl:after,
.woocommerce.widget ul.product_list_widget li dl:after {
content: " ";
display: table;
}
.woocommerce.widget ul.cart_list li dl:after,
.woocommerce.widget ul.product_list_widget li dl:after {
clear: both;
}
.woocommerce.widget ul.cart_list li dl dt,
.woocommerce.widget ul.product_list_widget li dl dt,
.woocommerce.widget ul.cart_list li dl dd,
.woocommerce.widget ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-botom: 1em;
}
.woocommerce.widget ul.cart_list li dl dt,
.woocommerce.widget ul.product_list_widget li dl dt {
font-weight: normal;
padding: 0 0 0.25em 0;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce.widget ul.cart_list li dl dd,
.woocommerce.widget ul.product_list_widget li dl dd {
padding: 0 0 0.25em 0;
}
.woocommerce.widget ul.cart_list li dl dd p:last-child,
.woocommerce.widget ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce.widget ul.cart_list li del,
.woocommerce.widget ul.product_list_widget li del {
margin-right: 7px;
}
.woocommerce.widget ul.cart_list li ins,
.woocommerce.widget ul.product_list_widget li ins {
color: rgba(255, 168, 0, 0.9);
text-decoration: none;
}
.woocommerce.widget ul.cart_list li span.quantity,
.woocommerce.widget ul.product_list_widget li span.quantity {
float: left;
}
.woocommerce.widget ul.cart_list li .star-rating,
.woocommerce.widget ul.product_list_widget li .star-rating {
float: none;
} .widget_product_categories ul.product-categories > li {
list-style: none;
}
.widget_product_categories ul.product-categories > li:before {
content: '\f0da';
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.widget_product_categories ul.product-categories > li:before {
content: '\f04d';
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 7px;
padding-right: 7px;
right: 0px;
margin-right: 7px;
}
.widget_product_categories ul.product-categories > li:hover:before {
color: var(--primary_color);
}
.widget_product_categories ul.product-categories > li,
.widget_product_categories ul.product-categories > li:last-child,
.widget_product_categories ul.product-categories > li:first-child {
border: none;
padding: 7px 0;
}
.widget_product_categories ul.product-categories > li span.count {
float: right;
}
.widget_product_categories ul.product-categories > li ul.children li {
border: none;
padding: 5px 0;
list-style: none;
}
.widget_product_categories ul.product-categories > li ul.children li:before {
content: '\f0da';
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.widget_product_categories ul.product-categories > li ul.children li:before {
content: '\f04d';
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 7px;
padding-right: 7px;
right: 7px;
}
.widget_product_categories ul.product-categories > li ul.children li:last-child {
padding-bottom: 0;
}
.widget_product_categories ul.product-categories > li ul.children li:hover:before {
color: var(--primary_color);
}
.widget_product_categories ul.product-categories > li ul.children li span.count {
float: right;
} .woocommerce .widget_layered_nav ul > li {
margin: 0;
margin-left: 10px;
list-style: none;
}
.woocommerce .widget_layered_nav ul > li:before {
content: '\f0da';
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
padding-right: 5px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.woocommerce .widget_layered_nav ul > li:before {
content: '\f04d';
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 7px;
padding-right: 7px;
right: 7px;
margin-left: 7px;
}
.woocommerce .widget_layered_nav ul > li:hover:before {
color: var(--primary_color);
}
.woocommerce .widget_layered_nav ul > li,
.woocommerce .widget_layered_nav ul > li:last-child,
.woocommerce .widget_layered_nav ul > li:first-child {
border: none;
padding: 5px 0;
}
.woocommerce .widget_layered_nav ul > li span.count {
float: right;
} .widget_product_search {
position: relative;
}
.widget_product_search:before {
content: "";
display: table;
}
.widget_product_search form {
display: inline-block;
}
.widget_product_search input[type="search"] {
float: left;
margin-bottom: 0px;
border: 1px solid #ddd;
}
.widget_product_search button[type="submit"] {
float: left;
position: absolute;
padding: 8px;
background-color: var(--primary_color);
border-width: 0px;
color: #fff;
width: 70px;
height: 40px;
margin-bottom: 0px;
opacity: 0.8;
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.widget_product_search button[type="submit"]:hover {
opacity: 1;
}
.widget_product_search #s {
font-style: italic;
letter-spacing: 0.5px;
margin: 0 0 30px;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.widget_product_search #s:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.widget_product_search #s::-moz-placeholder {
color: #999;
opacity: 1;
}
.widget_product_search #s:-ms-input-placeholder {
color: #999;
}
.widget_product_search #s::-webkit-input-placeholder {
color: #999;
}
.widget_product_search #s[disabled],
.widget_product_search #s[readonly],
fieldset[disabled] .widget_product_search #s {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
textarea.widget_product_search #s {
height: auto;
}
.widget_product_search #s:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.widget_product_search #s::-moz-placeholder {
color: #999;
opacity: 1;
}
.widget_product_search #s:-ms-input-placeholder {
color: #999;
}
.widget_product_search #s::-webkit-input-placeholder {
color: #999;
}
.widget_product_search #s[disabled],
.widget_product_search #s[readonly],
fieldset[disabled] .widget_product_search #s {
background-color: #eeeeee;
opacity: 1;
}
.widget_product_search #s[disabled],
fieldset[disabled] .widget_product_search #s {
cursor: not-allowed;
}
textarea.widget_product_search #s {
height: auto;
}
.widget_product_search #searchsubmit,
.widget_product_search .screen-reader-text {
display: none;
} .woocommerce .widget_shopping_cart .total,
.widget_shopping_cart .total {
padding: 20px 0px 10px;
}
.woocommerce .widget_shopping_cart .total strong,
.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce .widget_shopping_cart .total span.amount,
.widget_shopping_cart .total span.amount {
float: right;
margin-right: 25p;
font-size: 16px;
font-weight: bold;
color: rgba(255, 168, 0, 0.9);
}
.woocommerce .widget_shopping_cart .buttons:before,
.widget_shopping_cart .buttons:before,
.woocommerce .widget_shopping_cart .buttons:after,
.widget_shopping_cart .buttons:after {
content: " ";
display: table;
}
.woocommerce .widget_shopping_cart .buttons:after,
.widget_shopping_cart .buttons:after {
clear: both;
}
.woocommerce .widget_shopping_cart .buttons:before,
.widget_shopping_cart .buttons:before,
.woocommerce .widget_shopping_cart .buttons:after,
.widget_shopping_cart .buttons:after {
content: " ";
display: table;
}
.woocommerce .widget_shopping_cart .buttons:after,
.widget_shopping_cart .buttons:after {
clear: both;
}
.woocommerce .widget_shopping_cart .buttons .button,
.widget_shopping_cart .buttons .button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-image: none;
border-radius: 0;
color: #333;
border-color: #ebebeb;
border-radius: 3px;
overflow: hidden;
position: relative;
opacity: 0.8;
}
.woocommerce .widget_shopping_cart .buttons .button:focus,
.widget_shopping_cart .buttons .button:focus,
.woocommerce .widget_shopping_cart .buttons .button:active:focus,
.widget_shopping_cart .buttons .button:active:focus,
.woocommerce .widget_shopping_cart .buttons .button.active:focus,
.widget_shopping_cart .buttons .button.active:focus,
.woocommerce .widget_shopping_cart .buttons .button.focus,
.widget_shopping_cart .buttons .button.focus,
.woocommerce .widget_shopping_cart .buttons .button:active.focus,
.widget_shopping_cart .buttons .button:active.focus,
.woocommerce .widget_shopping_cart .buttons .button.active.focus,
.widget_shopping_cart .buttons .button.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.woocommerce .widget_shopping_cart .buttons .button:hover,
.widget_shopping_cart .buttons .button:hover,
.woocommerce .widget_shopping_cart .buttons .button:focus,
.widget_shopping_cart .buttons .button:focus,
.woocommerce .widget_shopping_cart .buttons .button.focus,
.widget_shopping_cart .buttons .button.focus {
color: #333;
text-decoration: none;
}
.woocommerce .widget_shopping_cart .buttons .button:active,
.widget_shopping_cart .buttons .button:active,
.woocommerce .widget_shopping_cart .buttons .button.active,
.widget_shopping_cart .buttons .button.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.woocommerce .widget_shopping_cart .buttons .button.disabled,
.widget_shopping_cart .buttons .button.disabled,
.woocommerce .widget_shopping_cart .buttons .button[disabled],
.widget_shopping_cart .buttons .button[disabled],
fieldset[disabled] .woocommerce .widget_shopping_cart .buttons .button,
fieldset[disabled] .widget_shopping_cart .buttons .button {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.woocommerce .widget_shopping_cart .buttons .button.disabled,
a.widget_shopping_cart .buttons .button.disabled,
fieldset[disabled] a.woocommerce .widget_shopping_cart .buttons .button,
fieldset[disabled] a.widget_shopping_cart .buttons .button {
pointer-events: none;
}
.woocommerce .widget_shopping_cart .buttons .button:hover,
.widget_shopping_cart .buttons .button:hover {
color: #fff;
border-color: var(--primary_color);
opacity: 1;
background-color: var(--primary_color);
}
.woocommerce .widget_shopping_cart .buttons .button:hover:after,
.widget_shopping_cart .buttons .button:hover:after {
left: 120%;
}
.woocommerce .widget_shopping_cart .buttons .button:after,
.widget_shopping_cart .buttons .button:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
} .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.widget_layered_nav_filters ul li {
float: left;
padding: 0 1px 1px 0;
list-style: none;
border: none;
}
.widget_layered_nav_filters ul li a {
text-decoration: none;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid rgba(168, 168, 168, 0.3);
white-space: nowrap;
font-family: "Open Sans", sans-serif;
background: transparent;
padding: 10px 2em;
font-size: 14px;
line-height: 1.3333333;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #333333;
background-image: none;
font-size: 12px;
border-radius: 0;
color: #000;
}
.widget_layered_nav_filters ul li a:focus,
.widget_layered_nav_filters ul li a:active:focus,
.widget_layered_nav_filters ul li a.active:focus,
.widget_layered_nav_filters ul li a.focus,
.widget_layered_nav_filters ul li a:active.focus,
.widget_layered_nav_filters ul li a.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.widget_layered_nav_filters ul li a:hover,
.widget_layered_nav_filters ul li a:focus,
.widget_layered_nav_filters ul li a.focus {
color: #333;
text-decoration: none;
}
.widget_layered_nav_filters ul li a:active,
.widget_layered_nav_filters ul li a.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.widget_layered_nav_filters ul li a.disabled,
.widget_layered_nav_filters ul li a[disabled],
fieldset[disabled] .widget_layered_nav_filters ul li a {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.widget_layered_nav_filters ul li a.disabled,
fieldset[disabled] a.widget_layered_nav_filters ul li a {
pointer-events: none;
}
.widget_layered_nav_filters ul li a:hover {
background: #4d4d4d;
color: #ffffff;
}
.widget_layered_nav_filters ul li a:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 7px;
content: "\e013";
} .woocommerce.widget.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce.widget.widget_price_filter .price_slider_amount {
text-align: left;
font-size: 14px;
font-weight: 400;
}
.woocommerce.widget.widget_price_filter .price_slider_amount .button {
background-color: #e4e6e6;
background-image: none;
font-size: 14px;
padding: 8px 12px;
font-family: "Open Sans", sans-serif;
font-weight: normal;
color: #333;
border: 0;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-radius: 3px;
}
.woocommerce.widget.widget_price_filter .price_slider_amount .button:hover {
background: var(--primary_color);
color: #fff;
}
.woocommerce.widget.widget_price_filter .price_slider_amount .button {
float: right;
margin-top: 8px;
}
.woocommerce.widget.widget_price_filter .price_slider_amount .price_label {
padding-top: 8px;
}
.woocommerce.widget.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.woocommerce.widget.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 0.8em;
height: 0.8em;
cursor: ew-resize;
outline: none;
top: -4px;
background: #333;
ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0;
margin-left: -5px;
}
.woocommerce.widget.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: 0;
margin-right: -1px;
}
.woocommerce.widget.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background: var(--primary_color);
}
.woocommerce.widget.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #ebebeb;
margin: 2.14285714em 0.71428571em;
}
.woocommerce.widget.widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woocommerce.widget.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 3px;
}
.yolo-home-sidebar .yolo-sidebar-wrap .woocommerce {
background-color: #f4f4f4;
padding: 15px 10px;
margin-top: 0;
} .owl-prev,
.owl-next {
position: absolute;
top: 50%;
z-index: 1;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: #fff;
-webkit-box-shadow: 0 0 0 3px rgba(76, 68, 65, 0.25);
box-shadow: 0 0 0 3px rgba(76, 68, 65, 0.25);
cursor: pointer;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.owl-prev {
left: 15px;
}
.owl-next {
right: 15px;
} .boxed-layout .site {
margin: 0 auto;
position: relative;
padding: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}
.boxed-layout .site .fixed_top .navbar-wrapper {
margin: 0 auto;
}  .yolo-service-box.index-1 {
background: #fff;
height: 350px !important;
}
.yolo-service-box.index-1 .feature {
display: block;
position: relative;
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-double-gray.png) bottom center no-repeat;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 15px;
}
.yolo-service-box.index-1 .feature .icon {
overflow: hidden;
border-radius: 50%;
border: 1px dashed;
width: 178px;
height: 178px;
position: relative;
margin: 0 auto;
padding: 13px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-service-box.index-1 .feature .icon:before {
background: #ffffff;
content: "";
height: 100px;
left: -350px;
opacity: 0.2;
position: absolute;
top: 50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
width: 450px;
z-index: 1;
}
.yolo-service-box.index-1 .feature .icon: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 transparent;
top: 0;
left: 0;
}
.yolo-service-box.index-1 .feature .icon .icon-back {
margin: 0 auto;
position: relative;
width: 150px;
height: 150px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-radius: 50%;
}
.yolo-service-box.index-1 .feature .icon .icon-back img {
position: absolute;
top: 13.5%;
left: 13.5%;
}
.yolo-service-box.index-1 .feature h3 {
margin-top: 25px;
margin-bottom: 25px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.yolo-service-box.index-1 .feature p {
height: 0;
margin: 0;
line-height: 24px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
font-size: 14px;
color: #a8a8a8;
}
.yolo-service-box.index-1:hover {
padding-bottom: 15px;
}
.yolo-service-box.index-1:hover .feature {
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-double-aqua.png) bottom center no-repeat;
}
.yolo-service-box.index-1:hover .icon {
border: none;
-webkit-transform: translate(0, -35px);
-ms-transform: translate(0, -35px);
transform: translate(0, -35px);
}
.yolo-service-box.index-1:hover .icon:before {
left: 120%;
}
.yolo-service-box.index-1:hover .icon:after {
-webkit-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
border-color: #a8a8a8;
}
.yolo-service-box.index-1:hover h3 {
margin-bottom: 10px;
-webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
}
.yolo-service-box.index-1:hover p {
-webkit-transform: translate(0, -25px);
-ms-transform: translate(0, -25px);
transform: translate(0, -25px);
height: auto;
opacity: 1;
}
@media screen and (max-width: 768px) {
.yolo-service-box.index-1 {
width: 100%;
height: auto;
margin-bottom: 65px;
}
.yolo-service-box.index-1 p {
display: block;
padding: 10px 0 10px;
}
.yolo-service-box.index-1:hover {
top: -10px;
margin-bottom: 65px;
}
.yolo-service-box.index-1.bottom {
margin-bottom: 0;
}
}
.yolo-service-box.index-2 {
padding: 0px 0 0px 0;
background: #fff;
}
.yolo-service-box.index-2 .feature {
display: block;
position: relative;
text-align: center;
padding-top: 13px;
padding-bottom: 10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-service-box.index-2 .feature .icon {
position: relative;
padding: 13px;
margin: 0 auto;
width: 127px;
height: 127px;
border-radius: 50%;
background-color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-service-box.index-2 .feature .icon:hover {
border: none;
}
.yolo-service-box.index-2 .feature .icon:hover img {
-webkit-filter: grayscale(100%) brightness(160%);
-moz-filter: grayscale(100%) brightness(160%);
-o-filter: grayscale(100%) brightness(160%);
-ms-filter: grayscale(100%) brightness(160%);
filter: brightness(160%) grayscale(100%);
}
.yolo-service-box.index-2 .feature .icon:hover:after {
background-color: transparent;
border: 1px dashed #a8a8a8;
-webkit-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
.yolo-service-box.index-2 .feature .icon .icon-back {
position: absolute;
margin: 0 auto 13px;
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
}
.yolo-service-box.index-2 .feature .icon .icon-back img {
z-index: 1;
position: absolute;
top: 16.5%;
left: 16.5%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-service-box.index-2 .feature .icon:after {
top: 0;
left: 0;
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-service-box.index-2 .feature p {
display: none;
}
.yolo-service-box.index-2 .feature .icon::after {
border: 1px solid #dcdcdc;
}
@media screen and (max-width: 768px) {
.yolo-service-box.index-2 .feature {
width: 100%;
height: auto;
}
.yolo-service-box.index-2 .feature.bottom {
margin-bottom: 0;
}
} .clients {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
.clients .owl-prev,
.clients .owl-next {
border-radius: 50%;
font-size: 17px;
top: 35%;
opacity: 0.3;
}
.clients .owl-prev {
left: -2%;
}
.clients .owl-next {
right: -2%;
}
.clients:hover .owl-prev,
.clients:hover .owl-next {
opacity: 0.8;
}
.clients:hover .owl-prev:hover,
.clients:hover .owl-next:hover {
background: var(--primary_color);
color: #fff;
}
.yolo_clients {
list-style: none;
padding: 0;
margin: 0;
cursor: ew-resize;
}
.yolo_clients:after {
clear: both;
content: '';
display: table;
}
.yolo_clients li {
margin-left: 1em;
margin-right: 1em;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border-radius: 12px;
position: relative;
background: #f8f8f8;
padding: 15px 20px;
text-align: center;
}
.yolo_clients li img {
margin: 0;
-webkit-filter: brightness(0.8);
-moz-filter: brightness(0.8);
-o-filter: brightness(0.8);
-ms-filter: brightness(0.8);
filter: brightness(0.8);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.yolo_clients li:hover {
background: var(--primary_color);
}
.yolo_clients li:hover img {
-webkit-filter: brightness(1);
-moz-filter: brightness(1);
-o-filter: brightness(1);
-ms-filter: brightness(1);
filter: brightness(1);
}
.yolo-clients-default {
overflow: hidden;
}
.yolo-clients-default .yolo_clients {
text-align: center;
}
.yolo-clients-default .yolo_clients li {
padding: 15px 20px;
display: inline-block;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.yolo-clients-default .yolo_clients li:nth-child(4) {
clear: both;
}
@media (max-width: 1500px) {
.yolo-clients-default .yolo_clients li {
width: 30%;
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.yolo-clients-default .yolo_clients li {
width: 40%;
margin-bottom: 0;
}
}
@media (max-width: 320px) {
.yolo-clients-default .yolo_clients li {
width: 90%;
margin-bottom: 0;
}
} .yolo-newsletter {
color: #fff;
}
.yolo-newsletter .title-newsletter h2 {
margin: 0;
color: #fff;
font-size: 32px;
margin-bottom: 0;
padding: 20px 0 20px 0;
background-repeat: no-repeat;
background-position-x: 30px;
}
.yolo-newsletter .form-newsletter {
position: relative;
padding-top: 10px;
}
.yolo-newsletter .form-newsletter form {
position: relative;
}
.yolo-newsletter .form-newsletter input {
color: #000;
position: relative;
border-radius: 12px;
height: 50px;
margin-bottom: 0px;
}
.yolo-newsletter .form-newsletter button {
opacity: 0.8;
border: none;
position: absolute;
height: 46px;
border-radius: 12px;
width: 30%;
bottom: 2px;
right: 2px;
color: #fff;
background-color: var(--primary_color);
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
overflow: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-newsletter .form-newsletter button:after {
background: #fff;
content: "";
height: 50px;
left: -160px;
opacity: 0.2;
position: absolute;
top: 0px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
width: 180px;
z-index: 1;
}
.yolo-newsletter .form-newsletter button:hover {
opacity: 1;
}
.yolo-newsletter .form-newsletter button:hover:after {
left: 120%;
}
.yolo-newsletter .form-newsletter p {
margin: 0;
margin-top: 10px;
}
.yolo-newsletter .phone-newsletter {
padding-left: 35px;
position: relative;
font-size: 24px;
border-left: 2px solid #fff;
}
.yolo-newsletter .phone-newsletter i {
padding: 17px 0;
margin-right: 20px;
}
.yolo-newsletter .phone-newsletter i:before {
font-size: 50px;
}
.yolo-newsletter .phone-newsletter h3 {
position: absolute;
color: #fff;
top: 10px;
left: 80px;
font-size: 24px;
}
@media (max-width: 320px) {
.yolo-newsletter .phone-newsletter {
padding-left: 5px;
}
.yolo-newsletter .phone-newsletter h3 {
left: 30px;
}
}
@media (max-width: 991px) {
.yolo-newsletter .form-newsletter {
top: 0px;
}
}
@media (max-width: 320px) {
.yolo-newsletter .form-newsletter button {
width: 37%;
}
.yolo-newsletter .title-newsletter h2 {
padding-bottom: 10px;
}
} .yolo-testimonials {
text-align: center;
position: relative;
}
.yolo-testimonials i.fa-quote-left {
border-radius: 50%;
position: relative;
top: 35px;
z-index: 2;
color: #fff;
background-color: transparent;
width: 57px;
height: 57px;
}
.yolo-testimonials i.fa-quote-left:before {
padding: 18px;
background-color: var(--primary_color);
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
width: 48px;
height: 48px;
}
.yolo-testimonials ul.testimonial-list {
margin-top: 0px;
padding: 0;
}
.yolo-testimonials ul.testimonial-list li {
list-style: none;
}
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-cm {
position: relative;
background-color: #fff;
padding: 60px 40px;
}
@media (max-width: 991px) {
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-cm {
padding: 30px 30px;
}
}
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-cm h4 {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 16px;
}
@media (max-width: 991px) {
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-cm h4 {
font-size: 14px;
}
}
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-cm > p {
display: block;
color: var(--primary_color);
margin-bottom: 25px;
}
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-img-name {
margin-top: 15px;
}
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-img-name .yl-img {
margin: 0 auto;
border-radius: 50%;
padding: 7px;
border: 2px solid var(--primary_color);
width: 125px;
background-color: #fff;
}
@media (max-width: 991px) {
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-img-name .yl-img {
width: 100px;
}
}
.yolo-testimonials ul.testimonial-list li .testimonial-item .yl-img-name p {
font-weight: bold;
}
.yolo-testimonials.full_width .owl-next,
.yolo-testimonials.full_width .owl-prev {
top: 40%;
}
.yolo-testimonials.full_width i.fa-quote-left {
border: 2px solid var(--primary_color);
}
.yolo-testimonials.full_width ul.testimonial-list {
padding: 0 80px;
}
@media (max-width: 767px) {
.yolo-testimonials.full_width ul.testimonial-list {
padding: 0 60px;
}
}
@media (max-width: 479px) {
.yolo-testimonials.full_width ul.testimonial-list {
padding: 0 1em;
}
}
.yolo-testimonials.full_width ul.testimonial-list li .testimonial-item .yl-cm {
padding: 60px 120px;
}
@media (max-width: 1199px) {
.yolo-testimonials.full_width ul.testimonial-list li .testimonial-item .yl-cm {
padding: 50px 90px;
}
}
@media (max-width: 991px) {
.yolo-testimonials.full_width ul.testimonial-list li .testimonial-item .yl-cm {
padding: 40px 40px;
}
}
@media (max-width: 767px) {
.yolo-testimonials.full_width ul.testimonial-list li .testimonial-item .yl-cm {
padding: 30px;
}
}
.yolo-testimonials.default .owl-prev {
display: block;
right: 60px;
left: inherit;
top: 0;
opacity: 1;
}
@media (max-width: 991px) {
.yolo-testimonials.default .owl-prev {
top: 25px;
}
}
.yolo-testimonials.default .owl-next {
display: block;
top: 0;
right: 2px;
opacity: 1;
}
@media (max-width: 991px) {
.yolo-testimonials.default .owl-next {
top: 25px;
}
}
.yolo-testimonials .owl-prev {
left: -10px;
}
.yolo-testimonials .owl-next {
right: -10px;
}
.yolo-testimonials:hover .owl-prev,
.yolo-testimonials:hover .owl-next {
opacity: 1;
} .yolo-team-member .yolo_team {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.yolo-team-member .yolo_team li {
padding: 0 15px 20px;
}
.yolo-team-member .yolo_team li .yolo-team-item {
text-align: center;
position: relative;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-image .icon .icon-square i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-image .icon .icon-square:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-image .icon .icon-square:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-image .icon:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-image .icon:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image {
position: relative;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon {
position: absolute;
left: 50%;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon .icon-square {
position: relative;
display: block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon .icon-square i {
position: absolute;
top: 13px;
left: -7px;
z-index: 3;
color: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon .icon-square:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
background: var(--primary_color);
border-top-right-radius: 100%;
-webkit-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon .icon-square:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
background: var(--primary_color);
border-top-left-radius: 100%;
-webkit-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
transform: translate(40px, 40px);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon:before {
content: '';
position: absolute;
left: 0;
bottom: -40px;
width: 20px;
height: 20px;
background: var(--primary_color);
border-bottom-right-radius: 100%;
-webkit-transform: translate(-40px, -40px);
-ms-transform: translate(-40px, -40px);
transform: translate(-40px, -40px);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-image .icon:after {
content: '';
position: absolute;
right: 0;
bottom: -40px;
width: 20px;
height: 20px;
background: var(--primary_color);
border-bottom-left-radius: 100%;
-webkit-transform: translate(40px, -40px);
-ms-transform: translate(40px, -40px);
transform: translate(40px, -40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.yolo-team-member .yolo_team li .yolo-team-item:hover {
border-bottom: none;
cursor: pointer;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-image img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-info:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.yolo-team-member .yolo_team li .yolo-team-item:hover .yolo-team-info h4 {
color: var(--primary_color);
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-info {
position: relative;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-bottom: 2px solid #ebebeb;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-info:before {
width: 100%;
height: 100%;
background: #fff;
content: '';
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-info:after {
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
content: '';
position: absolute;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
border-bottom: 2px solid #ebebeb;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-color: var(--primary_color);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-info div {
background: #fff;
position: relative;
z-index: 1;
padding: 28px 0 30px;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-info h4 {
font-weight: 800;
font-size: 18px;
font-family: "Open Sans", sans-serif;
margin: 0 0 10px 0;
padding: 0;
color: #333;
float: left;
}
.yolo-team-member .yolo_team li .yolo-team-item .yolo-team-info .team_position {
display: block;
color: #333;
float: right;
}
.yolo-team-fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/3.GIF);
background-position: center center;
background-repeat: no-repeat;
z-index: 99999;
}
.yolo-team-fix.db {
display: block;
}
.yolo-team-fix.bk-noimage {
background-image: none;
}
.yolo-team-fix .yolo-team-wrap {
position: absolute;
left: 50%;
top: 80%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.yolo-team-content {
background: #fff;
width: 770px;
height: auto;
position: relative;
padding: 50px 20px 40px 0;
}
@media (max-width: 767px) {
.yolo-team-content {
width: 550px;
}
}
.yolo-team-content:after {
clear: both;
content: '';
display: table;
}
.yolo-team-content .team-remove {
width: 40px;
height: 40px;
background: #eeeff0;
position: absolute;
top: 0;
right: 0;
color: #333;
border: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-team-content .team-remove:hover {
background: #000;
color: #fff;
}
.yolo-team-content .team-remove:focus {
outline: none;
outline-color: transparent;
}
.yolo-team-content .team-left {
width: 40%;
float: left;
text-align: center;
}
.yolo-team-content .team-left h4 {
font-weight: 800;
font-size: 18px;
margin: 22px 10px 8px;
padding: 0;
color: #333;
font-family: "Open Sans", sans-serif;
}
.yolo-team-content .team-left .team_position {
display: block;
color: #333;
}
.yolo-team-content .team-right {
width: 60%;
float: left;
padding-left: 10px;
}
.yolo-team-content .team-right .team-title {
position: relative;
color: #333;
font-weight: 800;
font-family: "Open Sans", sans-serif;
padding: 0 0 0 14px;
margin: 0 0 15px 0;
text-transform: uppercase;
font-size: 14px;
}
.yolo-team-content .team-right .team-title:before {
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--primary_color);
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.yolo-team-content .team-right .team-contact ul {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-team-content .team-right .team-contact ul li {
line-height: 28px;
}
.yolo-team-content .team-right .team-contact ul li i {
color: var(--primary_color);
padding-right: 17px;
}
.yolo-team-content .team-right .team-contact ul li .team-phone {
font-weight: 700;
}
.yolo-team-content .team-right .team-contact .team_socials a {
display: inline-block;
margin-top: 10px;
margin-right: 13px;
color: #333;
font-size: 14px;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}
.yolo-team-content .team-right .team-contact .team_socials a:hover {
color: var(--primary_color);
}
.yolo-team-content .team-specialty {
margin-top: 20px;
}
.yolo-team-content .team-specialty .team-specialty-attr {
margin-top: 13px;
}
.yolo-team-content .team-specialty .team-specialty-attr:after {
clear: both;
content: '';
display: table;
}
.yolo-team-content .team-specialty .team-specialty-attr ul {
float: left;
padding: 0;
margin: 0;
list-style: none;
width: 50%;
}
.yolo-team-content .team-specialty .team-specialty-attr ul li {
line-height: 36px;
position: relative;
padding: 0 0 0 14px;
}
.yolo-team-content .team-specialty .team-specialty-attr ul li:before {
width: 4px;
height: 4px;
border-radius: 50%;
background: #333;
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.yolo-team-content .team-certificates {
margin-top: 20px;
color: #333;
} .yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap {
margin: 15px 0;
display: block;
width: 100%;
border-radius: 12px;
border: 1px dashed rgba(255, 255, 255, 0.25);
padding: 8px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap:hover {
border: 1px dashed #ffffff;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured {
padding: 30px;
border-radius: 12px;
background-color: #fff;
position: relative;
overflow: hidden;
height: 100%;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image {
height: 180px;
z-index: 1;
border-radius: 12px;
overflow: hidden;
width: 38%;
float: left;
position: relative;
display: inline-block;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image:after {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask {
position: absolute;
width: 0;
top: 50%;
left: 50%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
height: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius: 12px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask a {
width: 100%;
height: 100%;
position: absolute;
text-align: center;
color: #fff;
font-size: 18px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask a i {
display: none;
line-height: 50px;
width: 50px;
height: 50px;
color: #fff;
background: var(--primary_color);
border-radius: 12px !important;
border: 0px !important;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image a img {
position: relative;
height: 200px;
width: auto;
max-width: none;
-webkit-transition: all 1.25s ease-in-out;
-o-transition: all 1.25s ease-in-out;
transition: all 1.25s ease-in-out;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 62%;
padding-left: 20px;
float: right;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content h4 {
margin: 0;
}
@media (max-width: 1199px) {
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content h4 {
margin-top: 20px;
font-size: 18px;
}
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-date {
margin-top: 12px;
margin-bottom: 15px;
width: 100%;
float: left;
color: #a8a8a8;
margin-right: 10px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-date i {
padding-right: 5px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-author {
display: none;
color: #a8a8a8;
margin-bottom: 15px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-author span {
text-decoration: underline;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content p {
line-height: 24px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content a.read-more {
float: right;
padding-bottom: 8px;
background-color: transparent;
display: inline-block;
background-color: transparent !important;
background-repeat: repeat-x;
background-position: bottom;
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-min-1.png);
-webkit-animation: animatedBackground 30s linear infinite;
animation: animatedBackground 30s linear infinite;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content a.read-more:hover {
color: var(--primary_color);
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured .news-image:after {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured .news-image .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured a:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
height: 100%;
top: 0;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured a:after {
top: 45%;
opacity: 1;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured a img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
@media (max-width: 992px) {
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 100%;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .news-image {
width: 100% !important;
}
}
@media (max-width: 767px) {
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 62%;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content h2 {
margin-top: 0;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .news-image {
width: 38% !important;
}
}
@media (max-width: 480px) {
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .news-image {
width: 100% !important;
float: none;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .news-image a img {
height: auto !important;
width: 100% !important;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 100%;
padding-left: 0px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content h2 {
padding-top: 10px;
}
}
@media (max-width: 320px) {
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .news-image {
width: 100% !important;
float: none;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .news-image a img {
height: 100% !important;
width: auto !important;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 100%;
padding-left: 0px;
}
.yolo-recent-news.grid.index-1 .yolo-recent-item .loop-item-wrap .loop-item-content h2 {
padding-top: 10px;
}
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap {
margin: 15px 0;
display: block;
width: 100%;
border-radius: 12px;
padding: 8px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured {
border-radius: 12px;
position: relative;
overflow: hidden;
height: 100%;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image {
max-height: 300px;
z-index: 1;
border-radius: 12px;
overflow: hidden;
width: 49%;
float: left;
position: relative;
display: inline-block;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 1;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 12px;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask a {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: #fff;
font-size: 18px;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask a i {
line-height: 50px;
width: 50px;
height: 50px;
color: #fff;
border-radius: 50% !important;
border: 1px solid white;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image .mask a i:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image a img {
width: 100%;
position: relative;
height: auto;
-webkit-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
transition: all 0.75s ease-in-out;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image.image-align-right {
float: right;
margin-left: 2%;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-featured .news-image.image-align-left {
float: left;
margin-right: 2%;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 49%;
float: right;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content h4 {
margin: 0;
margin-bottom: 22px;
}
@media (max-width: 1199px) {
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content h4 {
margin-top: 20px;
font-size: 18px;
}
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-date {
display: inline-block;
float: left;
color: #a8a8a8;
margin-right: 30px;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-date i {
padding-right: 9px;
color: #636fe1;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-author {
display: inline-block;
color: #a8a8a8;
margin-bottom: 15px;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-author i {
padding-right: 9px;
color: #636fe1;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content .yolo-rn-author span {
text-decoration: underline;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content p {
margin-top: 5px;
line-height: 24px;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content a.read-more {
margin-top: 42px;
height: 50px;
font-size: 18px;
padding: 0 35px;
line-height: 50px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 25px;
text-transform: uppercase;
margin: 10px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content a.read-more:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured .news-image .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured a:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
height: 100%;
top: 0;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured a:after {
top: 45%;
opacity: 1;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap:hover .loop-item-featured a img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
@media (max-width: 992px) {
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content {
width: 100%;
}
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .news-image {
width: 100% !important;
}
}
@media (max-width: 767px) {
.yolo-recent-news.grid.index-2 .yolo-recent-item .loop-item-wrap .loop-item-content h2 {
margin-top: 20px;
}
} .vc_general .vc_tta-tabs-container .vc_tta-tabs-list {
text-align: center;
}
.vc_tta.vc_general.vc_tta-tabs-position-top .vc_tta-panel-body {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 28px !important;
}
.vc_tta-panels {
background: none !important;
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a {
padding: 0;
margin: 0;
border: 0;
background-color: #636FE1;
font-weight: 800;
text-transform: uppercase;
color: #000;
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a span {
padding: 10px 25px;
display: inline-block;
position: relative;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
color: #fff;
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a:hover {
color: var(--primary_color);
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a:hover span {
border-color: rgba(255, 168, 0, 0.8);
-webkit-box-shadow: 4px 4px 0px 0 rgba(255, 168, 0, 0.8);
box-shadow: 4px 4px 0px 0 rgba(255, 168, 0, 0.8);
border-radius: 0;
color: var(--primary_color);
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a:hover span:before {
background: var(--primary_color);
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active > a span {
border-color: var(--primary_color);
-webkit-box-shadow: 4px 4px 0px 0 var(--primary_color);
box-shadow: 4px 4px 0px 0 var(--primary_color);
border-radius: 0;
color: var(--primary_color);
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-panel-heading {
border-radius: 0;
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-panel-heading .vc_tta-panel-title > a {
background: none;
padding: 10px;
margin: 0;
border: 0;
font-size: 14px;
text-transform: uppercase;
color: #333;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border: 2px solid #ebebeb;
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-panel-heading .vc_tta-panel-title > a:hover {
color: var(--primary_color);
border-color: rgba(255, 168, 0, 0.8);
-webkit-box-shadow: 4px 4px 0px 0 rgba(255, 168, 0, 0.8);
box-shadow: 4px 4px 0px 0 rgba(255, 168, 0, 0.8);
}
.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: var(--primary_color);
border-color: var(--primary_color);
-webkit-box-shadow: 4px 4px 0px 0 var(--primary_color);
box-shadow: 4px 4px 0px 0 var(--primary_color);
border-radius: 0;
}
body .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel {
margin: 0;
border-width: 0;
}
.vc_tta-panels {
border: 0 !important;
}
body .vc_tta-tabs-position-top.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-width: 0;
padding: 30px 0;
background-color: transparent;
} .yolo-statistical-box.index-1 {
position: relative;
text-align: center;
margin: 0 15px;
border: 1px dashed;
border-radius: 20px;
height: auto;
margin-bottom: 10px;
background-color: transparent !important;
}
.yolo-statistical-box.index-1:hover {
cursor: pointer;
}
.yolo-statistical-box.index-1:hover i {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.yolo-statistical-box.index-1 i {
color: #000;
z-index: 0;
opacity: 0.05;
margin: auto auto;
margin-top: 30px;
font-size: 150px;
margin-bottom: 30px;
}
.yolo-statistical-box.index-1 .statistical-text {
position: absolute;
z-index: 1;
width: 100%;
top: 25%;
}
.yolo-statistical-box.index-1 .statistical-text p {
font-size: 50px;
margin-bottom: 0;
font-weight: 300;
}
.yolo-statistical-box.index-1 .statistical-text .title {
margin-top: 0;
padding: 0;
}
.yolo-statistical-box.index-1 .statistical-text h2 {
margin-top: 18px;
font-size: 24px;
}
@media (max-width: 767px) {
.yolo-statistical-box.index-1 {
margin-bottom: 30px;
}
}
.yolo-statistical-box.index-2 {
margin-top: 18px;
position: relative;
text-align: center;
margin: 0 15px;
border-radius: 50%;
width: 140px;
height: 140px;
margin: 0 auto;
margin-bottom: 40px;
}
.yolo-statistical-box.index-2:hover:before {
background-color: transparent !important;
}
.yolo-statistical-box.index-2:hover .statistical-text p {
color: #fff !important;
}
.yolo-statistical-box.index-2:before {
opacity: 1 !important;
content: '';
display: block;
position: absolute;
width: 176px;
height: 176px;
border-radius: 50%;
top: -18px;
left: -18px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 2px solid;
background-color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-statistical-box.index-2 i {
opacity: 0;
}
.yolo-statistical-box.index-2 .statistical-text {
z-index: 2;
opacity: 1 !important;
position: absolute;
z-index: 1;
width: 100%;
top: 25%;
}
.yolo-statistical-box.index-2 .statistical-text p {
font-size: 50px;
margin-bottom: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-statistical-box.index-2 .statistical-text .title {
width: 180px !important;
margin-top: 80px;
padding: 0;
margin-left: -20px;
}
.yolo-statistical-box.index-2 .statistical-text h2 {
margin-top: 18px;
font-size: 24px;
}
@media (max-width: 767px) {
.yolo-statistical-box.index-2 {
margin-bottom: 70px;
margin-top: 30px;
}
} .video-button {
width: 125px;
height: 125px;
border-radius: 50%;
border: 2px solid #ffa800;
}
.yolo-video.index-1 {
height: 500px;
background-repeat: no-repeat;
background-position: top;
background-size: contain;
}
.yolo-video.index-1 i {
z-index: 1;
position: relative;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
font-size: 70px;
border-radius: 50%;
border: 2px solid var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #fff;
-webkit-transform: translate(-50%, -120%);
-ms-transform: translate(-50%, -120%);
transform: translate(-50%, -120%);
}
.yolo-video.index-1 i:before {
position: absolute;
font-size: 50px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.yolo-video.index-1 i:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.yolo-video.index-1 i:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: var(--primary_color);
left: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
@media (max-width: 1199px) {
.yolo-video.index-1 i:before {
font-size: 40px;
}
}
@media (max-width: 992px) {
.yolo-video.index-1 i:before {
font-size: 40px;
}
}
@media (max-width: 480px) {
.yolo-video.index-1 i {
-webkit-transform: translate(-50%, -170%);
-ms-transform: translate(-50%, -170%);
transform: translate(-50%, -170%);
}
.yolo-video.index-1 i:before {
font-size: 40px;
}
}
@media (max-width: 320px) {
.yolo-video.index-1 {
height: 300px;
}
.yolo-video.index-1 i {
-webkit-transform: translate(-50%, -130%);
-ms-transform: translate(-50%, -130%);
transform: translate(-50%, -130%);
width: 80px;
height: 80px;
}
.yolo-video.index-1 i:before {
font-size: 40px;
}
}
.yolo-video.index-2 {
height: 660px;
background-repeat: no-repeat;
background-position: 50%;
margin-top: 5.5%;
}
.yolo-video.index-2 i {
z-index: 1;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
font-size: 70px;
border-radius: 50%;
border: 2px solid var(--primary_color);
color: #fff;
-webkit-transform: translate(-50%, -85%);
-ms-transform: translate(-50%, -85%);
transform: translate(-50%, -85%);
}
.yolo-video.index-2 i:before {
font-size: 60px;
position: absolute;
z-index: 2;
left: 30%;
top: 20%;
}
.yolo-video.index-2 i:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.yolo-video.index-2 i:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: var(--primary_color);
left: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
@media (max-width: 1199px) {
.yolo-video.index-2 i {
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
}  .yolo-teachers .teachers-info {
margin: 0px;
padding: 0px;
}
.yolo-teachers .teachers-info .teacher-social {
margin-bottom: 20px;
}
.yolo-teachers .teachers-info .teacher-social a {
margin-right: 15px;
}
.yolo-teachers .teachers-info i {
color: var(--primary_color);
}
.yolo-teachers .teachers-info li {
list-style: none;
}
.yolo-teachers .teachers-info li .yolo-teacher:hover .teacher-image img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.yolo-teachers .teachers-info li .yolo-teacher:hover .teacher-image .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-image {
overflow: hidden;
position: relative;
z-index: 1;
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-image img {
margin: 0px;
width: 100%;
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-image .mask {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 1;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-image .mask a {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: #fff;
font-size: 18px;
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-image .mask a i {
line-height: 50px;
width: 50px;
height: 50px;
color: #fff !important;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-image .mask a i:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-title h4 > a {
color: #636FE1;
}
.yolo-teachers .teachers-info li .yolo-teacher .teacher-title h4 i {
display: none;
}
.yolo-teachers.grid {
padding: 25px 0px;
}
.yolo-teachers.grid .teachers-info li {
float: left;
padding: 15px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher {
border-radius: 12px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-image {
border-radius: 12px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-image img {
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-title {
display: block;
padding: 30px 0px 20px 0px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
font-size: 18px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-title h4 {
float: right;
margin: 0px;
padding: 0px;
font-size: 14px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-title h4 i {
margin-right: 2px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-content .teacher-excerpt p {
line-height: 24px;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-content .teacher-readmore a {
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 15px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-teachers.grid .teachers-info li .yolo-teacher .teacher-information .teacher-content .teacher-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 480px) {
.yolo-teachers.grid .teachers-info li {
padding: 15px 0;
}
}
.yolo-teachers.list .teachers-info li .yolo-teacher {
display: block;
height: 100%;
padding: 10px 0px 30px 10px;
}
.yolo-teachers.list .teachers-info li .yolo-teacher .teacher-image {
width: 50%;
float: left;
border-radius: 12px;
}
.yolo-teachers.list .teachers-info li .yolo-teacher .teacher-image img {
border-radius: 12px;
}
.yolo-teachers.list .teachers-info li .teacher-information {
width: 50%;
padding: 0px 10px 10px 20px;
display: block;
float: left;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-title {
padding: 0px 0px 20px 0px;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-title h4 {
font-size: 14px;
line-height: 22px;
float: right;
margin: 0px;
padding: 0px;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-title h4 i {
margin: 2px;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-social {
margin-bottom: 20px;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-content .teacher-excerpt p {
line-height: 24px;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-content .teacher-readmore a {
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 30px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-teachers.list .teachers-info li .teacher-information .teacher-content .teacher-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
.yolo-teachers.index-1 li {
float: left;
padding: 0 20px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.yolo-teachers.index-1 li {
padding: 15px;
}
}
.yolo-teachers.index-1 .yolo-teacher {
position: relative !important;
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image img {
-webkit-transform: scale(1.3) !important;
-ms-transform: scale(1.3) !important;
transform: scale(1.3) !important;
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image .mask {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image .mask .icon:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image .mask .icon:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image .mask .icon .icon-square:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image .mask .icon .icon-square i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
.yolo-teachers.index-1 .yolo-teacher:hover .teacher-image .mask .icon .icon-square:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image {
max-height: 257px;
margin-bottom: 21px;
border-radius: 10px;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image a {
left: 55% !important;
top: 58% !important;
}
@media (max-width: 480px) {
.yolo-teachers.index-1 .yolo-teacher .teacher-image a {
left: 55% !important;
top: 65% !important;
}
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 1;
background-color: rgba(0, 0, 0, 0.3);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon {
position: absolute;
left: 50%;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon:before {
content: '';
position: absolute;
top: 0px;
left: 12px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-bottom-right-radius: 100%;
-webkit-transform: translate(-40px, -40px);
-ms-transform: translate(-40px, -40px);
transform: translate(-40px, -40px); filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon:after {
content: '';
position: absolute;
top: 0px;
left: -13px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-bottom-left-radius: 100%;
-webkit-transform: translate(40px, -40px);
-ms-transform: translate(40px, -40px);
transform: translate(40px, -40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; filter: alpha(opacity=0);
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon .icon-square {
position: relative;
display: block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon .icon-square:before {
content: '';
position: absolute;
left: 12px;
bottom: 0px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-top-right-radius: 100%;
-webkit-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; filter: alpha(opacity=0);
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon .icon-square i {
line-height: 0 !important;
width: 0px;
height: 0px;
color: #ffffff !important;
border-radius: 0;
border: none;
position: absolute;
top: 0px;
left: 3px;
font-size: 18px;
z-index: 3;
color: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-image .mask .icon .icon-square:after {
content: '';
position: absolute;
left: -13px;
bottom: 0px;
width: 25px;
height: 25px;
background-color: rgba(255, 168, 0, 0.8);
border-top-left-radius: 100%;
-webkit-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
transform: translate(40px, 40px); filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-social {
display: none;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-title {
margin-bottom: 10px;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-title h3 {
display: inline-block !important;
margin: 0;
font-size: 18px;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-title h4 {
margin: 0;
float: right;
font-size: 14px;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-content {
padding-bottom: 23px;
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-min-1.png);
background-repeat: repeat-x;
background-position: bottom;
-webkit-animation: animatedBackground 10s linear infinite;
animation: animatedBackground 10s linear infinite;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-content .teacher-excerpt p {
line-height: 24px;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-content .teacher-readmore {
padding-right: 5px;
}
.yolo-teachers.index-1 .yolo-teacher .teacher-information .teacher-content .teacher-readmore a.read-more {
background-color: transparent !important;
}
.yolo-teachers.index-2 .teachers-info li {
float: left;
padding: 20px 0px 10px 20px;
}
.yolo-teachers.index-2 .teachers-info li .yolo-teacher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-teachers.index-2 .teachers-info li .yolo-teacher .teacher-image {
border-radius: 10px;
width: 50%;
padding: 0px;
float: left;
position: relative;
}
.yolo-teachers.index-2 .teachers-info li .yolo-teacher .teacher-image img {
width: 100%;
border-radius: 10px;
}
.yolo-teachers.index-2 .teachers-info li .yolo-teacher .teacher-image .mask {
border-radius: 10px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information {
width: 50%;
padding: 0px 10px 10px 20px;
display: block;
float: left;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-title {
padding: 0px 0px 8px 0px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
font-size: 18px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-title h4 {
margin-top: 8px;
margin-bottom: 0px;
padding: 0px;
font-size: 14px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-title h4 a {
color: #636fe1 !important;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-title h4 i {
display: none;
margin: 2px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-social span {
margin-right: 10px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-social span i {
color: rgba(0, 0, 0, 0.4);
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-social span a:hover i {
color: var(--primary_color);
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-content .teacher-excerpt {
display: none;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-content .teacher-readmore {
margin-top: 10px;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-content .teacher-readmore a {
padding: 6px 20px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 10px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-teachers.index-2 .teachers-info li .teacher-information .teacher-content .teacher-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 991px) {
.yolo-teachers.index-2 .teachers-info .columns-2 {
width: 100%;
}
}
@media (max-width: 480px) {
.yolo-teachers.index-2 .teachers-info .yolo-teacher .teacher-image {
width: 100% !important;
}
.yolo-teachers.index-2 .teachers-info .yolo-teacher .teacher-information {
width: 100% !important;
padding: 20px 10px 10px 20px !important;
}
}
.yolo-courses .courses-info {
margin: 0px;
padding: 0px;
}
.yolo-courses .courses-info i {
color: var(--primary_color);
}
.yolo-courses .courses-info li {
list-style: none;
}
.yolo-courses .courses-info li .yolo-course:hover .course-image img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.yolo-courses .courses-info li .yolo-course:hover .course-image .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.yolo-courses .courses-info li .yolo-course .course-image {
overflow: hidden;
position: relative;
z-index: 1;
}
.yolo-courses .courses-info li .yolo-course .course-image img {
margin: 0px;
width: 100%;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.yolo-courses .courses-info li .yolo-course .course-image .mask {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 1;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.yolo-courses .courses-info li .yolo-course .course-image .mask a {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: #fff;
font-size: 18px;
}
.yolo-courses .courses-info li .yolo-course .course-image .mask a i {
line-height: 50px;
width: 50px;
height: 50px;
color: #fff !important;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-courses .courses-info li .yolo-course .course-image .mask a i:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-courses .courses-info li .yolo-course .course-excerpt p {
line-height: 24px;
}
.yolo-courses .courses-info li .yolo-course .course-title h3 {
font-size: 30px;
}
.yolo-courses .courses-info li .yolo-course .course-title h4 > a {
font-size: 18px;
color: var(--primary_color);
}
.yolo-courses .courses-info li .yolo-course .course-title h4 i {
display: none;
}
.yolo-courses.grid {
padding: 25px 0px;
}
.yolo-courses.grid .courses-info li {
float: left;
padding: 20px 15px;
}
.yolo-courses.grid .courses-info li .yolo-course {
border-radius: 12px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-courses.grid .courses-info li .yolo-course .course-image {
border-radius: 12px;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-title {
display: block;
padding: 30px 0px 20px 0px;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
font-size: 18px;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-title h4 {
float: right;
margin: 0px;
padding: 0px;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-title h4 a {
font-size: 16px;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-title h4 i {
margin-right: 2px;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-content .course-readmore a {
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 15px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-courses.grid .courses-info li .yolo-course .course-information .course-content .course-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 991px) {
.yolo-courses.grid .courses-info li {
padding: 20px 10px;
}
}
@media (max-width: 767px) {
.yolo-courses.grid .courses-info li {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.yolo-courses.list .courses-info li .yolo-course {
display: block;
height: 100%;
padding: 10px 0px 30px 10px;
}
.yolo-courses.list .courses-info li .yolo-course .course-image {
width: 50%;
float: left;
}
.yolo-courses.list .courses-info li .course-image {
border-radius: 12px;
}
.yolo-courses.list .courses-info li .course-image img {
border-radius: 12px;
}
.yolo-courses.list .courses-info li .course-information {
width: 50%;
padding: 0px 10px 10px 20px;
display: block;
float: left;
}
.yolo-courses.list .courses-info li .course-information .course-title {
padding: 0px 0px 30px 0px;
}
.yolo-courses.list .courses-info li .course-information .course-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
}
.yolo-courses.list .courses-info li .course-information .course-title h4 {
line-height: 36px;
float: right;
margin: 0px;
padding: 0px;
font-weight: normal;
}
.yolo-courses.list .courses-info li .course-information .course-title h4 i {
margin: 2px;
}
@media (max-width: 480px) {
.yolo-courses.list .courses-info li .course-information .course-title h4 {
line-height: 1.2;
}
.yolo-courses.list .courses-info li .course-information .course-title h4 a {
font-size: 16px !important;
}
}
.yolo-courses.list .courses-info li .course-information .course-content .course-readmore a {
font-weight: bold;
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 30px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-courses.list .courses-info li .course-information .course-content .course-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 767px) {
.yolo-courses.list .courses-info li .yolo-course {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.yolo-events .events-info {
margin: 0px;
padding: 0px;
}
.yolo-events .events-info i {
color: #636FE1;
}
.yolo-events .events-info li {
list-style: none;
}
.yolo-events .events-info li .yolo-event:hover .event-image img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.yolo-events .events-info li .yolo-event:hover .event-image .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.yolo-events .events-info li .yolo-event .event-image {
overflow: hidden;
position: relative;
z-index: 1;
}
.yolo-events .events-info li .yolo-event .event-image img {
margin: 0px;
width: 100%;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.yolo-events .events-info li .yolo-event .event-image .mask {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 1;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.yolo-events .events-info li .yolo-event .event-image .mask a {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: #fff;
font-size: 18px;
}
.yolo-events .events-info li .yolo-event .event-image .mask a i {
line-height: 50px;
width: 50px;
height: 50px;
color: #fff !important;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-events .events-info li .yolo-event .event-image .mask a i:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-events .events-info li .yolo-event .event-excerpt p {
line-height: 24px;
}
.yolo-events.grid {
padding: 25px 0px;
}
.yolo-events.grid .events-info li {
float: left;
padding: 15px;
}
.yolo-events.grid .events-info li .yolo-event {
border-radius: 12px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-events.grid .events-info li .yolo-event .event-image {
border-radius: 12px;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-title {
display: block;
padding: 30px 0px 15px 0px;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
font-size: 18px;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-title h4 {
padding: 0px;
font-size: 14px;
font-weight: normal;
color: var(--primary_color);
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-title h4 a {
color: inherit;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-title h4 i {
margin-right: 2px;
display: none;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-title .event-time {
padding: 12px 0px;
margin-top: 10px;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-content .event-excerpt p {
line-height: 24px;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-content .event-readmore a {
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 15px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-events.grid .events-info li .yolo-event .event-information .event-content .event-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 767px) {
.yolo-events.grid .events-info li {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.yolo-events.list .events-info li .yolo-event {
display: block;
height: 100%;
padding: 10px 0px 30px 10px;
}
.yolo-events.list .events-info li .yolo-event .event-image {
width: 50%;
float: left;
border-radius: 12px;
}
.yolo-events.list .events-info li .yolo-event .event-image img {
border-radius: 12px;
}
.yolo-events.list .events-info li .yolo-event .event-information {
width: 50%;
padding: 0px 10px 10px 20px;
display: block;
float: left;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-title {
padding: 0px 0px 20px 0px;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-title h3 {
display: inline-block;
margin: 0px;
padding: 0px;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-title h4 {
float: right;
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 16px;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-title h4 i {
margin: 2px;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-title .event-time {
padding: 15px 0px;
margin-top: 15px;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-content .event-excerpt p {
line-height: 24px;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-content .event-readmore a {
padding: 10px 30px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 20px;
text-transform: uppercase;
margin: 30px 0px 15px 0px;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.yolo-events.list .events-info li .yolo-event .event-information .event-content .event-readmore a:hover {
background-color: var(--primary_color);
color: #fff;
border: 1px solid var(--primary_color);
}
@media (max-width: 767px) {
.yolo-events.list .events-info li .yolo-event {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 991px) {
.yolo-courses.list .yolo-course .course-image {
width: 100% !important;
}
.yolo-courses.list .yolo-course .course-information {
width: 100% !important;
padding: 10px !important;
}
.yolo-teachers.list .yolo-teacher .teacher-image {
width: 100% !important;
}
.yolo-teachers.list .yolo-teacher .teacher-information {
width: 100% !important;
padding: 10px !important;
}
.yolo-events.list .yolo-event .event-image {
width: 100% !important;
}
.yolo-events.list .yolo-event .event-information {
width: 100% !important;
padding: 10px !important;
}
}
@media (max-width: 480px) {
.yolo-courses.list .yolo-course .course-information .course-title {
padding: 5px 0px 15px 0px !important;
}
.yolo-courses.list .yolo-course .course-information .course-title h3 {
font-size: 18px;
}
.yolo-courses.list .yolo-course .course-information .course-title h4 {
font-size: 14px;
}
.yolo-teachers.list .yolo-teacher {
padding-left: 0 !important;
}
.yolo-teachers.list .yolo-teacher .teacher-information .teacher-title {
padding: 5px 0px 15px 0px !important;
}
.yolo-teachers.list .yolo-teacher .teacher-information .teacher-title h3 {
font-size: 18px;
}
.yolo-teachers.list .yolo-teacher .teacher-information .teacher-title h4 {
font-size: 14px;
}
.yolo-events.list .yolo-event .event-information .event-title {
padding: 5px 0px 15px 0px !important;
}
.yolo-events.list .yolo-event .event-information .event-title h3 {
font-size: 18px;
}
.yolo-events.list .yolo-event .event-information .event-title h4 {
font-size: 14px;
}
}
@media (max-width: 480px) {
.yolo-courses.list .yolo-course .course-information .course-title {
padding: 5px 0px 15px 0px !important;
}
.yolo-courses.list .yolo-course .course-information .course-title h3 {
font-size: 18px;
}
.yolo-courses.list .yolo-course .course-information .course-title h4 {
font-size: 14px;
}
.yolo-teachers.list .yolo-teacher .teacher-information .teacher-title {
padding: 5px 0px 15px 0px !important;
}
.yolo-teachers.list .yolo-teacher .teacher-information .teacher-title h3 {
font-size: 18px;
}
.yolo-teachers.list .yolo-teacher .teacher-information .teacher-title h4 {
font-size: 14px;
}
.yolo-events.list .yolo-event .event-information .event-title {
padding: 5px 0px 15px 0px !important;
}
.yolo-events.list .yolo-event .event-information .event-title .event-time {
margin-top: 20px;
}
.yolo-events.list .yolo-event .event-information .event-title h3 {
display: block;
font-size: 18px;
}
.yolo-events.list .yolo-event .event-information .event-title h4 {
display: block;
font-size: 14px;
}
}
.yolo-events .yolo-event .event-time {
padding: 5px 0px;
}
.yolo-events .yolo-event .event-time .event-start i {
margin-right: 10px;
}
.yolo-events .yolo-event .event-address i {
margin-right: 10px;
} .yolo-pricing-plans .pricing-plans-info {
margin: 0px;
padding: 0px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item {
list-style: none;
margin-bottom: 50px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan {
position: relative;
background-color: #fff;
border: 1px solid rgba(168, 168, 168, 0.3);
height: 617px;
border-radius: 30px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan.active {
border: 3px solid var(--primary_color);
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan.active .plan-title {
margin-top: 58px;
background-color: var(--primary_color);
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan.active .plan-title h2,
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan.active .plan-title p {
color: #fff;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan.active .plan-bottom {
bottom: -2px;
background-color: var(--primary_color);
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan.active .plan-bottom a {
color: #fff;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-title {
width: 170px;
height: 170px;
padding: 0;
border-radius: 50%;
margin: 60px auto 40px;
border: 1px solid rgba(168, 168, 168, 0.3);
text-align: center;
color: rgba(168, 168, 168, 0.5);
background: #fff;
-webkit-transition: background 0.8s ease;
-o-transition: background 0.8s ease;
transition: background 0.8s ease;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-title h2 {
margin: 60px auto 10px;
font-size: 24px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-title p {
font-size: 20px;
margin: 0px;
padding: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-title {
width: 140px;
height: 140px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-title h2 {
margin-top: 45px;
}
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-additional ul {
margin: 0px;
padding: 0px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-additional ul li {
text-align: center;
display: block;
padding: 10px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-bottom {
background: #fff;
width: 152px;
height: 45px;
padding: 0 0;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border: 1px solid rgba(168, 168, 168, 0.3);
border-radius: 22px;
text-align: center;
-webkit-transition: background 0.75s ease;
-o-transition: background 0.75s ease;
transition: background 0.75s ease;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan .plan-bottom a {
display: block;
text-transform: uppercase;
margin: 0px auto;
padding: 11px;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan:hover {
border: 3px solid var(--primary_color);
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan:hover .plan-title {
margin-top: 58px;
background-color: var(--primary_color);
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan:hover .plan-title h2,
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan:hover .plan-title p {
color: #fff;
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan:hover .plan-bottom {
bottom: -2px;
background-color: var(--primary_color);
}
.yolo-pricing-plans .pricing-plans-info .plans-item .yolo-pricing-plan:hover .plan-bottom a {
color: #fff;
} .yolo-timetables.timetable-wrapper .timetable-info .section-name .sep {
width: 25px;
height: 25px;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-arrow.png);
margin: 0 auto;
margin-bottom: 13px;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name h1 {
text-align: center;
font-size: 36px;
color: #333333;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter {
padding-top: 30px;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter.filter-left {
text-align: left;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter.filter-center {
text-align: center;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter.filter-right {
text-align: right;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter .btn {
margin-bottom: 5px;
border: 1px solid rgba(168, 168, 168, 0.3);
border-radius: 20px;
outline: none;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter .btn:hover {
background-color: var(--primary_color);
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
background-color: var(--primary_color);
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info .section-name .course-filter #course-filter {
padding: 5px 30px;
text-transform: uppercase;
margin-bottom: 30px;
border-color: transparent;
-webkit-box-shadow: 0px 4px 0px 0px #6fc4d9;
box-shadow: 0px 4px 0px 0px #6fc4d9;
background-color: #74cee4;
border-color: #74cee4;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
outline: none;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table {
text-align: center;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells {
width: 14%;
display: inline-block;
vertical-align: top;
padding: 1px;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.mon .panel-heading h4 {
background-color: #71C584;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.tue .panel-heading h4 {
background-color: #6ABEC5;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.wed .panel-heading h4 {
background-color: #EA662B;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.thu .panel-heading h4 {
background-color: #C0449C;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.fri .panel-heading h4 {
background-color: #9EBE3B;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.sat .panel-heading h4 {
background-color: #D6C023;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells:hover.sun .panel-heading h4 {
background-color: #1CA4D8;
color: #fff;
}
@media (max-width: 991px) {
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells {
width: 32%;
}
}
@media (max-width: 480px) {
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells {
width: 100%;
}
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-heading {
text-align: center;
padding: 20px 0px;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-heading h4 {
font-size: 15px;
text-transform: uppercase;
margin: 0px;
padding: 10px;
border: 1px solid var(--primary_color);
border-radius: 20px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body {
line-height: 24px;
text-align: left;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big {
padding-bottom: 6px;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info {
overflow: hidden;
color: #fff;
padding: 30px 0 100px 20px;
position: relative;
border-radius: 10px;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info:hover .time-detail {
opacity: 1;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-cell-head {
margin-bottom: 25px;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-cell-head h3 {
line-height: 24px;
padding-bottom: 10px;
font-size: 18px;
color: #fff;
margin: 0;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-cell-head h5 {
color: #fff;
line-height: 24px;
margin: 0;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-cell-body a {
color: var(--primary_color);
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-cell-body h5 {
color: #fff;
line-height: 24px;
margin: 0;
font-weight: normal;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-detail {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
border-radius: 10px;
background: rgba(51, 51, 51, 0.9);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-detail a {
display: block;
position: absolute;
top: 45%;
left: 45%;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-detail a i {
color: #fff;
font-size: 25px;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells .panel-body .time-cell.big .time-cell-info .time-detail a i:hover {
color: var(--primary_color);
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.mon .panel-heading h4 {
border-color: #71C584;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.mon .panel-heading h4:hover {
background-color: #71C584;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.mon .panel-body .time-cell.big .time-cell-info {
background-color: #71C584;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.tue .panel-heading h4 {
border-color: #6ABEC5;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.tue .panel-heading h4:hover {
background-color: #6ABEC5;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.tue .panel-body .time-cell.big .time-cell-info {
background-color: #6ABEC5;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.wed .panel-heading h4 {
border-color: #EA662B;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.wed .panel-heading h4:hover {
background-color: #EA662B;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.wed .panel-body .time-cell.big .time-cell-info {
background-color: #EA662B;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.thu .panel-heading h4 {
border-color: #C0449C;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.thu .panel-heading h4:hover {
background-color: #C0449C;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.thu .panel-body .time-cell.big .time-cell-info {
background-color: #C0449C;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.fri .panel-heading h4 {
border-color: #9EBE3B;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.fri .panel-heading h4:hover {
background-color: #9EBE3B;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.fri .panel-body .time-cell.big .time-cell-info {
background-color: #9EBE3B;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.sat .panel-heading h4 {
border-color: #D6C023;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.sat .panel-heading h4:hover {
background-color: #D6C023;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.sat .panel-body .time-cell.big .time-cell-info {
background-color: #D6C023;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.sun .panel-heading h4 {
border-color: #1CA4D8;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.sun .panel-heading h4:hover {
background-color: #1CA4D8;
color: #fff;
}
.yolo-timetables.timetable-wrapper .timetable-info #yolo-timetable .time-table .panel.time-cells.sun .panel-body .time-cell.big .time-cell-info {
background-color: #1CA4D8;
} .images-slider .flipster--flat .flipster__item--past,
.images-slider .flipster--flat .flipster__item--future {
opacity: 1;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.images-slider .flipster--flat .flipster__item--past p,
.images-slider .flipster--flat .flipster__item--future p {
visibility: hidden !important;
}
.images-slider .flipster--flat .flipster__item--past-2,
.images-slider .flipster--flat .flipster__item--future-2 {
opacity: 0 !important;
}
.images-slider .carousel ul li img {
border-radius: 30px;
}
.images-slider .carousel ul li p {
padding-top: 10px;
text-align: center;
}
.vc_tta-container {
margin-bottom: 0 !important;
}
.tab-index-1 > .vc_tta-panels-container {
background-color: transparent !important;
}
.tab-index-1 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading {
background-color: transparent !important;
border: 1px dashed #fff !important;
}
.tab-index-1 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading > .vc_tta-panel-title > a {
color: var(--primary_color) !important;
}
.tab-index-1 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading:hover {
background-color: #fff !important;
border-color: transparent !important;
}
@media (max-width: 767px) {
.tab-index-1 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading {
margin-bottom: 20px !important;
}
}
@media (max-width: 480px) {
.tab-index-1 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel:not(:first-child) > .vc_active.vc_tta-panel-heading {
margin-bottom: 50px !important;
}
}
.tab-index-1 > .vc_tta-panels-container > .vc_tta-panels > .vc_active > .vc_tta-panel-heading {
background-color: #fff !important;
border-color: transparent !important;
}
.tab-index-1 .flipster--flat .flipster__item--past,
.tab-index-1 .flipster--flat .flipster__item--future {
opacity: 1;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.tab-index-1 .flipster--flat .flipster__item--past p,
.tab-index-1 .flipster--flat .flipster__item--future p {
visibility: hidden !important;
}
.tab-index-1 .flipster--flat .flipster__item--past-2,
.tab-index-1 .flipster--flat .flipster__item--future-2 {
opacity: 0 !important;
}
.tab-index-1 .carousel ul li img {
border-radius: 30px;
}
.tab-index-1 .carousel ul li p {
padding: 25px;
text-align: center;
}
.tab-index-1 ul {
list-style: none;
padding: 0;
}
.tab-index-1 ul li.vc_tta-tab {
margin-left: 15px !important;
margin-right: 15px !important;
}
.tab-index-1 ul li.vc_tta-tab a {
overflow: hidden;
height: 55px;
line-height: 55px;
width: 220px;
background-color: transparent !important;
border: 1px dashed #fff !important;
border-radius: 50px !important;
padding: 0 !important;
}
.tab-index-1 ul li.vc_tta-tab a:after {
background: #ffffff;
content: "";
height: 60px;
left: -180px;
opacity: 0.2;
position: absolute;
top: 0px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
width: 200px;
z-index: 1;
}
.tab-index-1 ul li.vc_tta-tab a span.vc_tta-title-text {
font-weight: bold;
font-size: 18px;
color: #fff;
line-height: 36px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.tab-index-1 ul li.vc_tta-tab a:hover:after {
left: 120%;
}
.tab-index-1 ul li.vc_active a {
background-color: #fff !important;
}
.tab-index-1 ul li.vc_active a span {
color: var(--primary_color) !important;
}
.tab-index-1 .flipster__button {
top: 40%;
}
.tab-index-1 .flipster__button i {
padding-right: 10px;
color: #fff;
font-size: 40px;
}
@media (min-width: 1200px) {
.tab-index-1 .flipster__button i {
display: none;
}
}
.tab-index-1 i {
padding-right: 10px;
color: #fff;
}
.tab-index-1 li {
color: #fff;
line-height: 24px;
margin-bottom: 10px;
}
.tab-index-1 p {
color: #fff;
margin-bottom: 25px;
line-height: 24px;
}
.tab-index-2 > .vc_tta-panels-container {
background-color: transparent !important;
}
.tab-index-2 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading {
background-color: transparent !important;
border: 1px solid #fff !important;
}
.tab-index-2 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading > .vc_tta-panel-title > a {
color: #fff !important;
}
.tab-index-2 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading:hover {
background-color: var(--primary_color) !important;
border-color: transparent !important;
}
@media (max-width: 767px) {
.tab-index-2 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-heading {
margin-bottom: 10px !important;
}
}
.tab-index-2 > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
margin-bottom: 50px !important;
}
.tab-index-2 > .vc_tta-panels-container > .vc_tta-panels > .vc_active > .vc_tta-panel-heading {
background-color: var(--primary_color) !important;
border-color: transparent !important;
}
.tab-index-2 .flipster--flat .flipster__item--past,
.tab-index-2 .flipster--flat .flipster__item--future {
opacity: 1;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.tab-index-2 .flipster--flat .flipster__item--past p,
.tab-index-2 .flipster--flat .flipster__item--future p {
visibility: hidden !important;
}
.tab-index-2 .flipster--flat .flipster__item--past-2,
.tab-index-2 .flipster--flat .flipster__item--future-2 {
opacity: 0 !important;
}
.tab-index-2 .carousel ul li img {
border-radius: 30px;
}
.tab-index-2 .carousel ul li p {
padding: 10px 10px;
text-align: center;
}
.tab-index-2 ul {
list-style: none;
padding: 0;
}
.tab-index-2 ul li.vc_tta-tab a {
overflow: hidden;
height: 50px;
border-radius: 25px !important;
padding: 0 31px !important;
background-color: transparent !important;
border: 1px solid #fff !important;
}
.tab-index-2 ul li.vc_tta-tab a:after {
background: #ffffff;
content: "";
height: 60px;
left: -180px;
opacity: 0.2;
position: absolute;
top: 0px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
width: 200px;
z-index: 1;
}
.tab-index-2 ul li.vc_tta-tab a span.vc_tta-title-text {
padding: 0 !important;
font-weight: bold;
font-size: 18px;
color: #fff;
line-height: 50px;
border: none !important;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin-bottom: 0 !important;
}
.tab-index-2 ul li.vc_tta-tab a:hover:after {
left: 120%;
}
.tab-index-2 ul li.vc_tta-tab a:before {
display: none !important;
}
.tab-index-2 ul li.vc_active a {
background-color: var(--primary_color) !important;
border-color: transparent !important;
}
.tab-index-2 ul li.vc_active a span {
color: #fff !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.tab-index-2.vc_tta-panels .vc_tta-panel .vc_active.vc_tta-panel-heading {
background-color: var(--primary_color) !important;
}
.tab-index-2 > vc_tta-panels-container.vc_tta-panel-heading {
background-color: var(--primary_color) !important;
}
.tab-index-2 .flipster__button {
top: 40%;
}
.tab-index-2 .flipster__button i {
padding-right: 10px;
color: #fff;
font-size: 40px;
}
@media (min-width: 1200px) {
.tab-index-2 .flipster__button i {
display: none;
}
}
.tab-index-2 i {
padding-right: 10px;
color: #fff;
}
.tab-index-2 li {
color: #fff;
line-height: 24px;
margin-bottom: 10px;
}
.tab-index-2 p {
color: #fff;
margin-bottom: 25px;
line-height: 24px;
} .images-slider .carousel {
width: 100%;
}
.images-slider .carousel .carousel-wrapper {
position: relative;
}
.images-slider .carousel .carousel-wrapper .carousel-box {
border: none;
opacity: 0;
border-radius: 20px;
overflow: initial;
}
.images-slider .carousel .carousel-wrapper .carousel-box p {
display: none;
}
.images-slider .carousel .carousel-wrapper .carousel-box.is-active {
margin: 0px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 60%;
width: 700px;
opacity: 1;
}
@media (max-width: 991px) {
.images-slider .carousel .carousel-wrapper .carousel-box.is-active {
width: 100%;
}
}
.images-slider .carousel .carousel-wrapper .carousel-box.is-active p {
display: block;
}
.images-slider .carousel .carousel-wrapper .carousel-box.left {
transform: translate(0, -50%) perspective(600px) rotateY(45deg);
-webkit-transform: translate(0, -50%) perspective(600px) rotateY(45deg);
-moz-transform: translate(0, -50%) perspective(600px) rotateY(45deg);
-o-transform: translate(0, -50%) perspective(600px) rotateY(45deg);
left: 0px;
top: 50%;
opacity: 1;
width: 400px;
}
.images-slider .carousel .carousel-wrapper .carousel-box.right {
transform: translate(0, -50%) perspective(600px) rotateY(-45deg);
-webkit-transform: translate(0, -50%) perspective(600px) rotateY(-45deg);
-moz-transform: translate(0, -50%) perspective(600px) rotateY(-45deg);
-o-transform: translate(0, -50%) perspective(600px) rotateY(-45deg);
top: 50%;
right: 0;
left: auto;
opacity: 1;
width: 400px;
}
@media (max-width: 991px) {
.images-slider .carousel .carousel-wrapper .carousel-box {
opacity: 0 !important;
visibility: hidden;
}
.images-slider .carousel .carousel-wrapper .carousel-box.is-active {
opacity: 1 !important;
visibility: visible;
}
}
.images-slider .carousel .nav-right {
right: 50px;
}
.images-slider .carousel .nav-left {
left: 50px;
}
.images-slider .carousel .nav-right,
.images-slider .carousel .nav-left {
top: 45%;
z-index: 5;
text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-right: 0px;
display: none;
}
.images-slider .carousel .nav-right i,
.images-slider .carousel .nav-left i {
padding-top: 30px;
font-size: 25px;
padding-right: 0px;
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
.images-slider .carousel .nav-right,
.images-slider .carousel .nav-left {
display: block;
top: 35%;
}
}
@media (max-width: 479px) {
.images-slider .carousel .nav-right,
.images-slider .carousel .nav-left {
top: 18%;
}
} .yolo-portfolio .category-filter.left {
text-align: left;
}
.yolo-portfolio .category-filter.center {
text-align: center;
}
.yolo-portfolio .category-filter.right {
text-align: right;
}
.yolo-portfolio.effect1 .category-filter {
margin: 10px 0px 30px 0px;
padding: 0px;
}
.yolo-portfolio.effect1 .category-filter li {
list-style: none;
display: inline-block;
text-align: center;
}
.yolo-portfolio.effect1 .category-filter li a {
padding: 5px 10px;
text-transform: uppercase;
text-decoration: none;
}
.yolo-portfolio.effect1 .category-filter li a i {
position: relative;
top: -3px;
padding: 0px 10px;
visibility: hidden;
font-size: 5px;
color: var(--primary_color);
}
.yolo-portfolio.effect1 .category-filter li a.selected {
color: var(--primary_color);
}
.yolo-portfolio.effect1 .category-filter li a.selected i {
visibility: visible;
}
@media (max-width: 480px) {
.yolo-portfolio.effect1 .category-filter {
margin: 10px 0px 10px 0px;
}
}
.yolo-portfolio.effect1 .portfolio-wrap {
margin: 0px;
padding: 0px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item {
float: left;
list-style: none;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio {
position: relative;
padding: 10px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio > a {
display: none;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 20px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover {
-webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover a img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .slide-item a img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .owl-nav .owl-next,
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .owl-nav .owl-prev {
opacity: 1;
z-index: 9;
top: 40%;
background: rgba(0, 0, 0, 0.6);
color: #FFF;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .overlay {
opacity: 1;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .overlay:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .overlay .details {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image:hover .overlay i {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image img {
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
width: 100%;
border-radius: 20px;
margin: 0px;
padding: 0px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .icon-feature {
display: none;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider {
position: relative;
overflow: hidden;
z-index: auto;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider ul {
position: relative;
padding: 0;
list-style-type: none;
list-style: none;
z-index: auto;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider ul .owl-controls {
position: absolute;
z-index: 2;
top: 0;
right: 3px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block {
display: none;
height: 90px;
padding: 22px 32px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 20px;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay:before {
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
transform: translate(0, 100px);
position: absolute;
opacity: 1;
content: '';
height: 100%;
width: 100%;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/others/portfolio-hover-1.png) center bottom no-repeat;
background-size: contain;
border-radius: 20px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay .details {
-webkit-transition: all 0.3s ease 0.4s;
-o-transition: all 0.3s ease 0.4s;
transition: all 0.3s ease 0.4s;
-webkit-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
transform: translate(0, 100px);
display: block;
position: absolute;
bottom: 10px;
left: 5%;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay .details h5 {
text-transform: uppercase;
color: var(--primary_color);
margin-bottom: 5px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay .details h6 {
margin: 0;
font-weight: 600;
color: #333333;
font-size: 14px;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
display: block;
padding: 15px;
position: absolute;
font-weight: 600;
font-size: 14px;
color: #ffffff;
bottom: -28px;
right: 7px;
height: 133px;
width: 270px;
border-radius: 50%;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a i {
overflow: hidden;
-webkit-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s;
transition: all 0.3s ease 0.1s;
-webkit-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
transform: translate(0, 100px);
position: absolute;
height: 120px;
width: 256px;
background: var(--primary_color);
border-radius: 50%;
z-index: -1;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a i:before {
position: absolute;
top: 16%;
left: 53%;
-webkit-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s;
transition: all 0.3s ease 0.1s;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a i:after {
background: #ffffff;
content: "";
height: 60px;
left: -180px;
opacity: 0.2;
position: absolute;
top: 0px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
width: 200px;
z-index: 1;
}
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a:hover i:after {
left: 120%;
}
@media (max-width: 1380px) {
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
height: 105px !important;
width: 233px !important;
}
}
@media (max-width: 992px) {
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
height: 130px !important;
width: 280px !important;
}
}
@media (max-width: 768px) {
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
height: 115px !important;
width: 250px !important;
}
}
@media (max-width: 600px) {
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
height: 150px !important;
width: 315px !important;
}
}
@media (max-width: 480px) {
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
height: 135px !important;
width: 285px !important;
}
}
@media (max-width: 320px) {
.yolo-portfolio.effect1 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
height: 105px !important;
width: 235px !important;
}
}
.yolo-portfolio.effect1 .loadmore-action {
margin-top: 40px;
margin-bottom: 0;
}
.yolo-portfolio.effect1 .loadmore-action .loadmore-loading {
display: none;
}
.yolo-portfolio.effect1 .loadmore-action a {
background-color: transparent !important;
border-color: transparent !important;
color: #000;
text-transform: none;
font-size: 18px;
padding-bottom: 20px;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-double-gray.png) bottom no-repeat;
font-weight: 600;
opacity: 1;
line-height: 24px !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-portfolio.effect1 .loadmore-action a:hover {
color: var(--primary_color);
}
.yolo-portfolio.effect1 .loadmore-action a:after {
display: none;
}
@media (max-width: 320px) {
.yolo-portfolio.effect1 .loadmore-action {
margin-top: 20px;
margin-bottom: 10px;
}
}
.yolo-portfolio.effect2 .category-filter {
margin: 10px 0px 30px 0px;
padding: 0px;
}
.yolo-portfolio.effect2 .category-filter li {
display: inline-block;
list-style: none;
}
.yolo-portfolio.effect2 .category-filter li a.selected {
color: #fff;
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-portfolio.effect2 .category-filter li a {
padding: 5px 20px;
text-decoration: none;
list-style: none;
text-align: center;
display: inline-block;
margin: 0 6px;
height: 40px;
border-radius: 20px;
font-weight: 400;
line-height: 30px;
color: #333333;
text-transform: uppercase;
border: 1px solid rgba(51, 51, 51, 0.25);
cursor: pointer;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.yolo-portfolio.effect2 .category-filter li a i {
display: none;
}
.yolo-portfolio.effect2 .category-filter li a:hover {
color: white;
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-portfolio.effect2 .portfolio-wrap {
margin: 0px;
padding: 0px;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item {
float: left;
list-style: none;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio {
position: relative;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .info-block a {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .info-block a i {
-webkit-animation: toRightFromLeft 0.4s forwards;
animation: toRightFromLeft 0.4s forwards;
color: #fff;
border: 1px solid transparent;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .overlay {
opacity: 1;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .overlay:before,
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .overlay:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .overlay .details {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio:hover .overlay a {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image {
position: relative;
z-index: 1;
overflow: hidden;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image img {
width: 100%;
margin: 0px;
padding: 0px;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .icon-feature {
display: none;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider {
width: 100%;
height: 100%;
background-color: #fff;
z-index: 4;
position: relative;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider ul {
position: relative;
padding: 0;
list-style-type: none;
list-style: none;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider ul .owl-controls {
position: absolute;
z-index: 2;
top: 0;
right: 3px;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider .slider-control {
position: absolute;
top: 50%;
z-index: 2;
background: rgba(0, 0, 0, 0.6);
font-size: 18px;
padding: 5px 13px;
color: #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider .slider-control.prev-btn {
left: 0;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .portfolio-image .yolo-slider .slider-control.next-btn {
right: 0;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block {
padding: 20px 25px;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block h5 {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block h6 {
margin: 0;
font-size: 14px;
line-height: 30px;
font-weight: normal;
text-transform: uppercase;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block a {
position: absolute;
bottom: 7.8%;
right: 5%;
text-align: center;
border: 1px solid rgba(51, 51, 51, 0.25);
border-radius: 50%;
overflow: hidden;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block a i {
width: 45px;
height: 45px;
font-size: 16px;
color: rgba(51, 51, 51, 0.5);
line-height: 45px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 480px) {
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .info-block {
padding-left: 0px;
}
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay:before {
z-index: 2;
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
-webkit-transform: translate(0, 400px);
-ms-transform: translate(0, 400px);
transform: translate(0, 400px);
position: absolute;
opacity: 1;
content: '';
height: 100%;
width: 100%;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/others/portfolio-hover-2.png) center bottom no-repeat;
background-size: contain;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay:after {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-500px, 0);
-ms-transform: translate(-500px, 0);
transform: translate(-500px, 0);
position: absolute;
opacity: 1;
content: '';
height: 100%;
width: 100%;
background: rgba(99, 111, 225, 0.9);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay .details {
display: none;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a {
-webkit-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
-webkit-transform: translate(0, -100px);
-ms-transform: translate(0, -100px);
transform: translate(0, -100px);
left: 35%;
top: 40%;
display: inline-block;
padding: 0 10px;
border-radius: 20px;
z-index: 3;
width: 30%;
height: 15%;
border: 1px solid;
border-color: #fff;
position: absolute;
opacity: 0;
overflow: hidden;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a:hover {
border-color: var(--primary_color);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a:hover i:after {
-webkit-transform: scale(20);
-ms-transform: scale(20);
transform: scale(20);
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a i {
position: absolute;
color: #fff;
left: 48%;
top: 40%;
}
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a i:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: var(--primary_color);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-radius: 50%;
z-index: -1;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
@media (max-width: 320px) {
.yolo-portfolio.effect2 .portfolio-wrap .portfolio-item .yolo-portfolio .overlay a i {
left: 45%;
top: 30%;
}
}
.yolo-portfolio.effect2 .loadmore-action .loadmore-loading {
display: none;
}
.yolo-portfolio.effect2 .loadmore-action a {
padding: 13px 37px;
line-height: 25px !important;
border-radius: 25px;
background: var(--primary_color);
text-transform: uppercase;
font-size: 18px;
color: #fff;
-webkit-transition: background 0.8s ease;
-o-transition: background 0.8s ease;
transition: background 0.8s ease;
opacity: 1;
border: 1px solid var(--primary_color);
}
.yolo-portfolio.effect2 .loadmore-action a:hover {
background: #fff !important;
border: 1px solid rgba(51, 51, 51, 0.25);
color: #333333;
}
.yolo-portfolio.effect2 .loadmore-action a:after {
display: none;
}
.yolo-video-container {
position: relative;
}
.yolo-video-container .video-inner {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.yolo-video-container .video-inner iframe {
position: absolute;
border: 0px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  p.contact {
margin-bottom: 0;
}
p.contact input {
border: 1px solid rgba(51, 51, 51, 0.1);
height: 50px;
border-radius: 25px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
p.contact input:active,
p.contact input:hover {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #636fe1;
}
p.contact textarea {
height: 132px;
border-radius: 25px;
border: 1px solid rgba(51, 51, 51, 0.1);
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
margin-bottom: 15px;
}
p.contact textarea:active,
p.contact textarea:hover {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #636fe1;
}
p.contact input[type="submit"] {
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
height: 50px;
border-radius: 25px;
width: 100%;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: var(--primary_color);
color: #fff;
font-size: 18px;
text-transform: uppercase;
border: 1px solid var(--primary_color);
line-height: 50px;
}
p.contact input[type="submit"]:active,
p.contact input[type="submit"]:hover {
border: 1px solid var(--primary_color);
color: #000;
background-color: transparent !important;
} .separator {
position: relative;
opacity: 1 !important;
}
.separator:after {
content: '';
display: block;
position: absolute;
z-index: 10;
width: 1px;
height: 20px;
background: #e1e1e1;
top: 2px;
left: 50%;
} .yolo-contact-form input:not([type="submit"]) {
border: 2px solid #ebebeb;
height: 40px;
padding: 0 20px;
color: #333;
width: 100%;
margin-bottom: 20px;
}
.yolo-contact-form input:not([type="submit"])::-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
opacity: 1;
}
.yolo-contact-form input:not([type="submit"]):-ms-input-placeholder {
color: rgba(51, 51, 51, 0.7);
}
.yolo-contact-form input:not([type="submit"])::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.7);
}
.yolo-contact-form input:not([type="submit"]):focus {
outline: none;
outline-color: transparent;
}
.yolo-contact-form select {
width: 100%;
height: 40px;
border-width: 2px;
border-radius: 0;
color: #333;
padding: 0 20px;
margin-bottom: 20px;
}
.yolo-contact-form select:focus {
outline: none;
outline-color: transparent;
}
.yolo-contact-form textarea {
border: 2px solid #ebebeb;
height: 101px;
padding: 20px;
color: #333;
width: 100%;
margin-bottom: 20px;
}
.yolo-contact-form textarea::-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
opacity: 1;
}
.yolo-contact-form textarea:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.7);
}
.yolo-contact-form textarea::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.7);
}
.yolo-contact-form textarea:focus {
outline: none;
outline-color: transparent;
}
.yolo-contact-form input[type="submit"] {
padding: 15px 56px;
background: transparent;
border: 1px solid var(--primary_color);
color: #333;
text-transform: uppercase;
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;
width: 100%;
margin-top: 5px;
}
.yolo-contact-form input[type="submit"]:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: 0.2;
position: absolute;
top: -50px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 1;
}
.yolo-contact-form input[type="submit"]:hover {
background: var(--primary_color);
color: #fff;
}
.yolo-contact-form input[type="submit"]:hover:after {
left: 120%;
}
.yolo-contact-form input[type="submit"]:focus {
outline-color: transparent;
outline: none;
}
.yolo-contact-form input[type="submit"]:hover {
color: #fff;
}
.yolo-contact-form .ajax-loader {
position: absolute;
top: 25px;
left: 44%;
}
.yolo-contact-form .form-submit {
text-align: center;
position: relative;
} .yolo-container .yolo-md-9 .yolo-woo-meta {
padding-bottom: 40px;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .list_products_toolbar {
margin-top: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .list_products_toolbar .products-toolbar {
float: left;
padding-top: 10px;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .list_products_toolbar .products-toolbar a {
margin: 0 5px;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .list_products_toolbar .products-toolbar a.selected {
color: var(--primary_color);
}
.yolo-container .yolo-md-9 .yolo-woo-meta .woocommerce-result-count {
float: right;
margin-right: 30px;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .woocommerce-result-count .from-to {
color: var(--primary_color);
font-weight: bold;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .woocommerce-ordering {
float: right;
position: relative;
display: block;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .woocommerce-ordering:after {
font-size: 13px;
content: "\f0d7";
font-family: "fontawesome";
width: 3.1em;
height: 3.1em;
line-height: 3.1em;
text-align: center;
color: #ffffff;
background: var(--primary_color);
top: 0;
right: 0;
position: absolute;
display: block;
pointer-events: none;
}
.yolo-container .yolo-md-9 .yolo-woo-meta .woocommerce-ordering .orderby {
font-size: 13px;
padding-right: 30px;
padding-left: 5px;
height: 3.1em;
text-transform: uppercase;
border: 1px solid #e4e6e6;
width: 100%;
} .yolo-accordion .vc_tta-panel-heading {
background-color: #fff !important;
padding: 0 0;
border: 1px solid rgba(51, 51, 51, 0.1) !important;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 35px !important;
position: relative;
margin-top: 5px;
margin-bottom: 10px;
}
.yolo-accordion .vc_tta-panel-heading > h4 {
line-height: 40px !important;
}
.yolo-accordion .vc_tta-panel-heading > h4 a {
position: relative;
padding-left: 80px !important;
}
.yolo-accordion .vc_tta-panel-heading > h4 a:before {
position: absolute;
content: '';
height: 100%;
background-color: var(--primary_color);
width: 69px;
top: 0;
left: 0;
border-top-left-radius: 35px !important;
border-bottom-left-radius: 35px !important;
}
.yolo-accordion .vc_tta-panel-heading > h4 a i:before,
.yolo-accordion .vc_tta-panel-heading > h4 a i:after {
border-color: #fff !important;
border-width: 2px !important;
}
.yolo-accordion .vc_tta-panel-heading > h4 a span:before {
position: absolute;
content: '';
height: 70px;
background-color: var(--primary_color);
width: 69px;
top: -1px;
left: 0;
border-top-left-radius: 35px !important;
border-bottom-left-radius: 35px !important;
}
@media (max-width: 480px) {
.yolo-accordion .vc_tta-panel-heading > h4 {
line-height: 30px !important;
}
}
.yolo-accordion .vc_tta-panel-body {
padding: 40px 30px !important;
padding-bottom: 60px !important;
border: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 35px !important;
background: #f6f6f6 !important;
margin-bottom: 10px !important;
}
.yolo-accordion .vc_tta-panel-body p:first-child {
padding-bottom: 10px;
line-height: 24px;
}
.yolo-accordion .vc_tta-panel-body p:first-child::first-letter {
font-size: 50px;
}
.yolo-accordion .vc_tta-panel-body p:last-child {
position: relative;
}
.yolo-accordion .vc_tta-panel-body p:last-child:after {
content: '';
height: 3px;
width: 100px;
background-color: var(--primary_color);
position: absolute;
bottom: -20px;
left: 0px;
} .yolo-contact-info.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
font-size: 3em !important;
}
.yolo-contact-info > div:before {
content: '';
display: block;
position: absolute;
top: -13px;
left: -13px;
width: 126px;
height: 126px;
border: 1px dashed #a8a8a8;
border-radius: 50%;
}
.yolo-contact-info > div {
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-contact-info:hover > div {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.yolo-contact-info:hover > div:before {
-webkit-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
.yolo-contact-info2.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
font-size: 4em !important;
}
.yolo-contact-info2 > div {
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-contact-info2:hover > div {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}  .panels .panel.left {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.panels .panel.right {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .details-content {
padding-bottom: 50px;
}
.details-content .flipster--flat .flipster__item--past,
.details-content .flipster--flat .flipster__item--future {
opacity: 0.3;
}
.details-content .flipster--flat .flipster__item--past p,
.details-content .flipster--flat .flipster__item--future p {
visibility: hidden !important;
}
.details-content .flipster--flat .flipster__item--past-2,
.details-content .flipster--flat .flipster__item--past-3,
.details-content .flipster--flat .flipster__item--future-2,
.details-content .flipster--flat .flipster__item--future-3 {
opacity: 0 !important;
}
.details-content .flipster__button {
top: 50%;
}
.details-content .flipster__button i {
padding-right: 10px;
color: #fff;
font-size: 40px;
}
.details-content .carousel ul li img {
border-radius: 30px;
}
.details-content .carousel ul li p {
padding-top: 10px;
text-align: center;
}
.details-content .title {
text-align: center;
}
.details-content .single-course h1.title {
margin-bottom: 50px;
}
.details-content .single-course .flipster__item img {
border-radius: 30px;
}
.details-content .single-course .details-wrapper-top .images {
position: relative;
padding-top: 20px;
}
.details-content .single-course .details-wrapper-top .images .image.left {
position: absolute;
left: 0;
top: 65px;
width: 600px;
height: 390px;
}
.details-content .single-course .details-wrapper-top .images .image.left:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
background-size: cover;
}
.details-content .single-course .details-wrapper-top .images .image.left img {
max-width: 100%;
max-height: 100%;
}
.details-content .single-course .details-wrapper-top .images .image.center {
position: relative;
width: 760px;
height: 450px;
margin: 0 auto;
z-index: 1;
}
.details-content .single-course .details-wrapper-top .images .image.center img {
max-width: 100%;
max-height: 100%;
border-radius: 12px;
}
.details-content .single-course .details-wrapper-top .images .image.right {
position: absolute;
right: 0;
top: 65px;
width: 600px;
height: 390px;
}
.details-content .single-course .details-wrapper-top .images .image.right:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0));
background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
background-size: cover;
}
.details-content .single-course .details-wrapper-top .images .image.right img {
max-width: 100%;
max-height: 100%;
}
.details-content .single-course .details-wrapper-top .info-block p {
line-height: 24px;
}
.details-content .single-course .details-wrapper-top .info-block .top-section {
width: 67%;
margin: 0 auto;
list-style-type: none;
text-align: center;
padding: 35px 0;
display: table;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li {
display: table-cell;
width: 22.33%;
vertical-align: middle;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li h2 {
font-weight: 500;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li .star {
position: relative;
width: 125px;
height: 125px;
margin: 0 auto;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li .star:before {
content: "\f006";
font-family: FontAwesome;
position: absolute;
top: -35px;
left: 0;
width: 100%;
font-size: 135px;
color: #F2F2F2;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li .star i {
font-size: 120px;
color: var(--primary_color);
}
.details-content .single-course .details-wrapper-top .info-block .top-section li .star .inside {
position: absolute;
top: 0;
left: 49px;
color: #FFF;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li .star .inside .number {
margin: 30px 0 0;
color: #fff;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li .star .inside .text {
color: #FFFFFF;
margin: 0;
}
.details-content .single-course .details-wrapper-top .info-block .top-section li ul.rating {
padding-left: 5px;
}
@media (max-width: 991px) {
.details-content .single-course .details-wrapper-top .info-block .top-section li ul.rating {
padding-left: 5px;
}
}
.details-content .single-course .details-wrapper-top .info-block .top-section li ul.rating li.active {
color: var(--primary_color);
}
.details-content .single-course .details-wrapper-top .info-block .top-section > li:nth-child(2) {
text-align: center; }
@media (max-width: 480px) {
.details-content .single-course .details-wrapper-top .info-block .top-section h2 {
font-size: 24px !important;
}
}
.details-content .single-course .details-wrapper-top .info-block .text-block {
width: 67%;
margin: 0 auto;
display: block;
}
@media (max-width: 991px) {
.details-content .single-course .details-wrapper-top .info-block .text-block {
width: 85%;
}
}
@media (max-width: 480px) {
.details-content .single-course .details-wrapper-top .info-block .text-block {
width: 90%;
}
}
.details-content .single-course .list-panels-wrapper.course {
padding: 40px 0 100px;
}
.details-content .single-course .list-panels-wrapper.course .panels.list {
width: 85%;
margin: 0 auto;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel {
padding: 0;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel .panel-heading h3 {
font-size: 18px;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel .panel-body {
background: #f6f6f6;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left .panel-heading {
background: var(--primary_color);
padding: 20px 0;
border-top-left-radius: 30px;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left .panel-heading h3 {
margin: 0;
color: #fff;
text-transform: uppercase;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left .panel-body {
border-bottom-left-radius: 30px;
border-right: 1px solid #fff;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left .panel-body ul li {
padding: 20px 0;
border-bottom: 2px solid #fff;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.left .panel-body ul li h4 {
font-weight: normal;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right .panel-heading {
background: #ffa800;
padding: 20px 0;
border-top-right-radius: 30px;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right .panel-heading h3 {
margin: 0;
color: #fff;
text-transform: uppercase;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right .panel-body {
border-bottom-right-radius: 30px;
border-left: 1px solid #fff;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right .panel-body ul li {
padding: 20px 0;
border-bottom: 2px solid #fff;
}
.details-content .single-course .list-panels-wrapper.course .panels.list .panel.right .panel-body ul li h4 {
font-weight: normal;
}
.details-content .single-course .feedback {
padding: 80px 15px 50px 15px;
background: #f6f6f6;
}
@media (max-width: 479px) {
.details-content .single-course .feedback {
padding: 80px 0px 10px 0px;
}
.details-content .single-course .feedback .panel.left .panel-body ul li h4 {
padding-left: 10px !important;
margin-top: 0;
}
}
.details-content .single-course .feedback .title {
margin: 0;
}
.details-content .single-course .feedback .panels.feedback {
padding-top: 70px;
padding-bottom: 15px;
}
.details-content .single-course .feedback .panels.feedback .panel {
padding: 0;
background: #fff;
border-left: 2px solid #f6f6f6;
}
.details-content .single-course .feedback .panels.feedback .panel .panel-heading {
height: 70px;
background: #ffa800;
text-align: center;
}
.details-content .single-course .feedback .panels.feedback .panel .panel-heading h3 {
margin: 0;
padding: 25px 0;
text-transform: uppercase;
color: #fff;
font-size: 18px;
}
.details-content .single-course .feedback .panels.feedback .panel .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-course .feedback .panels.feedback .panel .panel-body li {
height: 70px;
padding: 20px 0;
border-bottom: 2px solid #f6f6f6;
text-align: center;
}
.details-content .single-course .feedback .panels.feedback .panel .panel-body li:last-child {
border-bottom: 0;
}
.details-content .single-course .feedback .panels.feedback .panel .panel-body li i {
font-size: 24px;
color: #ffa800;
}
.details-content .single-course .feedback .panels.feedback .panel.left {
border-left: 0;
}
.details-content .single-course .feedback .panels.feedback .panel.left .panel-heading.left {
height: 70px;
background: #ffa800;
border-top-left-radius: 30px;
}
.details-content .single-course .feedback .panels.feedback .panel.left .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-course .feedback .panels.feedback .panel.left .panel-body ul li {
text-align: left;
}
.details-content .single-course .feedback .panels.feedback .panel.left .panel-body ul li:last-child {
border-bottom: 0;
}
.details-content .single-course .feedback .panels.feedback .panel.left .panel-body ul li h4 {
padding-left: 30px;
font-size: 16px;
}
.details-content .single-course .feedback .panels.feedback .panel.right .panel-heading {
height: 70px;
background: #ffa800;
border-top-right-radius: 30px;
}
.details-content .single-course .feedback .panels.feedback .panel.right .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-course .feedback .panels.feedback .panel.right .panel-body ul li:last-child {
border-bottom: 0;
}
.details-content .single-course .testimonials-wrapper {
padding: 50px 0 0;
}
.details-content .single-course .testimonials-wrapper .section-name .sep {
width: 25px;
height: 25px;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-arrow.png);
margin: 0 auto;
margin-bottom: 13px;
}
.details-content .single-course .testimonials-wrapper .section-name h1 {
margin: 0;
text-align: center;
}
.details-content .single-course .testimonials-wrapper .testimonials {
padding-top: 50px;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial {
padding: 0 15px 15px 15px;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial:hover .text-block {
background: var(--primary_color);
color: #fff;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial:hover .text-block:after {
border-top: 30px solid var(--primary_color);
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial:hover .image:after {
border: 3px solid #ffa800;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial .text-block {
position: relative;
padding: 30px;
background: #f6f6f6;
border-radius: 12px;
-webkit-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
transition: background 0.6s ease;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial .text-block:after {
-webkit-transition: border 0.6s ease;
-o-transition: border 0.6s ease;
transition: border 0.6s ease;
content: '';
display: block;
position: absolute;
width: 0px;
height: 0px;
border-top: 30px solid #f6f6f6;
border-right: 30px solid transparent;
top: 100%;
left: 8%;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial .image {
width: 75px;
height: 75px;
position: relative;
margin-top: 41px;
margin-left: 21px;
border-radius: 50%;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial .image:after {
content: '';
display: block;
position: absolute;
top: -10px;
left: -10px;
width: 95px;
height: 95px;
border: 3px solid transparent;
border-radius: 50%;
-webkit-transition: border 0.4s ease;
-o-transition: border 0.4s ease;
transition: border 0.4s ease;
}
.details-content .single-course .testimonials-wrapper .testimonials .testimonial .image img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.page-right-sidebar .flipster--flat .flipster__item--past,
.page-left-sidebar .flipster--flat .flipster__item--past,
.page-right-sidebar .flipster--flat .flipster__item--future,
.page-left-sidebar .flipster--flat .flipster__item--future {
opacity: 0;
}
.page-right-sidebar .panels.list,
.page-left-sidebar .panels.list {
width: 100% !important;
}
.page-right-sidebar .details-content,
.page-left-sidebar .details-content {
padding-left: 0;
padding-right: 0;
}
.page-right-sidebar .details-content .info-block .top-section,
.page-left-sidebar .details-content .info-block .top-section {
width: 100% !important;
}
.page-right-sidebar .details-content .info-block .top-section ul.rating,
.page-left-sidebar .details-content .info-block .top-section ul.rating {
padding-left: 0px !important;
}
.page-right-sidebar .details-content .info-block .text-block,
.page-left-sidebar .details-content .info-block .text-block {
width: 100% !important;
}
.page-right-sidebar .details-content .feedback,
.page-left-sidebar .details-content .feedback {
padding: 0px 15px 10px 15px;
background: transparent;
}
.page-right-sidebar .details-content .feedback .title,
.page-left-sidebar .details-content .feedback .title {
margin: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback,
.page-left-sidebar .details-content .feedback .panels.feedback {
padding-top: 45px;
padding-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel,
.page-left-sidebar .details-content .feedback .panels.feedback .panel {
padding: 0;
background: #fff;
border-left: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel .panel-body ul,
.page-left-sidebar .details-content .feedback .panels.feedback .panel .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel .panel-body li,
.page-left-sidebar .details-content .feedback .panels.feedback .panel .panel-body li {
height: 70px;
padding: 20px 0;
border-bottom: 2px solid #f6f6f6;
text-align: center;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel .panel-body li:last-child,
.page-left-sidebar .details-content .feedback .panels.feedback .panel .panel-body li:last-child {
border-bottom: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel .panel-body li i,
.page-left-sidebar .details-content .feedback .panels.feedback .panel .panel-body li i {
font-size: 24px;
color: #ffa800;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.left,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.left {
border-left: 2px solid #f6f6f6;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.left .panel-heading.left,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.left .panel-heading.left {
height: 70px;
background: #ffa800;
border-top-left-radius: 30px;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul li,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul li {
text-align: left;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul li:last-child,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul li:last-child {
border-bottom: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul li h4,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.left .panel-body ul li h4 {
padding-left: 30px;
font-size: 16px;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.right,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.right {
border-right: 2px solid #f6f6f6;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.right .panel-heading,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.right .panel-heading {
height: 70px;
background: #ffa800;
border-top-right-radius: 30px;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.right .panel-body ul,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.right .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.page-right-sidebar .details-content .feedback .panels.feedback .panel.right .panel-body ul li:last-child,
.page-left-sidebar .details-content .feedback .panels.feedback .panel.right .panel-body ul li:last-child {
border-bottom: 0;
}
@media (max-width: 480px) {
.page-right-sidebar .details-content .feedback,
.page-left-sidebar .details-content .feedback {
padding: 0px 0px 10px 0px;
}
} .single-teacher .yolo-main.full-left {
padding-right: 7px;
}
.details-content {
padding-bottom: 50px;
}
.details-content .title {
text-align: center;
}
.details-content .single-teacher .details-wrapper-top {
padding-bottom: 30px;
}
.details-content .single-teacher .details-wrapper-top .title {
padding-bottom: 60px;
position: relative;
}
.details-content .single-teacher .details-wrapper-top .title:after {
content: "";
position: absolute;
width: 50px;
height: 2px;
bottom: 50px;
left: 50%;
background: var(--primary_color);
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.details-content .single-teacher .details-wrapper-top .image {
border-radius: 12px;
}
.details-content .single-teacher .details-wrapper-top .image img {
border-radius: 12px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block p {
line-height: 24px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul {
list-style: none;
list-style-type: none;
text-align: left;
padding: 0;
margin-bottom: 15px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.meta li a {
color: var(--primary_color);
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.meta li:nth-child(2) {
float: right;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.meta h2 {
margin: 0;
}
@media (max-width: 768px) {
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.meta {
text-align: center;
padding-top: 20px;
}
}
@media (max-width: 768px) {
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.meta {
text-align: left;
}
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.teacher-options {
margin-right: 20px;
margin-bottom: 10px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.teacher-options li {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.teacher-options li:hover {
color: var(--primary_color);
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.teacher-social {
margin-bottom: 15px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul.teacher-social li {
padding-left: 0 !important;
padding-right: 10px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul li {
display: inline-block;
padding: 0;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul li:nth-child(2) {
padding-left: 20px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul li a:hover {
color: #ffa800;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul li i {
padding-right: 10px;
}
@media (max-width: 320px) {
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul li {
padding-top: 5px;
}
.details-content .single-teacher .details-wrapper-top .details-top .info-block ul li:nth-child(2) {
padding-left: 0px;
}
}
.details-content .single-teacher .skills-wrapper.teacher {
padding: 90px 0 100px;
background: #f6f6f6;
}
.details-content .single-teacher .skills-wrapper.teacher .title {
margin: 0;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container {
width: 75%;
margin: 0 auto;
list-style: none;
list-style-type: none;
padding: 0;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer {
text-align: left;
display: block;
width: 100%;
min-height: 1px;
padding: 55px 0 0;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer h4 {
display: block;
width: 13%;
position: relative;
top: 12px;
float: left;
font-size: 16px;
margin: 0;
}
@media (max-width: 991px) {
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer h4 {
width: 100%;
}
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner {
display: block;
position: relative;
width: 82%;
float: left;
}
@media (max-width: 991px) {
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner {
width: 100%;
}
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loading-bar {
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: rgba(51, 51, 51, 0.05);
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loaded {
display: block;
position: relative;
width: 100%;
text-align: right;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loaded .inner {
display: block;
position: relative;
width: 0%;
top: 0;
-webkit-transition: all 1.4s ease;
-o-transition: all 1.4s ease;
transition: all 1.4s ease;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loaded .inner.animate {
width: 100%;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loaded .inner .inner-loaded {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #ffa800;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loaded .inner .percent {
position: relative;
top: -10px;
right: 5px;
}
.details-content .single-teacher .skills-wrapper.teacher .progress-bars-container li.progress-bar-outer .progress-bar-inner .loaded .inner .bullet {
display: block;
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
bottom: -6px;
right: 0;
background: #ffa800;
}
.details-content .single-teacher .feedback {
padding: 30px 0px 0px 15px;
background: #f6f6f6;
}
.details-content .single-teacher .feedback .title {
margin: 0;
}
.details-content .single-teacher .feedback .panels.feedback {
padding-top: 50px;
}
.details-content .single-teacher .feedback .panels.feedback .panel {
padding: 0;
background: #fff;
border-left: 2px solid #f6f6f6;
}
.details-content .single-teacher .feedback .panels.feedback .panel .panel-heading {
height: 70px;
background: #ffa800;
text-align: center;
}
.details-content .single-teacher .feedback .panels.feedback .panel .panel-heading h3 {
margin: 0;
padding: 25px 0;
text-transform: uppercase;
color: #fff;
font-size: 18px;
}
.details-content .single-teacher .feedback .panels.feedback .panel .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-teacher .feedback .panels.feedback .panel .panel-body li {
height: 70px;
padding: 20px 0;
border-bottom: 2px solid #f6f6f6;
text-align: center;
}
.details-content .single-teacher .feedback .panels.feedback .panel .panel-body li:last-child {
border-bottom: 0;
}
.details-content .single-teacher .feedback .panels.feedback .panel .panel-body li i {
font-size: 24px;
color: #ffa800;
}
.details-content .single-teacher .feedback .panels.feedback .panel.left {
border-left: 0;
}
.details-content .single-teacher .feedback .panels.feedback .panel.left .panel-heading.left {
height: 70px;
background: #ffa800;
border-top-left-radius: 30px;
}
.details-content .single-teacher .feedback .panels.feedback .panel.left .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-teacher .feedback .panels.feedback .panel.left .panel-body ul li {
text-align: left;
}
.details-content .single-teacher .feedback .panels.feedback .panel.left .panel-body ul li:last-child {
border-bottom: 0;
}
.details-content .single-teacher .feedback .panels.feedback .panel.left .panel-body ul li h4 {
padding-left: 30px;
font-size: 16px;
}
@media (max-width: 480px) {
.details-content .single-teacher .feedback .panels.feedback .panel.left .panel-body ul li h4 {
padding-left: 15px;
margin-top: 0;
}
}
.details-content .single-teacher .feedback .panels.feedback .panel.right .panel-heading {
height: 70px;
background: #ffa800;
border-top-right-radius: 30px;
}
.details-content .single-teacher .feedback .panels.feedback .panel.right .panel-body ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.details-content .single-teacher .feedback .panels.feedback .panel.right .panel-body ul li:last-child {
border-bottom: 0;
}
@media (max-width: 480px) {
.details-content .single-teacher .feedback {
padding: 80px 0px 40px 0px;
}
.details-content .single-teacher .feedback.panels.feedback.panel.left .panel-body ul li h4 {
padding-left: 15px !important;
}
}
.details-content .single-teacher .contact-wrapper {
padding-top: 50px;
padding-right: 1em;
padding-left: 1em;
text-align: center;
}
.details-content .single-teacher .contact-wrapper h1,
.details-content .single-teacher .contact-wrapper h2,
.details-content .single-teacher .contact-wrapper h3,
.details-content .single-teacher .contact-wrapper h4 {
font-family: 'Quicksand';
}
.details-content .single-teacher .contact-wrapper .contact {
padding-top: 30px;
}
.details-content .single-teacher .contact-wrapper .contact input[type="text"],
.details-content .single-teacher .contact-wrapper .contact input[type="email"] {
display: block;
width: 100%;
height: 40px;
padding-left: 22px;
font-weight: 400;
color: #333333;
border: 1px solid rgba(51, 51, 51, 0.1);
outline: none;
border-radius: 25px;
}
.details-content .single-teacher .contact-wrapper .contact input[type="text"]:hover,
.details-content .single-teacher .contact-wrapper .contact input[type="email"]:hover,
.details-content .single-teacher .contact-wrapper .contact input[type="text"]:focus,
.details-content .single-teacher .contact-wrapper .contact input[type="email"]:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--primary_color);
}
.details-content .single-teacher .contact-wrapper .contact textarea {
display: block;
width: 100%;
padding-left: 22px;
font-weight: 400;
color: #333333;
border: 1px solid rgba(51, 51, 51, 0.1);
outline: none;
border-radius: 25px;
}
.details-content .single-teacher .contact-wrapper .contact textarea:hover,
.details-content .single-teacher .contact-wrapper .contact textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--primary_color);
}
.details-content .single-teacher .contact-wrapper .contact input[type="submit"] {
width: 100%;
height: 50px;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 25px;
background: #ffa800;
font-size: 18px;
color: #ffffff;
text-transform: uppercase;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.details-content .single-teacher .contact-wrapper .contact input[type="submit"]:hover {
background: transparent !important;
border: 1px solid var(--primary_color);
color: inherit;
}
.details-content .single-teacher .contact-wrapper .contact span.Yourname,
.details-content .single-teacher .contact-wrapper .contact span.Email {
width: 49%;
display: inline-block;
}
.details-content .single-teacher .contact-wrapper .contact span.Yourname input[type="text"],
.details-content .single-teacher .contact-wrapper .contact span.Email input[type="text"],
.details-content .single-teacher .contact-wrapper .contact span.Yourname input[type="email"],
.details-content .single-teacher .contact-wrapper .contact span.Email input[type="email"] {
float: left;
display: inline-block;
}
.details-content .single-teacher .contact-wrapper .contact span.Yourname {
margin-right: 1.5%;
}
@media (max-width: 767px) {
.details-content .single-teacher .contact-wrapper .contact span.Yourname,
.details-content .single-teacher .contact-wrapper .contact span.Email {
width: 100%;
}
}
.details-content .single-teacher .testimonials-wrapper {
padding: 100px 0;
}
.details-content .single-teacher .testimonials-wrapper .section-name .sep {
width: 25px;
height: 25px;
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/separators/sep-arrow.png);
margin: 0 auto;
margin-bottom: 13px;
}
.details-content .single-teacher .testimonials-wrapper .section-name h1 {
margin: 0;
text-align: center;
}
.details-content .single-teacher .testimonials-wrapper .testimonials {
padding-top: 40px;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial {
padding: 0 15px 15px 15px;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial:hover .text-block {
background: var(--primary_color);
color: #fff;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial:hover .text-block:after {
border-top: 30px solid var(--primary_color);
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial:hover .image:after {
border: 3px solid #ffa800;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial .text-block {
position: relative;
padding: 30px;
background: #f6f6f6;
border-radius: 12px;
-webkit-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
transition: background 0.6s ease;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial .text-block:after {
-webkit-transition: border 0.6s ease;
-o-transition: border 0.6s ease;
transition: border 0.6s ease;
content: '';
display: block;
position: absolute;
width: 0px;
height: 0px;
border-top: 30px solid #f6f6f6;
border-right: 30px solid transparent;
top: 100%;
left: 8%;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial .image {
width: 75px;
height: 75px;
position: relative;
margin-top: 41px;
margin-left: 21px;
border-radius: 50%;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial .image:after {
content: '';
display: block;
position: absolute;
top: -10px;
left: -10px;
width: 95px;
height: 95px;
border: 3px solid transparent;
border-radius: 50%;
-webkit-transition: border 0.4s ease;
-o-transition: border 0.4s ease;
transition: border 0.4s ease;
}
.details-content .single-teacher .testimonials-wrapper .testimonials .testimonial .image img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.page-right-sidebar .details-content .yolo-single-teacher .skills-wrapper,
.page-left-sidebar .details-content .yolo-single-teacher .skills-wrapper {
padding: 50px 0 30px;
background-color: #fff;
}
.page-right-sidebar .details-content .yolo-single-teacher .skills-wrapper ul.progress-bars-container,
.page-left-sidebar .details-content .yolo-single-teacher .skills-wrapper ul.progress-bars-container {
width: 100%;
}
.page-right-sidebar .details-content .yolo-single-teacher .feedback,
.page-left-sidebar .details-content .yolo-single-teacher .feedback {
background-color: transparent;
}
.page-right-sidebar .details-content .yolo-single-teacher .feedback .panel.left,
.page-left-sidebar .details-content .yolo-single-teacher .feedback .panel.left {
border-left: 2px solid #f6f6f6 !important;
}
@media (max-width: 1199px) {
.page-right-sidebar .details-content .yolo-single-teacher .contact-wrapper .contact span.Yourname,
.page-left-sidebar .details-content .yolo-single-teacher .contact-wrapper .contact span.Yourname,
.page-right-sidebar .details-content .yolo-single-teacher .contact-wrapper .contact span.Email,
.page-left-sidebar .details-content .yolo-single-teacher .contact-wrapper .contact span.Email {
width: 100%;
}
}
.page-right-sidebar .details-content .yolo-single-teacher .testimonials-wrapper,
.page-left-sidebar .details-content .yolo-single-teacher .testimonials-wrapper {
padding: 40px 0;
} .yolo-single-event .yolo-left .contact h1:after,
.yolo-single-event .yolo-right .contact-details h1:after {
width: 25px;
content: "";
width: 23px;
height: 23px;
background-image: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/sep-arrow.png);
background-size: contain;
display: inline-block;
margin-left: 10px;
margin-bottom: 13px;
}
.yolo-single-event i {
color: var(--primary_color);
margin-right: 5px;
}
.yolo-single-event h4 {
font-size: 16px;
}
.yolo-single-event .details-wrapper-top .details-top.event h1 {
text-align: center;
margin-bottom: 20px;
}
.yolo-single-event .details-wrapper-top .details-top.event ul {
padding-left: 0;
margin: 0px 0px 40px 0px;
text-align: center;
}
@media (max-width: 767px) {
.yolo-single-event .details-wrapper-top .details-top.event ul {
margin-bottom: 20px;
}
}
.yolo-single-event .details-wrapper-top .details-top.event ul li {
display: inline-block;
list-style: none;
}
.yolo-single-event .details-wrapper-top .details-top.event ul li:last-child {
padding-left: 10px;
}
.yolo-single-event .details-wrapper-top .details-top.event ul li h4 {
margin-top: 0;
font-weight: normal;
}
.yolo-single-event .details-wrapper-top .details-top.event .image {
width: 67%;
margin: 0 auto;
border-radius: 20px;
}
@media (max-width: 991px) {
.yolo-single-event .details-wrapper-top .details-top.event .image {
width: 100%;
}
}
.yolo-single-event .details-wrapper-top .details-top.event .image img {
width: 100%;
border-radius: 20px;
}
.yolo-single-event .details-wrapper-top .details-top.event .info-block {
padding: 40px 0px 60px 0px;
width: 67%;
margin: 0 auto;
}
.yolo-single-event .details-wrapper-top .details-top.event .info-block p {
line-height: 24px;
}
@media (max-width: 991px) {
.yolo-single-event .details-wrapper-top .details-top.event .info-block {
width: 85%;
}
}
@media (max-width: 480px) {
.yolo-single-event .details-wrapper-top .details-top.event .info-block {
width: 100%;
}
}
.yolo-single-event .list-panels-wrapper.event {
background-color: #f6f6f6;
padding: 20px 0;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities {
padding-left: 0;
padding-right: 0;
margin-bottom: 25px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities h1 {
text-align: center;
display: block;
margin-bottom: 50px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .panels {
width: 85%;
margin: 0 auto;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left {
width: 50%;
float: left;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left .panel-heading {
text-align: center;
background-color: #636FE1;
border-top-left-radius: 20px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left .panel-heading h3 {
padding: 15px 0px;
color: #fff;
margin: 0px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left .panel-body {
background-color: #fff;
border-bottom-left-radius: 20px;
-webkit-box-shadow: 0px 0px 2px rgba(168, 168, 168, 0.5);
box-shadow: 0px 0px 2px rgba(168, 168, 168, 0.5);
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left .panel-body ul {
margin: 0px;
padding: 0px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left .panel-body ul li {
list-style: none;
text-align: center;
border-top: 2px solid rgba(168, 168, 168, 0.2);
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .left .panel-body ul li h4 {
margin: 0px;
padding: 20px;
font-weight: normal;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right {
display: inline-block;
width: 50%;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right .panel-heading {
text-align: center;
background-color: var(--primary_color);
border-top-right-radius: 20px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right .panel-heading h3 {
padding: 15px 0px;
color: #fff;
margin: 0px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right .panel-body {
background-color: #fff;
-webkit-box-shadow: 0px 0px 2px rgba(168, 168, 168, 0.5);
box-shadow: 0px 0px 2px rgba(168, 168, 168, 0.5);
border-bottom-right-radius: 20px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right .panel-body ul {
margin: 0px;
padding: 0px;
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right .panel-body ul li {
text-align: center;
list-style: none;
border-top: 2px solid rgba(168, 168, 168, 0.2);
}
.yolo-single-event .list-panels-wrapper.event .yolo-activities .list .right .panel-body ul li h4 {
margin: 0px;
padding: 20px;
font-weight: normal;
}
.yolo-single-event .contact-wrapper.event .yolo-contact {
margin-top: 50px;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .section-name {
margin-bottom: 50px;
text-align: center;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left {
width: 49%;
margin-right: 2%;
float: left;
padding: 0px 5px 0px 0px;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form input,
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form textarea {
border-radius: 20px;
border: 1px solid rgba(168, 168, 168, 0.2);
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form input:hover,
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form textarea:hover,
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form input:focus,
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form textarea:focus,
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form input:active,
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form textarea:active {
border-color: var(--primary_color);
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form input[type="submit"] {
width: 100%;
padding: 10px;
text-transform: uppercase;
background-color: var(--primary_color);
color: #fff;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left .contact form input[type="submit"]:hover {
background-color: transparent !important;
border: 1px solid var(--primary_color);
color: inherit;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right {
width: 49%;
display: inline-block;
padding: 0px 5px 0px 0px;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right .contact-details ul {
padding: 0px;
margin: 0px;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right .contact-details ul li {
width: 33.33%;
text-align: center;
list-style: none;
float: left;
padding: 0px 5px;
}
@media (max-width: 479px) {
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right .contact-details ul li {
width: 100%;
}
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right .contact-details ul li i {
font-size: 35px;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right .contact-details ul li h5 {
font-family: "Open Sans", sans-serif;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right .contact-details .yolo_event_google_map {
height: 350px;
margin-bottom: 15px;
overflow: hidden;
position: relative;
width: 100%;
}
@media (max-width: 767px) {
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-left {
width: 100%;
margin-right: 0;
}
.yolo-single-event .contact-wrapper.event .yolo-contact .yolo-right {
width: 100%;
}
}
.yolo-single-event .post-navigation {
margin: 50px 0px;
border: 1px solid rgba(168, 168, 168, 0.2);
border-radius: 20px;
}
.yolo-single-event .post-navigation .prev-post {
width: 50%;
float: left;
text-align: center;
border-right: 1px solid rgba(168, 168, 168, 0.2);
}
.yolo-single-event .post-navigation .next-post {
width: 50%;
float: right;
text-align: center;
border-left: 1px solid rgba(168, 168, 168, 0.2);
}
.page-right-sidebar .single-event .image,
.page-left-sidebar .single-event .image {
width: 100% !important;
}
.page-right-sidebar .single-event .info-block,
.page-left-sidebar .single-event .info-block {
width: 100% !important;
padding-bottom: 30px !important;
}
.page-right-sidebar .single-event .list-panels-wrapper,
.page-left-sidebar .single-event .list-panels-wrapper {
background-color: #fff;
}
.page-right-sidebar .yolo-contact,
.page-left-sidebar .yolo-contact {
margin-top: 20px !important;
}
.page-right-sidebar .yolo-contact .yolo-left,
.page-left-sidebar .yolo-contact .yolo-left,
.page-right-sidebar .yolo-contact .yolo-right,
.page-left-sidebar .yolo-contact .yolo-right {
width: 100% !important;
margin: 0;
padding: 0;
}
.page-right-sidebar .yolo-contact .yolo-right,
.page-left-sidebar .yolo-contact .yolo-right {
padding: 0;
}
.page-right-sidebar .yolo-contact .yolo-right ul,
.page-left-sidebar .yolo-contact .yolo-right ul {
margin-top: 50px !important;
}
.page-right-sidebar .yolo-contact .yolo-left,
.page-left-sidebar .yolo-contact .yolo-left {
margin-top: 50px !important;
} .search-post-type {
text-align: center;
}
.search-post-type .search-post {
width: 100%;
display: inline-block;
}
.search-post-type .search-post div {
width: 33.33%;
padding: 0px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.search-post-type .search-post input[type="search"] {
background-color: #4E5CE2;
padding: 10px;
-webkit-box-shadow: 0px 6px 0px 0px #4252E2;
box-shadow: 0px 6px 0px 0px #4252E2;
border: none;
border-radius: 5px;
color: #fff;
width: 100%;
}
.search-post-type .search-post select {
width: 100%;
padding: 10px;
background-color: #4E5CE2;
border: none;
text-transform: uppercase;
-webkit-box-shadow: 0px 5px 0px 0px #4252E2;
box-shadow: 0px 5px 0px 0px #4252E2;
border-radius: 5px;
color: #fff;
cursor: pointer;
}
.search-post-type .search-post input[type="submit"] {
width: 100%;
padding: 10px;
outline: none;
background-color: var(--primary_color);
border: none;
-webkit-box-shadow: 0px 5px 0px 0px #D68E02;
box-shadow: 0px 5px 0px 0px #D68E02;
border-radius: 5px;
color: #fff;
}
@media (max-width: 768px) {
.search-post-type .search-post {
width: 100%;
}
.search-post-type .search-post div {
width: 100%;
}
.search-post-type .search-post input[type="submit"] {
margin-top: 20px;
}
} .main-wrap #search-results .result {
width: 33.33%;
padding: 15px;
float: left;
}
.main-wrap #search-results .result:hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.main-wrap #search-results .result:hover .result-info .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.main-wrap #search-results .result .result-info {
width: 100%;
}
.main-wrap #search-results .result .result-info > a {
position: relative;
display: block;
overflow: hidden;
border-radius: 12px;
z-index: 1;
}
.main-wrap #search-results .result .result-info > a img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100%;
float: left;
}
.main-wrap #search-results .result .result-info .entry-header {
width: 100%;
padding: 10px;
float: left;
}
.main-wrap #search-results .result .result-info .entry-header h2 {
margin: 0px;
padding: 0px;
}
.main-wrap #search-results .result .result-info .icon-feature {
display: none;
}
.main-wrap #search-results .result .result-info .mask {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 2;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.main-wrap #search-results .result .result-info .mask a {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: #fff;
font-size: 18px;
}
.main-wrap #search-results .result .result-info .mask a i {
line-height: 50px;
width: 50px;
height: 50px;
color: #fff !important;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.main-wrap #search-results .result .result-info .mask a i:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.main-wrap #search-results .result .result-info .content-featured {
border-radius: 12px;
overflow: hidden;
z-index: 1;
width: 100%;
float: left;
}
.main-wrap #search-results .result .result-info .content-featured img {
width: 100%;
border-radius: 12px;
}
.main-wrap #search-results .result .result-info .entry-info {
float: left;
width: 100%;
padding-top: 10px;
}
.main-wrap #search-results .result .result-info .entry-info h2 {
padding: 5px 0px 5px 0px;
margin: 0px;
}
.main-wrap #search-results .result .result-info .entry-info p {
line-height: 23px;
}
@media (max-width: 991px) {
.main-wrap #search-results .result .result-info a img {
width: 100%;
float: none;
}
.main-wrap #search-results .result .result-info .entry-header,
.main-wrap #search-results .result .result-info .content-featured,
.main-wrap #search-results .result .result-info .entry-info {
width: 100%;
float: none;
}
}
@media (max-width: 991px) {
.main-wrap #search-results .result {
padding: 10px;
width: 50%;
}
}
@media (max-width: 767px) {
.main-wrap #search-results .result {
width: 100%;
}
} .remove-before:before {
display: none !important;
}
.category-content {
width: 33%;
margin: 15px 0;
display: inline-block;
padding: 0 15px;
position: relative;
float: left;
}
.category-content h4 i {
color: var(--primary_color);
}
.category-content:hover .content-featured img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.category-content:hover .content-featured .mask {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.category-content .content-featured {
border-radius: 12px;
overflow: hidden;
position: relative;
z-index: 1;
}
.category-content .content-featured img {
margin: 0px;
width: 100%;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.category-content .content-featured .mask {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 1;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 12px;
}
.category-content .content-featured .mask a {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: #fff;
font-size: 18px;
}
.category-content .content-featured .mask a i {
line-height: 50px;
width: 50px;
height: 50px;
color: #fff !important;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.category-content .content-featured .mask a i:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.category-content .entry-content h3,
.category-content .entry-content h4 {
font-family: "Roboto", sans-serif;
}
.category-content .entry-content h3 {
font-weight: bold;
}
@media (max-width: 991px) {
.category-content {
width: 50%;
}
.category-content .entry-content h3 {
font-size: 18px;
}
.category-content .entry-content h4 {
font-size: 16px;
}
}
@media (max-width: 767px) {
.category-content {
width: 100%;
}
.category-content .entry-content h3 {
font-size: 24px;
}
.category-content .entry-content h4 {
font-size: 18px;
}
}
@media (max-width: 480px) {
.category-content {
width: 100%;
}
.category-content .entry-content h3 {
font-size: 18px;
}
.category-content .entry-content h4 {
font-size: 16px;
}
} #error-404 {
padding-top: 10%;
padding-bottom: 10%;
text-align: center;
}
#error-404 h1,
#error-404 h2 {
display: inline-block;
}
#error-404 h2 {
margin-left: 10px;
} .colophon:before,
.colophon:after {
content: " ";
display: table;
}
.colophon:after {
clear: both;
}
.colophon:before,
.colophon:after {
content: " ";
display: table;
}
.colophon:after {
clear: both;
}
.wrap-footer {
padding: 0;
background: #636FE1;
color: #fff;
}
.wrap-footer a {
color: #fff;
text-decoration: none;
}
.wrap-footer .widget-title {
color: #fff;
}
.wrap-footer .widget_rss li .rsswidget {
color: #fff;
}
.wrap-footer .widget_tag_cloud a {
color: #fff;
border-color: rgba(255, 255, 255, 0.2);
background-color: transparent;
border: 1px solid;
}
.wrap-footer .yolo-social i {
font-size: 16px;
padding: 12px;
color: rgba(168, 168, 168, 0.8);
width: 40px;
height: 40px;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wrap-footer .yolo-social a {
padding: 0 10px;
}
.wrap-footer .yolo-social a:hover {
border-color: transparent;
background: transparent;
}
.wrap-footer .yolo-social a:hover i {
border-color: var(--primary_color);
color: var(--primary_color);
}
.widget-title {
font-size: 24px;
padding-bottom: 30px;
margin-top: 0;
}
.widget {
margin-top: 30px;
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.widget ul li {
color: #a8a8a8;
}
.widget ul li a {
font-size: 14px;
}
.widget ul li ul {
margin: 0.4688em 0 0 1em;
padding-top: 0.4688em;
}
.widget select,
.widget input,
.widget textarea {
width: 100%;
height: 40px;
}
.textwidget img {
margin-bottom: 10px;
}
.textwidget .wp-caption .wp-caption-text,
.textwidget .entry-caption,
.textwidget .gallery-caption {
margin-top: 10px;
font-size: 12px;
}
.widget_calendar table {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #eeeeee;
}
.widget_calendar table caption {
margin-bottom: 15px;
}
.widget_calendar table td,
.widget_calendar table th {
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #eeeeee;
}
.widget_rss li {
margin-bottom: 30px;
}
.widget_rss li .rsswidget {
font-weight: 700;
}
.widget_rss li .rss-date {
display: block;
}
.wigetized.colophon {
margin: 0;
padding: 50px 0 60px;
}
@media (max-width: 991px) {
.wigetized.colophon > .yolo-container > div > div:nth-child(3) {
clear: both;
}
}
.wigetized.colophon .widget ul li {
padding: 8px 0;
margin: 0;
}
.wigetized.colophon .widget ul li ul {
padding: 0px;
}
.wigetized.colophon .widget .menu {
padding-top: 0px;
margin-top: -15px;
}
.wigetized.colophon .widget .menu li {
display: block;
padding: 0px;
margin: 0px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wigetized.colophon .widget .menu li a {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: block;
padding: 15px 0px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wigetized.colophon .widget .menu li a:after {
content: "\f105";
display: block;
position: absolute;
color: #fff;
right: 0px;
bottom: 15px;
font-family: "fontawesome";
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wigetized.colophon .widget .menu li a:hover {
border-color: #fff;
}
.wigetized.colophon .widget .menu li a:hover:after {
opacity: 1;
}
.wigetized.colophon .widget.mailchimp-widget .mc-subscribe-form {
padding-top: 15px;
}
.wigetized.colophon .widget.mailchimp-widget .mc-subscribe-form label {
font-weight: normal;
color: #a8a8a8;
}
.wigetized.colophon .widget.mailchimp-widget .mc-subscribe-form input {
float: left;
width: 80%;
padding: 0 10px;
margin-top: 10px;
border-color: #a8a8a8;
}
.wigetized.colophon .widget.mailchimp-widget .mc-subscribe-form button {
margin-top: 10px;
float: left;
height: 40px;
border: none;
background-color: #A9A9A9;
width: 20%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wigetized.colophon .widget.mailchimp-widget .mc-subscribe-form button:hover {
background-color: var(--primary_color);
}
.wigetized.colophon .widget.mailchimp-widget .mc-subscribe-form button i {
padding: 0px 10px;
color: #fff;
}
.yolo-bottom-bar-content {
background: url(//www.fikarschool.sch.id/wp-content/themes/yolo-kidzone/assets/images/footer-bg.jpg);
padding: 35px 0 40px 0;
}
.yolo-bottom-bar-content .content-footer {
text-align: center;
}
.yolo-bottom-bar-content .content-footer .footer-social {
text-align: center;
}
.yolo-bottom-bar-content .content-footer .yolo-bottom-bar {
color: #000;
}
.yolo-bottom-bar-content .content-footer .yolo-bottom-bar a {
color: var(--primary_color);
}
.yolo-bottom-bar-content .content-footer .yolo-bottom-bar a:hover {
text-decoration: underline;
}
.colophon.footer-top {
position: relative;
}
.colophon.footer-top .widget-post-thumbnail .posts-thumbnail-image {
border-radius: 12px;
}
.colophon.footer-top .widget-post-thumbnail .posts-thumbnail-image a:before {
border-radius: 12px;
}
a.go-to-top {
background-color: var(--primary_color);
border-radius: 50%;
top: -25px;
position: absolute;
right: 50%;
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
color: #fff;
font-size: 40px;
height: 60px;
line-height: 1;
text-align: center;
width: 60px;
z-index: 9;
}
a.go-to-top:before {
content: '';
display: block;
position: absolute;
top: -20px;
left: -14px;
width: 90px;
height: 90px;
border-radius: 50%;
border-top: 1px solid transparent;
-webkit-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
a.go-to-top:after {
content: '';
display: block;
position: absolute;
top: -9px;
left: -9px;
width: 80px;
height: 80px;
border-radius: 50%;
border-top: 1px solid transparent;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.go-to-top i {
font-size: 20px;
}
a.go-to-top:hover {
color: #fff;
}
a.go-to-top:hover:before,
a.go-to-top:hover:after {
border-top: 1px solid rgba(51, 51, 51, 0.15);
}
.wrap-footer .widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta {
color: rgba(255, 255, 255, 0.7);
}
.wrap-footer .widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta span,
.wrap-footer .widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time,
.wrap-footer .widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a {
color: #fff;
}
.wrap-footer aside.widget .demo-widgets {
padding: 10px;
border: 1px solid var(--primary_color);
}
.wrap-footer aside.widget .demo-widgets:hover {
color: var(--primary_color);
} .theme-rtl {
text-align: right;
}
.theme-rtl header .navbar-header {
float: right !important;
}
.theme-rtl header .yolo-main-menu {
float: left !important;
}
.theme-rtl header .yolo-main-menu .navbar-nav li > .sub-menu {
left: auto;
right: 0;
}
.theme-rtl header .yolo-main-menu .navbar-nav li > .sub-menu li .sub-menu {
right: 70%;
left: auto;
}
.theme-rtl header .yolo-main-menu .navbar-nav li > .sub-menu li:hover .sub-menu {
right: 100%;
}
.theme-rtl header .yolo-main-menu .navbar-nav li:hover .sub-menu {
top: 100%;
}
.theme-rtl form input,
.theme-rtl form select,
.theme-rtl form textarea {
text-align: right;
}
.theme-rtl #comments ol .comment-wrap .comment-img,
.theme-rtl #comments li .comment-wrap .comment-img {
float: right;
}
.theme-rtl #comments ol .comment-block,
.theme-rtl #comments li .comment-block {
padding-right: 110px;
padding-left: 0;
}  @media (max-width: 991px) {
.yolo-main-canvas .sub-menu {
list-style: none;
padding-left: 15px;
}
.yolo-container {
position: relative;
}
button.yolo_icon_menu {
display: block;
position: absolute;
left: 15px;
top: 30px;
color: #fff;
border: 0;
padding: 10px 14px;
background-color: rgba(255, 168, 0, 0.7);
border-radius: 50%;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
button.yolo_icon_menu:hover,
button.yolo_icon_menu:focus {
background-color: var(--primary_color);
border: none;
}
.header-3 button.yolo_icon_menu {
left: 15px;
}
.off-canvas {
width: 100%;
overflow-x: hidden;
position: relative;
}
.off-canvas body {
width: 100%;
overflow-x: hidden;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.off-canvas body > * {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: -webkit-transform 500ms ease;
-o-transition: transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-canvas #off-canvas-nav {
display: block;
position: fixed;
top: 0;
left: 0;
width: 0;
z-index: 1;
background: none;
}
.hidden-scroll {
overflow-y: scroll;
position: fixed;
width: 100%;
}
.off-canvas #off-canvas-nav .yolo-main-canvas {
overflow-y: auto;
height: 100vh;
margin: 0;
position: fixed;
left: 0;
top: 0;
width: 300px;
background-color: #fff;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.off-canvas #off-canvas-nav .yolo-main-canvas .nav-collapse {
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
.off-canvas #off-canvas-nav .yolo-main-canvas .nav-collapse li {
float: none;
}
.off-canvas #off-canvas-nav .yolo-main-canvas .nav-collapse li a {
color: rgba(0, 0, 0, 0.8);
font-weight: 600;
display: block;
line-height: 41px;
margin: 0;
position: relative;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.off-canvas #off-canvas-nav .yolo-main-canvas .nav-collapse li a:hover {
color: var(--primary_color);
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(300px);
-ms-transform: translateX(300px);
transform: translateX(300px);
}
.off-canvas-enabled #yolo-main-canvas {
display: block;
}
.off-canvas-enabled .site:after {
position: absolute;
top: 0px;
width: 100%;
height: 10000px;
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
z-index: 2;
}
#off-canvas-nav .yolo-main-canvas {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #000;
display: block;
padding: 0;
}
#off-canvas-nav .yolo-main-canvas i {
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
}
#off-canvas-nav .yolo-main-canvas #title {
margin: 0;
padding: 10px;
color: #fff;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
font-weight: 300;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#off-canvas-nav .yolo-main-canvas #title i {
font-size: 30px;
color: #fff;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav {
margin: 0px;
padding: 0px;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav ul {
list-style: disc;
display: none;
color: #fff;
-webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li {
list-style: none;
position: relative;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li > a i {
display: none;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li a {
line-height: 41px;
font-weight: normal;
text-decoration: none;
color: #fff;
list-style: circle;
padding: 5px 30px;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li span {
position: absolute;
right: 0px;
padding: 16px;
top: 0px;
cursor: pointer;
display: block;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li span.button-click i {
color: rgba(0, 0, 0, 0.8);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li .yolo-menu-item-cart {
display: none;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li .yolo-menu-item-search {
display: none;
}
#off-canvas-nav .yolo-main-canvas .navbar-nav li ul li a {
margin-left: 0;
}
.nav-collapse {
height: 0;
overflow: hidden;
}
.yolo-main-canvas .yolo-menu-item-search,
.yolo-main-canvas .yolo-menu-item-cart {
display: none;
}
.yolo-main-canvas .yolo_megamenu_widget_area {
padding-left: 15px;
}
.yolo-main-canvas .yolo_megamenu_widget_area .widget {
margin-top: 0;
}
.yolo-main-canvas .yolo_megamenu_widget_area .widget-title {
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 16px;
margin-top: 15px;
text-transform: none;
margin-bottom: 10px;
font-family: "Open Sans", sans-serif;
font-style: normal;
margin: 5px 0px 0 5px;
}
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.cart_list,
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.product_list_widget {
padding-left: 15px;
}
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.cart_list li,
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.product_list_widget li {
padding: 5px 0;
}
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.cart_list li a,
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.product_list_widget li a {
padding-left: 0 !important;
}
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.cart_list li img,
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.product_list_widget li img {
width: 40px;
margin: 0 15px 0 3px;
}
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.cart_list li .amount,
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.product_list_widget li .amount {
font-size: 13px;
margin-top: 0;
}
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.cart_list li .star-rating,
.yolo-main-canvas .yolo_megamenu_widget_area .woocommerce ul.product_list_widget li .star-rating {
display: none;
} .content-area .meta-author-share .single-social,
.content-area .meta-author-share .meta-author {
float: none;
width: 100%;
}
.content-area .meta-author-share .meta-author {
text-align: center;
margin-top: 30px !important;
}
.content-area .meta-author-share .meta-author .avatar {
float: none !important;
}
.content-area .meta-author-share .meta-author h5 {
margin-top: 20px !important;
}
.content-area .meta-author-share .single-social {
padding: 30px 0px;
}
.content-area .meta-author-share .single-social a.yolo-share {
padding: 15px 10px;
} }   @media (max-width: 320px) {
.yolo-main-menu .yolo-menu-item-cart.minicart {
right: 35px !important;
}
.yolo-main-menu .yolo-menu-item-cart.minicart .yolo-minicart {
right: -40px !important;
}
.yolo-main-menu .yolo-menu-item-cart.minicart .yolo-minicart:before {
right: 80px !important;
}
.yolo-main-menu .navbar-nav li.yolo-menu-item-search a {
margin-right: 10px !important;
}
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 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 bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 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);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
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 bounceOutDown {
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);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-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 fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-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;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-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 fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-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 flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-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-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-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 slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
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 slideInUp {
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);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
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 slideOutDown {
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);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-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;
}.wrap-footer .colophon{background-color:#636fe1;}@supports(--css:variables){:root{--primary_color:#FFA800}}body{font-family:"Open Sans",sans-serif;font-style:normal;font-weight:400;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Lato",sans-serif;font-weight:bold;text-transform:none;}body{font-size:14px;}header.yolo-header .navbar-wrapper .navbar .yolo-wrap-menu.fixed_top.affix,header.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .yolo-main-menu .navbar-nav li > .sub-menu{background-color:#fff;}header .yolo-wrap-menu.fixed_top.affix .yolo-main-menu ul li > a,.yolo-main-menu .navbar-nav .yolo-menu-item-cart .cart-item span{color:#000;opacity:0.9;}header .yolo-wrap-menu.fixed_top.affix .yolo-main-menu ul li > a:hover{color:#FFA800;}.yolo-header .navbar-wrapper .yolo-wrap-menu.fixed_top.affix .navbar-nav li > a:hover span{color:#FFA800;}header.yolo-header .fixed_top.affix .yolo-main-menu .navbar-nav li .sub-menu li a:hover{border-color:#FFA800;}header .yolo-main-menu .navbar-nav li > a{font-size:12px;text-transform:normal;padding-left:10px;padding-right:10px;line-height:90px;}header .navbar-brand .yolo-logo-img{height:70px;}header .navbar{min-height:90px;}header .navbar-brand{line-height:90px;}.yolo-menu i {
padding: 0 5px;
}