/*
Theme Name: Spoclub
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Version: 1.1.3
Description: Spoclub is a modernized take on an ever-popular WordPress. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Spoclub will make your WordPress look beautiful everywhere. Created by Ovatheme
Author: Ovatheme
Author URI: Ovatheme
License: GNU General Public License
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: spoclub
Domain Path: /languages/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
1.1 Typography
2.0 Layout
2.1 Header
2.1.1 Brand
2.1.2 Menu
2.2 Footer
3.0 Blog
3.1 Page
4.0 Widgets
5.0 Table
6.0 Form
7.0 Galleries
8.0 Image
9.0 Embed
10.0 Comment
11.0 Pagination
12.0 Breadcrumbs
13.0 Toup
14.0 Caption
15.0 Block
16.0 Sticky
17.0 404
18.0 WooCommerce
19.0 Elementor
20.0 Sportspress
--------------------------------------------------------------*/
/* 1.0 Normalize Get from https://github.com/necolas/normalize.css*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*1.1 Typography*/
html {
overflow-x: hidden;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
font-size: var(--font-size);
line-height: var(--line-height);
color: var(--text);
font-family: var(--primary-font);
letter-spacing: var(--letter-spacing);
}
@media (max-width: 767px) {
body {
overflow-x: hidden;
}
}
body.admin-bar {
top: 32px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--heading);
font-family: var(--secondary-font);
font-weight: bold;
clear: both;
margin: 1em 0 0.5em 0px;
}
h1 {
font-size: 2em;
line-height: 1.21;
}
h2 {
font-size: 1.7411em;
line-height: 1.21;
}
h3 {
font-size: 1.5157em;
}
h4 {
font-size: 1.3195em;
}
h5 {
font-size: 1.1487em;
}
h6 {
font-size: 1em;
}
a {
text-decoration: none;
color: var(--primary);
}
a:hover, a:focus {
text-decoration: none;
outline: none;
}
p {
line-height: var(--line-height);
margin: 0 0 2em;
}
p:empty {
height: 0;
margin: 0;
}
.elementor-text-editor p {
line-height: inherit;
margin: 0;
}
blockquote {
position: relative;
font-weight: 600;
color: var(--heading);
padding: 20px 60px 20px;
margin: 0;
font-size: 1.2em;
font-style: italic;
}
@media (max-width: 767px) {
blockquote {
padding: 0;
margin: 10px;
}
}
blockquote.wp-block-quote.is-style-large {
padding: 20px 60px 20px;
}
@media (max-width: 767px) {
blockquote.wp-block-quote.is-style-large {
padding: 35px;
margin: 10px;
}
}
blockquote.wp-block-quote.is-style-large:not(.is-style-plain) {
padding: 20px 60px 20px;
}
blockquote p {
margin-bottom: 30px;
}
blockquote cite {
text-decoration: underline;
}
blockquote:before {
position: absolute;
left: 10px;
top: 25px;
content: "\f17f";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
font-size: 30px;
color: var(--primary);
}
@media (max-width: 767px) {
blockquote:before {
left: -20px;
top: -5px;
font-size: 15px;
}
}
blockquote.has-text-align-right:before {
right: 0;
left: auto;
transform: rotate(180deg);
width: 30px;
height: 30px;
text-align: right;
position: absolute;
}
@media (max-width: 767px) {
blockquote.has-text-align-right:before {
right: -20px;
width: 15px;
height: 15px;
}
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
address {
font-style: italic;
margin: 0 0 24px;
}
cite,
em,
var,
address,
dfn {
font-style: italic;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 1.75em 0 1.75em 0;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1em;
}
.elementor-widget-text-editor p {
line-height: inherit;
}
.btn,
.button {
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
}
/*2.0 Layout*/
body {
background-color: #fff;
}
body.container_boxed .wrap-fullwidth {
max-width: var(--container-width);
margin: 0 auto;
background-color: #fff;
}
body.container_boxed .row_site {
padding: var(--boxed-offset);
}
body .row_site {
margin: 0 auto;
}
body .container_site {
padding-left: 10px;
padding-right: 10px;
}
body .row_site,
body .elementor-section.elementor-section-boxed > .elementor-container {
max-width: var(--container-width);
}
@media (max-width: 1023px) {
body .row_site,
body .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 1023px) {
body .elementor-section.elementor-section-boxed.ova-elementor-section-mobile-nopadding > .elementor-container {
padding-left: 0;
padding-right: 0;
}
}
body.page-template-default .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 0px;
padding-right: 0px;
}
body.layout_1c #main-content {
max-width: 100%;
}
body.layout_2l #main-content {
float: right;
}
body.layout_2l #sidebar {
float: left;
}
body.layout_2r #main-content {
float: left;
}
body.layout_2r #sidebar {
float: right;
}
body #main-content {
max-width: calc(var(--main-content) - 40px);
width: 100%;
margin-bottom: 60px;
}
@media (max-width: 1023px) {
body #main-content {
max-width: 100%;
}
}
body #sidebar {
max-width: var(--width-sidebar);
width: 100%;
}
@media (max-width: 1023px) {
body #sidebar {
max-width: 100%;
}
}
body .wrap_footer {
clear: both;
}
body .inside-content {
min-height: calc(100vh - 200px);
}
body.compensate-for-scrollbar {
padding-right: 0 !important;
}
/*2.1 Header*/
.wrap_header {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1024px) {
.wrap_header {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
}
}
/*2.1.1 Brand*/
.site-brand a .blogname {
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
color: var(--primary);
}
.site-brand a img {
width: 132px;
}
@media (max-width: 1023px) {
.site-brand {
display: block;
float: left;
max-width: calc(100% - 120px);
z-index: 1;
position: relative;
}
}
/*2.1.2 Menu*/
/**
* General Menu Styles
*/
button.menu-toggle {
cursor: pointer;
text-align: left;
position: relative;
border: 2px solid transparent;
box-shadow: none;
border-radius: 4px;
background-image: none;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
display: block;
margin-left: auto;
color: #fff;
background-color: var(--primary);
}
@media (min-width: 1024px) {
button.menu-toggle {
display: none;
}
}
button.menu-toggle:hover {
color: #fff;
background-color: var(--primary);
}
button.menu-toggle span:before {
transition: all, ease, 0.2s;
}
button.menu-toggle:before, button.menu-toggle:after,
button.menu-toggle span:before {
content: "";
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
transition: all, ease, 0.2s;
border-radius: 3px;
background-color: #fff;
}
button.menu-toggle:before {
transform: translateY(-4px);
}
button.menu-toggle:after {
transform: translateY(4px);
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
opacity: 0;
}
ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a {
color: var(--primary);
}
.main-navigation {
position: relative;
}
.main-navigation .menu {
clear: both;
}
.main-navigation ul {
list-style: none;
}
.main-navigation ul.menu {
margin-left: 0;
margin-bottom: 0;
}
.main-navigation ul.menu ul {
display: block;
margin-left: 1em;
}
.main-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
@media (max-width: 1023px) {
.main-navigation ul li {
display: block;
}
}
.main-navigation ul li.menu-item.current-menu-parent > a, .main-navigation ul li.menu-item.current-menu-item > a, .main-navigation ul li.menu-item.current-menu-ancestor > a {
color: var(--primary);
}
.main-navigation ul li.menu-item .sub-menu .menu-item:hover > a {
color: var(--primary);
background-color: rgba(0, 0, 0, 0.03);
}
.main-navigation ul li a {
color: var(--text);
padding: 0.6180469716em;
display: block;
}
.main-navigation ul li a:hover {
color: var(--primary);
}
.main-navigation.toggled .primary-navigation ul.menu {
max-height: 999px;
}
.main-navigation .dropdown-toggle {
background: transparent;
position: absolute;
top: 3px;
right: 0;
display: block;
padding: 0.5em 1em;
color: inherit;
border-radius: 0;
border: 1px solid #eee;
}
.main-navigation .dropdown-toggle::after {
content: "\f104";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.main-navigation .dropdown-toggle:focus {
outline: none;
}
.main-navigation .dropdown-toggle:hover {
background: transparent;
}
.main-navigation .dropdown-toggle.toggled-on:after {
content: "\f10c";
font-family: "ovaicon";
}
@media (min-width: 1024px) {
.main-navigation .dropdown-toggle {
display: none;
}
}
@media (max-width: 1023px) {
.main-navigation .primary-navigation ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0;
padding: 0;
}
.main-navigation .primary-navigation ul.show {
max-height: 999px;
}
}
@media (min-width: 1024px) {
.main-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: 1.1em;
display: block;
opacity: 1;
visibility: visible;
}
.main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul {
left: -9999px; /* 1 */
opacity: 0;
visibility: hidden;
}
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block;
opacity: 1;
visibility: visible;
}
.main-navigation ul ul.sub-menu {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: 0; /* 1 */
opacity: 0;
visibility: hidden;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
padding: 15px 0;
}
.main-navigation ul ul.sub-menu.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul ul.sub-menu li {
display: block;
min-width: 260px;
}
.main-navigation ul.menu {
max-height: none;
overflow: visible;
margin-top: 0;
transition: none;
}
.main-navigation ul.menu > li > a {
padding: 1em;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after {
display: block;
}
.main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.menu > li.has-mega-menu > a:after {
content: "\f104";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-left: 0.7em;
font-size: 0.5em;
font-weight: 500;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.main-navigation ul.menu > li:last-child > a {
padding-right: 0;
}
.main-navigation ul.menu ul.sub-menu {
margin: 0;
padding: 15px 0px;
}
.main-navigation ul.menu ul.sub-menu li.menu-item a {
padding: 8px 25px 8px;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
.main-navigation ul.menu ul.sub-menu li.menu-item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.main-navigation ul.menu ul.sub-menu ul {
margin: 0;
}
.main-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, .main-navigation ul.menu ul.sub-menu li.page_item_has_children > a::after {
content: "\f104";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
float: right;
margin-left: 10px;
margin-top: 7px;
font-size: 0.5em;
font-weight: 500;
line-height: 1;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
/*2.2 Footer */
footer.footer {
clear: both;
padding-bottom: 45px;
padding-top: 45px;
background-color: #333;
color: #fff;
text-align: center;
margin-top: 60px;
}
/*3.0 Blog*/
/* Blog General ****************************************************/
article.post-wrap {
margin-bottom: 70px;
}
article.post-wrap.sticky {
background: #f9f9f9;
padding: 30px;
border-top: 5px solid;
border-color: var(--primary);
}
article.post-wrap.sticky .post-excerpt {
text-align: justify;
}
article.post-wrap .post-title {
margin: 0px 0px 20px 0px;
padding: 0;
line-height: 1.3em;
font-weight: bold;
color: var(--heading);
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
word-break: break-word;
}
article.post-wrap .post-title:hover {
color: var(--primary);
}
article.post-wrap .post-media {
margin-bottom: 30px;
}
article.post-wrap .post-media img {
width: 100%;
max-height: 620px;
object-fit: cover;
}
article.post-wrap ul.post-meta {
list-style-type: none;
margin: 0 0px 25px 0px;
padding: 0;
display: inline-block;
}
article.post-wrap ul.post-meta li {
display: inline-block;
margin: 0 20px 0px 0;
color: var(--text);
opacity: 0.8;
}
article.post-wrap ul.post-meta li:hover {
opacity: 1;
}
article.post-wrap ul.post-meta li i {
font-size: 0.9em;
color: var(--primary);
padding-right: 3px;
}
article.post-wrap ul.post-meta li a {
color: var(--text);
}
article.post-wrap ul.post-meta li a:hover {
color: var(--primary);
}
article.post-wrap .post-excerpt > p {
margin-top: 0px;
margin-bottom: 25px;
}
article.post-wrap a.readmore {
clear: both;
background-color: var(--primary);
border-color: var(--primary);
border: 1px solid;
color: #fff;
font-size: 1em;
text-transform: none;
font-weight: 600;
box-shadow: none;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
article.post-wrap a.readmore:hover {
color: var(--primary);
border-color: var(--primary);
background-color: #fff;
}
/* Blog Default ****************************************************/
.blog_default .post-title {
font-weight: normal;
}
.blog_default .post-excerpt {
font-size: 1em;
}
.blog_default .date {
font-size: 1em;
}
.layout_1c .blog_default {
max-width: 1000px;
margin: 0 auto;
}
/*Blog Grid ***************************************************/
.blog_grid {
display: grid;
gap: 25px;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
.blog_grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.blog_grid {
grid-template-columns: repeat(1, 1fr);
}
}
.blog_grid article.post-wrap .post-media {
margin-bottom: 15px;
}
.blog_grid article.post-wrap .post-title {
font-size: 22px;
}
.blog_grid article.post-wrap .post-excerpt {
font-size: 1em;
}
.blog_grid article.post-wrap ul.post-meta {
margin-bottom: 15px;
}
.blog_grid article.post-wrap ul.post-meta .date {
font-size: 1em;
}
.layout_2l .blog_grid, .layout_2r .blog_grid {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
.layout_2l .blog_grid, .layout_2r .blog_grid {
grid-template-columns: repeat(1, 1fr);
}
}
/* Blog masonry ***************************************************/
.blog_masonry {
margin-left: -15px;
margin-right: -15px;
}
.blog_masonry article {
width: 33.3%;
}
@media (max-width: 1200px) {
.blog_masonry article {
width: 50%;
}
}
@media (max-width: 767px) {
.blog_masonry article {
width: 100%;
}
}
.blog_masonry .content {
margin: 0px 15px;
position: relative;
min-height: 100px;
}
.blog_masonry .content .post-media {
margin-bottom: 15px;
}
.blog_masonry .content .post-title {
font-size: 22px;
}
.blog_masonry .content .post-excerpt {
font-size: 1em;
}
.blog_masonry .content ul.post-meta {
margin-bottom: 15px;
}
.blog_masonry .content ul.post-meta .date {
font-size: 1em;
}
.blog_masonry .content a.readmore {
clear: both;
background-color: transparent;
border-color: var(--primary);
border: 1px solid;
color: var(--primary);
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.blog_masonry .content a.readmore:hover {
color: #fff;
border-color: var(--primary);
background-color: var(--primary);
}
.layout_2l .blog_masonry article, .layout_2r .blog_masonry article {
width: 50%;
min-height: 200px;
}
@media (max-width: 767px) {
.layout_2l .blog_masonry article, .layout_2r .blog_masonry article {
width: 100%;
}
}
/* Detail ***************************************************/
.single article.post-wrap .post-title {
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
margin-bottom: 20px;
margin-top: 0;
word-break: break-word;
}
.single article.post-wrap .post-title:hover {
color: var(--heading);
}
.single article.post-wrap .post-content {
margin-bottom: 50px;
}
.single article.post-wrap .post-content:before, .single article.post-wrap .post-content:after {
clear: both;
content: "";
display: table;
}
.single article.post-wrap .post-tags {
clear: both;
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid #f3f3f3;
}
.single article.post-wrap .post-tags a {
text-transform: capitalize;
margin: 0px 5px 5px 0px;
display: inline-block;
margin-right: 5px;
background-color: #eeeeee;
border: solid 1px #eeeeee;
color: var(--heading);
border-radius: 20px;
padding: 5px 15px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.single article.post-wrap .post-tags a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.single article.post-wrap.sticky .post-tags {
border-top: 1px solid #e1e1e1;
}
.single.layout_1c #main-content {
max-width: 1000px;
margin: 0 auto;
}
/*Page Title ***************************************************/
h1.page-title {
margin-top: 0;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
}
.search .page-header .page-title {
margin-bottom: 60px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
}
.search .page-header .page-title span {
color: var(--primary);
}
/* 3.1 */
.page article.post-wrap {
display: flow-root;
}
/*4.0 Widgets*/
.sidebar .widget {
display: block;
margin-bottom: 30px;
float: left;
width: 100%;
background-color: #fff;
padding: 30px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.06);
/* Widget Rss */
/* Widget Calendar */
/* Widget Tag clound */
/* Widget Search */
/**
* Archives
*/
}
.sidebar .widget:last-child {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.sidebar .widget {
padding: 20px;
}
}
.sidebar .widget:last-child {
border-bottom: none;
}
.sidebar .widget a {
color: var(--text);
}
.sidebar .widget a:hover {
color: var(--primary);
}
.sidebar .widget h4.widget-title {
color: var(--heading);
padding-bottom: 22px;
margin-bottom: 21px;
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: 600;
line-height: 32px;
text-transform: uppercase;
border-bottom: 1px solid var(--border);
}
.sidebar .widget h4.widget-title:before {
content: "";
width: 4px;
height: 24px;
background-color: var(--primary);
position: absolute;
left: -30px;
top: 3px;
}
@media (max-width: 767px) {
.sidebar .widget h4.widget-title:before {
left: -20px;
}
}
.sidebar .widget p {
margin-top: 0;
}
.sidebar .widget img {
width: 100%;
}
.sidebar .widget ul {
list-style-type: none;
margin: 0;
padding-left: 0px;
}
.sidebar .widget ul li {
padding: 0.5em 0;
}
.sidebar .widget ul li:first-child {
border-top: 0;
}
.sidebar .widget ul li:last-child {
padding-bottom: 0;
}
.sidebar .widget ul.children, .sidebar .widget ul.sub-menu {
margin: 0.5em 0 0 0.8em;
}
.sidebar .widget .screen-reader-text {
display: none;
}
.sidebar .widget.widget_rss ul li {
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
}
.sidebar .widget.widget_rss ul li:first-child {
padding-top: 0;
}
.sidebar .widget.widget_rss ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .widget.widget_rss ul li a.rsswidget {
font-weight: 600;
display: block;
line-height: 1.5em;
margin-bottom: 12px;
color: var(--heading);
font-size: 15px;
}
.sidebar .widget.widget_rss ul li a.rsswidget:hover {
color: var(--primary);
}
.sidebar .widget.widget_rss ul li .rss-date {
display: inline-block;
margin-bottom: 12px;
font-weight: 500;
opacity: 0.7;
}
.sidebar .widget.widget_rss ul li .rssSummary {
margin-bottom: 12px;
color: var(--text);
}
.sidebar .widget.widget_rss ul li cite {
color: var(--text);
opacity: 0.8;
text-decoration: underline;
}
.sidebar .widget.widget_calendar {
width: 100%;
}
.sidebar .widget.widget_calendar caption {
background: transparent;
color: var(--heading);
font-weight: bold;
text-align: center;
border: none;
padding: 5px 0px;
}
.sidebar .widget.widget_calendar table {
margin-bottom: 0;
}
.sidebar .widget.widget_calendar table thead {
border: 1px solid #eee;
}
.sidebar .widget.widget_calendar table thead tr th {
background-color: #f1f1f1;
color: var(--heading);
border: 1px solid #e4e4e4;
text-align: center;
}
.sidebar .widget.widget_calendar table tbody tr td {
border: none;
text-align: center;
border: 1px solid #e4e4e4;
}
.sidebar .widget.widget_calendar nav {
border: none;
padding: 10px 0px 0px 0px;
display: flex;
justify-content: space-between;
}
.sidebar .widget.widget_calendar nav a {
color: var(--primary);
}
.sidebar .widget.widget_calendar nav a:hover {
color: #343434;
}
.sidebar .widget.widget_tag_cloud .tagcloud {
position: relative;
width: 100%;
float: left;
}
.sidebar .widget.widget_tag_cloud .tagcloud a {
float: left;
margin: 0 10px 10px 0;
display: block;
font-size: 0.9em !important;
background-color: #eeeeee;
border: solid 1px #eeeeee;
color: var(--heading);
border-radius: 20px;
padding: 5px 15px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.sidebar .widget.widget_search form {
position: relative;
}
.sidebar .widget.widget_search form:before {
font-size: 18px;
color: var(--text);
opacity: 0.8;
font-family: "ovaicon";
content: "\f14f";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
position: absolute;
top: 50%;
right: 20px;
line-height: 1;
transform: translate(0, -50%);
cursor: pointer;
}
.sidebar .widget.widget_search form input[type=search] {
width: 100%;
padding-right: 50px;
padding-left: 20px;
}
.sidebar .widget.widget_search form input[type=submit] {
position: absolute;
right: 0px;
top: 0;
background-color: transparent;
border: none;
font-size: 0;
width: 50px;
}
.sidebar .widget.widget_categories ul li, .sidebar .widget.widget_archive ul li {
line-height: 1.3;
color: var(--text);
}
.sidebar .widget.widget_categories ul li:before, .sidebar .widget.widget_archive ul li:before {
content: "\f161";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_categories ul li a, .sidebar .widget.widget_archive ul li a {
color: var(--text);
}
.sidebar .widget.widget_categories ul li a:hover, .sidebar .widget.widget_archive ul li a:hover {
color: var(--primary);
}
.sidebar .widget.widget_categories .widget-custom ul li, .sidebar .widget.widget_archive .widget-custom ul li {
line-height: 1.3;
}
.sidebar .widget.widget_categories .widget-custom ul li:before, .sidebar .widget.widget_archive .widget-custom ul li:before {
content: "\f161";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
}
.sidebar .widget.widget_categories .widget-custom ul li a, .sidebar .widget.widget_archive .widget-custom ul li a {
display: flex;
justify-content: space-between;
}
.sidebar .widget.widget_categories .widget-custom ul li a .number, .sidebar .widget.widget_archive .widget-custom ul li a .number {
background: #eee;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.sidebar .widget.widget_categories ul li:before {
content: "\f162";
font-family: "ovaicon";
}
.sidebar .widget.widget_categories .widget-custom ul li {
line-height: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before {
content: "\f162";
font-family: "ovaicon";
}
.sidebar .widget.widget_pages ul li:before {
content: "\f163";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_nav_menu ul li:before {
content: "\f163";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_meta ul li:before {
content: "\f112";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_recent_comments ul li {
color: var(--text);
opacity: 0.8;
}
.sidebar .widget.widget_recent_comments ul li:before {
content: "\f151";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_recent_comments ul li .comment-author-link {
color: var(--heading);
text-decoration: underline;
}
.sidebar .widget.widget_recent_comments ul li .comment-author-link a:hover {
color: var(--primary);
}
/*5.0 Table*/
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ededed;
font-size: 100%;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
table thead tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table thead tr td, table thead tr th {
padding: 5px 10px;
font-weight: bold;
color: var(--heading);
border: 1px solid #ededed;
text-align: left;
}
table thead tr td a, table thead tr th a {
color: var(--heading);
}
table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
table tbody tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table tbody tr td, table tbody tr th {
padding: 5px 10px;
border: 1px solid #ededed;
color: var(--text);
text-align: left;
}
table tbody tr td a, table tbody tr th a {
color: var(--heading);
border-bottom: 1px solid var(--primary);
font-weight: normal;
}
table tbody tr td a:hover, table tbody tr th a:hover {
color: var(--primary);
}
table tbody tr th {
color: var(--heading);
}
/*6.0 Form*/
button,
input,
select,
textarea {
color: var(--text);
line-height: 1.5em;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
border-radius: 5px;
padding: 12px 15px;
border-color: #e0e0e0;
background-color: #ffffff;
color: var(--text);
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: normal;
outline: 0;
transition: all ease-in-out 0.3s;
font-size: 1em;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
.input-text::placeholder {
color: var(--text);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
color: var(--heading);
}
.form-light input[type=text],
.form-light input[type=number],
.form-light input[type=email],
.form-light input[type=tel],
.form-light input[type=url],
.form-light input[type=password],
.form-light input[type=search],
.form-light textarea,
.form-light .input-text {
color: #fff;
}
.form-light input[type=text]::placeholder,
.form-light input[type=number]::placeholder,
.form-light input[type=email]::placeholder,
.form-light input[type=tel]::placeholder,
.form-light input[type=url]::placeholder,
.form-light input[type=password]::placeholder,
.form-light input[type=search]::placeholder,
.form-light textarea::placeholder,
.form-light .input-text::placeholder {
color: #fff;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-radius: 5px;
padding: 12px 25px;
font-size: 1em;
border-color: var(--primary);
background-color: var(--primary);
color: #fff;
cursor: pointer;
font-weight: 600;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background-color: transparent;
border-color: var(--primary);
color: var(--primary);
}
select:not([size]):not([multiple]) {
background-color: #ffffff;
color: var(--text);
border: 1px solid #e0e0e0;
border-radius: 5px;
padding: 12px 15px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
background-image: url("./assets/img/base/select-arrow.svg");
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 100%;
}
label {
font-weight: 400;
}
label.inline input {
width: auto;
}
/*Placeholver*/
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Edge */
opacity: 0.5;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
opacity: 0.5;
}
input::placeholder, textarea::placeholder {
opacity: 0.5;
}
/*7.0 Galleries*/
.gallery-caption {
width: 100%;
}
.slide_gallery {
clear: both;
margin-bottom: 30px;
}
.slide_gallery .owl-dots {
z-index: 1;
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
text-align: center;
}
.slide_gallery .owl-dots .owl-dot {
width: 10px;
height: 10px;
background-color: #fff;
border: 1px solid;
border-radius: 50%;
border-color: #ccc;
margin: 0px 3px;
}
.slide_gallery .owl-dots .owl-dot.active, .slide_gallery .owl-dots .owl-dot:hover {
background-color: var(--primary);
border-color: var(--primary);
}
@media (max-width: 568px) {
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
width: 100%;
margin: 0 0 20px 0px;
}
}
@media (max-width: 568px) {
.gallery .gallery-item {
width: 100% !important;
}
}
/*8.0 Image*/
img {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {
margin-right: 2.2em;
margin-bottom: 1em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
margin-bottom: 1em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
/** Fix for img ajax contact form 7 */
img.ajax-loader {
width: 16px;
height: 16px;
display: block;
text-align: center;
margin: 0 auto;
margin-left: auto;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
.bypostauthor {
position: relative;
}
/*9.0 Embed*/
embed,
iframe,
object,
video {
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
/*10.0 Comment*/
/*List Comment*/
#comments {
/*Title Comment*/
/*Fist Level*/
}
#comments .title-comments {
text-transform: uppercase;
margin-bottom: 30px;
font-size: 1.4em;
}
#comments .comment-lists {
list-style-type: none;
padding-left: 0;
margin-left: 0;
/*Children level*/
/*Item*/
}
#comments .comment-lists .children {
list-style-type: none;
padding-left: 0;
margin-left: 70px;
}
@media (max-width: 767px) {
#comments .comment-lists .children {
margin-left: 15px;
}
}
#comments .comment-lists .trackback .comment-body,
#comments .comment-lists .pingback .comment-body,
#comments .comment-lists .comment .comment-body {
padding-left: 140px;
min-height: 100px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
#comments .comment-lists .trackback .comment-body,
#comments .comment-lists .pingback .comment-body,
#comments .comment-lists .comment .comment-body {
padding-left: 0;
}
}
#comments .comment-lists .trackback .comment-body .comment-meta,
#comments .comment-lists .pingback .comment-body .comment-meta,
#comments .comment-lists .comment .comment-body .comment-meta {
position: relative;
margin-bottom: 10px;
}
#comments .comment-lists .trackback .comment-body .comment-meta .avatar,
#comments .comment-lists .pingback .comment-body .comment-meta .avatar,
#comments .comment-lists .comment .comment-body .comment-meta .avatar {
position: absolute;
left: -140px;
top: 5px;
border-radius: 50%;
width: 100px;
height: auto;
}
@media (max-width: 767px) {
#comments .comment-lists .trackback .comment-body .comment-meta .avatar,
#comments .comment-lists .pingback .comment-body .comment-meta .avatar,
#comments .comment-lists .comment .comment-body .comment-meta .avatar {
display: none;
}
}
#comments .comment-lists .trackback .comment-body .comment-meta cite,
#comments .comment-lists .pingback .comment-body .comment-meta cite,
#comments .comment-lists .comment .comment-body .comment-meta cite {
font-weight: 600;
color: #333;
font-style: normal;
font-size: 1.1em;
}
#comments .comment-lists .trackback .comment-body .comment-meta cite a,
#comments .comment-lists .pingback .comment-body .comment-meta cite a,
#comments .comment-lists .comment .comment-body .comment-meta cite a {
font-weight: 600;
color: #333;
font-style: normal;
font-size: 1.1em;
}
#comments .comment-lists .trackback .comment-body .comment-meta .comment-date time,
#comments .comment-lists .pingback .comment-body .comment-meta .comment-date time,
#comments .comment-lists .comment .comment-body .comment-meta .comment-date time {
font-size: 0.9em;
color: #999;
font-weight: 500;
line-height: 1.4;
font-style: italic;
}
#comments .comment-lists .trackback .comment-body .comment-content,
#comments .comment-lists .pingback .comment-body .comment-content,
#comments .comment-lists .comment .comment-body .comment-content {
padding-bottom: 40px;
border-bottom: 1px solid;
border-color: #eee;
}
#comments .comment-lists .trackback .comment-body .comment-content .comment-text p,
#comments .comment-lists .pingback .comment-body .comment-content .comment-text p,
#comments .comment-lists .comment .comment-body .comment-content .comment-text p {
margin: 0 0 10px 0;
padding: 0;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a,
#comments .comment-lists .pingback .comment-body .comment-content .reply a,
#comments .comment-lists .comment .comment-body .comment-content .reply a {
font-weight: 500;
color: var(--primary);
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link {
margin-right: 10px;
font-weight: bold;
color: var(--primary);
position: relative;
padding-left: 18px;
text-transform: uppercase;
font-size: 12px;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:before,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:before,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
content: "\f10f";
font-weight: 600;
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:hover,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:hover,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:hover {
color: #333;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link {
margin-right: 10px;
font-weight: bold;
color: var(--primary);
position: relative;
padding-left: 18px;
text-transform: uppercase;
font-size: 12px;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link:before,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link:before,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
content: "\f167";
font-weight: 600;
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
}
#comments .comment-lists .trackback .comment-body #respond,
#comments .comment-lists .pingback .comment-body #respond,
#comments .comment-lists .comment .comment-body #respond {
margin-top: 0;
border: 1px solid #eee;
border-top: none;
border-radius: 0;
padding: 22px 25px 25px 25px;
}
#comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body {
padding-left: 0;
}
/*Comment Form*/
#respond {
clear: both;
margin: 30px 0px;
position: relative;
}
#respond .logged-in-as {
padding-bottom: 15px;
}
#respond #reply-title {
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 1.4em;
}
#respond #reply-title #cancel-comment-reply-link {
float: right;
text-align: right;
position: relative;
color: red;
}
#respond #commentform {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
clear: both;
}
#respond #commentform p {
padding: 0px 15px;
margin: 0;
}
#respond #commentform p.logged-in-as {
padding-bottom: 15px;
}
#respond #commentform label {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 0.9em;
display: inherit;
}
#respond #commentform .comment-notes {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
flex: 0 0 100%;
max-width: 100%;
order: 1;
margin-bottom: 30px;
}
@media (min-width: 1024px) {
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
#respond #commentform .comment-form-author input,
#respond #commentform .comment-form-email input,
#respond #commentform .comment-form-url input {
width: 100%;
}
#respond #commentform .comment-form-comment {
flex: 0 0 100%;
max-width: 100%;
order: 2;
margin-bottom: 30px;
}
#respond #commentform .comment-form-comment textarea {
width: 100%;
}
#respond #commentform .form-submit {
flex: 0 0 100%;
max-width: 100%;
order: 3;
}
#respond #commentform .comment-form-cookies-consent {
display: flex;
line-height: 1;
margin-bottom: 15px;
width: 100%;
}
#respond #commentform .comment-form-cookies-consent label {
padding-left: 5px;
text-transform: inherit;
font-weight: 500;
}
/*11.0 Pagination*/
/**
* Pagination For Blog and WooCommerce
*/
.woocommerce.woocommerce-pagination, .woocommerce.pagination,
nav.woocommerce-pagination,
nav.pagination {
margin: 60px 0px;
}
.woocommerce.woocommerce-pagination ul.page-numbers,
.woocommerce .page-numbers,
nav.woocommerce-pagination ul.page-numbers,
nav .page-numbers {
display: inline-block;
list-style-type: none;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
border: none;
clear: both;
white-space: inherit;
}
.woocommerce.woocommerce-pagination ul.page-numbers li,
.woocommerce .page-numbers li,
nav.woocommerce-pagination ul.page-numbers li,
nav .page-numbers li {
display: inline-block;
margin: 0px 2px 10px 2px;
border: none;
padding: 0;
float: none;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers,
.woocommerce .page-numbers li .page-numbers,
nav.woocommerce-pagination ul.page-numbers li .page-numbers,
nav .page-numbers li .page-numbers {
border: 1px solid;
border-color: #f1f1f1;
border-radius: 0;
background: #f1f1f1;
padding: 0px 10px 0px 10px;
min-width: 45px;
text-align: center;
font-weight: 600;
color: var(--text);
line-height: 43px;
font-size: 1em;
text-shadow: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i,
.woocommerce .page-numbers li .page-numbers i,
nav.woocommerce-pagination ul.page-numbers li .page-numbers i,
nav .page-numbers li .page-numbers i {
font-size: 0.7em;
line-height: 1;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i:before,
.woocommerce .page-numbers li .page-numbers i:before,
nav.woocommerce-pagination ul.page-numbers li .page-numbers i:before,
nav .page-numbers li .page-numbers i:before {
font-weight: bold !important;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.woocommerce .page-numbers li .page-numbers:hover,
.woocommerce .page-numbers li .page-numbers:focus,
.woocommerce .page-numbers li .page-numbers.current,
nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover,
nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus,
nav.woocommerce-pagination ul.page-numbers li .page-numbers.current,
nav .page-numbers li .page-numbers:hover,
nav .page-numbers li .page-numbers:focus,
nav .page-numbers li .page-numbers.current {
background-color: var(--primary);
color: #fff;
}
/**
* Page Link
*/
.page-links {
clear: both;
margin: 20px 0px 30px 0px;
float: left;
}
.page-links .post-page-numbers {
border: 1px solid;
border-radius: 2px;
display: inline-block;
font-size: 1rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
font-weight: 600;
background-color: transparent;
border-color: var(--primary);
color: var(--text);
}
.page-links .post-page-numbers:hover, .page-links .post-page-numbers:focus, .page-links .post-page-numbers.current {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.page-links .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text {
display: none;
}
/*12.0 Breadcrumbs*/
.wrap_breadcrumbs {
background-color: #fafafa;
margin-bottom: 60px;
position: relative;
}
.wrap_breadcrumbs:before {
position: absolute;
left: -1000px;
background-color: #fafafa;
height: 100%;
width: 10000px;
top: 0;
content: "";
z-index: -1;
}
ul.breadcrumb {
margin: 0;
padding: 20px 0px;
display: inline-block;
list-style-type: none;
}
ul.breadcrumb li {
color: var(--primary);
-webkit-hyphens: auto;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
display: inline-block;
padding-right: 5px;
word-break: break-word;
}
ul.breadcrumb li a {
color: var(--text);
}
ul.breadcrumb li a:hover {
color: var(--primary);
}
ul.breadcrumb li .separator i {
font-size: 0.6em;
color: var(--text);
opacity: 0.5;
position: relative;
}
/*13.0 Toup*/
#scrollUp {
bottom: 20px;
right: 20px;
border-radius: 4px;
background-color: var(--primary);
color: #fff;
text-align: center;
}
#scrollUp:hover {
background-color: #333;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
#scrollUp i {
color: #fff;
text-align: center;
display: block;
font-weight: bold;
position: relative;
padding: 10px 10px 5px 10px;
}
#scrollUp i:before {
font-weight: bold !important;
}
/*14.0 Caption*/
.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;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid #e6e6e6;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--text);
opacity: 0.8;
}
/*15.0 Block*/
/*Block Button*/
.wp-block-button {
margin: 10px 0px;
}
.wp-block-button a {
text-transform: uppercase;
font-weight: 600;
}
.wp-block-button.alignleft {
margin-right: 20px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border-style: dashed;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 5px;
}
.wp-block-button.alignright {
margin-left: 20px;
}
/*Block Image*/
.wp-block-image figcaption,
figure figcaption {
text-align: left;
font-style: italic;
border-bottom: 2px solid #e6e6e6;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--text);
opacity: 0.8;
padding-top: 0;
margin-top: 5px;
}
/*Block Covern*/
.wp-block-cover {
margin-bottom: 30px;
}
.wp-block-cover.has-background-dim {
color: #fff;
}
/*Block Gallery*/
.wp-block-gallery {
margin-bottom: 30px;
}
.wp-block-gallery:not(.has-nested-images).alignleft {
margin-right: 30px;
}
.wp-block-gallery:not(.has-nested-images) {
margin-bottom: 30px;
}
/*Woo Block*/
.wc-block-grid__products .wc-block-grid__product-image img {
width: 100%;
}
.wp-block-button__link {
border-radius: 0;
background-color: var(--primary);
}
.wc-block-components-product-title {
font-size: 1.2em;
color: var(--heading);
}
/*Block Column*/
.wp-block-columns blockquote {
padding: 20px 10px 20px 50px;
}
.wp-block-columns blockquote:before {
left: 10px;
top: 5px;
}
/*Block Group*/
.wp-block-group.has-background {
margin-bottom: 30px;
padding: 30px;
}
/*Block media*/
.wp-block-media-text {
margin-bottom: 30px;
}
/*Block Archive Widget*/
.wp-block-archives.wp-block-archives-list {
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
}
.wp-block-archives.wp-block-archives-list li {
margin: 5px 0px;
}
.wp-block-archives.wp-block-archives-list li a {
position: relative;
}
.wp-block-archives.wp-block-archives-list li a:before {
content: "\f161";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
/*Block Calendar*/
.wp-block-calendar {
margin-bottom: 30px;
}
/*Bock categories*/
.wp-block-categories {
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
}
.wp-block-categories li {
margin: 5px 0px;
}
.wp-block-categories li a {
position: relative;
}
.wp-block-categories li a:before {
content: "\f161";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
/*Block latest comment*/
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments.has-avatars li:before {
display: none;
}
.wp-block-latest-comments li {
margin-bottom: 2em;
line-height: 1.5em;
}
.wp-block-latest-comments li:before {
content: "\f151";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.wp-block-latest-comments li .wp-block-latest-comments__comment-author {
text-decoration: underline;
}
.wp-block-latest-comments li a {
color: var(--primary);
}
.wp-block-latest-comments li time {
padding-top: 10px;
}
/*Block search*/
.wp-block-search {
margin-bottom: 30px;
}
.wp-block-search .wp-block-search__label {
margin-bottom: 10px;
display: block;
}
.wp-block-search:before {
display: none !important;
}
.wp-block-search .wp-block-search__input {
border-color: #e0e0e0;
background-color: #ffffff;
padding-right: 20px !important;
padding-left: 20px !important;
}
.wp-block-search .wp-block-search__button {
padding: 12px 25px;
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
font-weight: 600;
margin-left: 5px;
}
.wp-block-search .wp-block-search__button:hover {
background-color: transparent;
color: var(--primary);
}
/*Recent Post*/
.wp-block-latest-posts li a {
position: relative;
}
.wp-block-latest-posts li a:before {
content: "\f163";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.wp-block-latest-posts.has-dates li {
margin-bottom: 15px;
}
.wp-block-latest-posts.has-dates time {
padding-left: 20px;
}
/*Tags*/
.wp-block-tag-cloud {
clear: both;
position: relative;
}
.wp-block-tag-cloud:after {
clear: both;
content: "";
display: inline-block;
width: 100%;
}
.wp-block-tag-cloud a {
float: left;
margin: 0 10px 10px 0;
display: block;
font-size: 0.9em !important;
background-color: #eeeeee;
border: solid 1px #eeeeee;
color: var(--heading);
border-radius: 20px;
padding: 5px 15px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.wp-block-tag-cloud a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
/*RSS*/
.wp-block-rss {
margin: 0;
padding: 0;
list-style-type: none;
}
.wp-block-rss li {
margin-bottom: 5px;
}
.wp-block-rss li a:before {
content: "\f197";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.widget_block .wp-block-group__inner-container > h2 {
font-size: 1.3195em;
padding-bottom: 15px;
margin-bottom: 15px;
}
/*16.0 Sticky*/
.header_sticky.active_sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
padding-top: 5px !important;
padding-bottom: 5px !important;
background-color: #fff;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
/*17.0 404*/
.ova_404 {
display: block;
text-align: center;
}
.ova_404 .row_site {
padding: 80px 0 120px 0;
display: flex;
justify-content: center;
align-items: center;
background-image: url("assets/img/base/background-404.png");
background-repeat: no-repeat;
background-position-x: 55%;
background-position-y: 23%;
background-size: auto;
}
@media (max-width: 1024px) {
.ova_404 .row_site {
padding: 90px 20px;
background-image: unset;
}
}
@media (max-width: 767px) {
.ova_404 .row_site {
flex-direction: column;
}
}
.ova_404 .row_site .img {
margin-right: 60px;
}
@media (max-width: 1024px) {
.ova_404 .row_site .img {
margin: 0;
}
}
@media (max-width: 767px) {
.ova_404 .row_site .img {
margin-bottom: 40px;
}
}
.ova_404 .row_site .container_site {
text-align: left;
margin-left: 60px;
}
@media (max-width: 1024px) {
.ova_404 .row_site .container_site {
margin-left: 30px;
}
}
@media (max-width: 767px) {
.ova_404 .row_site .container_site {
text-align: center;
margin: 0;
}
}
.ova_404 .row_site .container_site .number {
display: block;
font-family: var(--secondary-font);
font-size: 128px;
font-weight: 700;
line-height: 120px;
color: var(--secondary);
margin-bottom: 50px;
}
.ova_404 .title {
font-family: var(--secondary-font);
margin: 0;
margin-bottom: 15px;
font-size: 48px;
font-weight: 700;
line-height: 1.4;
line-height: 54px;
letter-spacing: -0.5px;
}
.ova_404 .description {
margin-bottom: 36px;
}
.ova_404 .description p {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
float: left;
display: contents;
}
.ova_404 .description a {
font-size: 20px;
font-weight: 400;
color: #000000;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova_404 .description a:hover {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--primary);
}
.ova_404 .ova-go-home a {
font-family: var(--secondary-font);
padding: 11px 28px 13px 32px;
background-color: var(--primary);
color: #ffffff;
display: inline-block;
border: 1px solid var(--primary);
font-weight: 700;
font-size: 16px;
border-radius: 0px;
line-height: 24px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova_404 .ova-go-home a:hover {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: transparent;
color: var(--primary);
border-color: var(--primary);
}
.ova_404 .ova-go-home i {
font-size: 14px;
margin-left: 5px;
}
/*18.0 WooCommerce*/
body.woocommerce.woo_layout_1c #woo_main {
max-width: 100%;
}
body.woocommerce.woo_layout_1c #woo_main #primary {
flex: 0 0 100%;
}
body.woocommerce.woo_layout_2l #woo_main {
float: right;
}
body.woocommerce.woo_layout_2l #woo_sidebar {
float: left;
}
body.woocommerce.woo_layout_2r #woo_main {
float: left;
}
body.woocommerce.woo_layout_2r #woo_sidebar {
float: right;
}
body.woocommerce #woo_main {
max-width: calc(var(--woo-main-content) - 30px);
width: 100%;
}
@media (max-width: 1023px) {
body.woocommerce #woo_main {
max-width: 100%;
}
}
body.woocommerce #woo_sidebar {
max-width: var(--woo-width-sidebar);
width: 100%;
}
@media (max-width: 1023px) {
body.woocommerce #woo_sidebar {
max-width: 100%;
}
}
/*Message*/
.woocommerce-message,
.woocommerce-info {
border-top-color: var(--primary);
}
.woocommerce-message::before {
color: var(--primary);
}
.woocommerce-info::before {
color: var(--primary);
}
/*Select2*/
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
background-image: url(./assets/img/base/select-arrow.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.checkout-button,
.woocommerce #review_form #submit {
line-height: 1.5em;
border-radius: 5px;
padding: 12px 25px;
font-size: 1em;
font-weight: 600;
}
@media (max-width: 1024px -1) {
.woocommerce #woo_main .content-area {
flex: 0 0 100%;
padding-left: 0px;
width: 100%;
}
}
.woocommerce #woo_main .content-area nav.woocommerce-pagination {
margin-top: 0;
}
.woocommerce #woo_main .content-area .woocommerce-result-count {
margin: 0;
color: var(--heading);
}
.woocommerce #woo_main .content-area .woocommerce-ordering {
margin: 0 5px 30px 0;
}
.woocommerce #woo_main .content-area .woocommerce-ordering select {
color: var(--heading);
padding: 5px 35px 5px 15px;
border-radius: 0;
}
@media (max-width: 580px) {
.woocommerce #woo_main .content-area .woocommerce-ordering {
float: none;
}
.woocommerce #woo_main .content-area .woocommerce-ordering select {
margin-top: 20px;
}
}
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 30px;
}
.woocommerce #woo_main .content-area ul.products li.product {
text-align: center;
position: relative;
overflow: hidden;
}
@media (max-width: 580px) {
.woocommerce #woo_main .content-area ul.products li.product {
width: 100%;
float: none;
}
}
.woocommerce #woo_main .content-area ul.products li.product .cat_product {
display: none;
color: var(--text);
font-size: 14px;
line-height: 1.2;
}
.woocommerce #woo_main .content-area ul.products li.product .button {
visibility: visible;
opacity: 1;
}
.woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link {
width: 100%;
}
.woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
color: var(--primary);
}
.woocommerce #woo_main .content-area ul.products li.product .star-rating {
font-size: 13px;
color: #FFC83E;
margin: 0 auto 10px auto;
}
.woocommerce #woo_main .content-area ul.products li.product .onsale {
display: inline-block;
top: 10px;
left: 10px;
right: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: 500;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.4;
color: var(--heading);
font-weight: 700;
}
.woocommerce #woo_main .content-area ul.products li.product .price {
font-size: 16px;
line-height: 1.2;
color: var(--text);
margin-bottom: 12px;
}
.woocommerce #woo_main .content-area ul.products li.product .price ins {
margin-left: 6px;
text-decoration: none;
font-weight: 400;
}
.woocommerce #woo_main .content-area ul.products li.product .button,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button {
position: relative;
font-family: var(--secondary-font);
font-weight: bold;
text-transform: uppercase;
color: #fff;
border-radius: 0;
transition: 0.4s;
padding: 15px 30px;
z-index: 2;
background: var(--primary);
border: 1px solid var(--primary);
}
.woocommerce #woo_main .content-area ul.products li.product .button:before,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button:before {
content: "\e908";
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
margin-right: 0.53em;
vertical-align: bottom;
font-size: 22px;
}
.woocommerce #woo_main .content-area ul.products li.product .button.loading:after,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button.loading:after {
right: 0.5em;
}
.woocommerce #woo_main .content-area ul.products li.product .button:hover,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button:hover {
color: var(--primary);
background: #fff;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart {
margin-top: 20px;
display: inline-block;
visibility: visible;
opacity: 1;
background-color: transparent !important;
color: var(--heading);
text-decoration: underline;
text-transform: capitalize;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:hover {
color: var(--primary);
transition: 0.3s ease;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:after {
padding-left: 5px;
}
.woocommerce #woo_main .content-area ul.products li.product .product_type_external:after,
.woocommerce #woo_main .content-area ul.products li.product .product_type_grouped:after,
.woocommerce #woo_main .content-area ul.products li.product .product_type_variable:after {
position: absolute;
top: 0;
right: 10px;
}
.woocommerce.elementor-default #woo_main {
padding: 0 10px;
}
.woocommerce button.button.disabled {
opacity: 1;
}
.woocommerce div.product {
/**
* Sumary
*/
/*end summary*/
/* woo tabs */
/* end woo tabs */
/* related */
/* end related */
}
.woocommerce div.product .share-social-icons {
display: flex;
align-items: center;
row-gap: 10px;
list-style: none;
padding: 0;
margin: 20px 0 0 0;
clear: both;
}
.woocommerce div.product .share-social-icons li {
display: inline-block;
margin-right: 12px;
}
.woocommerce div.product .share-social-icons li:last-child {
margin-right: 0;
}
.woocommerce div.product .share-social-icons li:first-child {
margin-right: 20px;
}
.woocommerce div.product .share-social-icons li .share-label {
color: var(--light);
}
.woocommerce div.product .share-social-icons li a {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: var(--light);
}
.woocommerce div.product .share-social-icons li a:hover {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
background-color: var(--primary);
color: #fff;
}
.woocommerce div.product .onsale {
display: inline-block;
top: 20px;
left: 20px;
right: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: 500;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-product-gallery {
margin: 0 0px 60px 0px;
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 50%;
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 50%;
}
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%;
}
@media (max-width: 1024px) {
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 33.3333%;
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: none;
}
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-thumbs li {
width: 16.6666%;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0 -5px !important;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
padding: 10px 5px;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 1 !important;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child {
margin-left: 0px;
margin-right: 0px;
display: block;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) {
margin-top: 10px;
padding: 0px 0px 0 0px;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
top: 20px !important;
right: 20px !important;
}
.woocommerce div.product .summary .product_title {
font-size: 48px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 30px;
}
.woocommerce div.product .summary .woocommerce-product-rating {
display: flex;
align-items: center;
margin: 0 0 15px 0;
}
.woocommerce div.product .summary .woocommerce-product-rating .star-rating {
font-size: 13px;
margin: 0px;
color: var(--primary);
}
.woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: var(--text);
line-height: 1.2;
padding-left: 5px;
}
.woocommerce div.product .summary .price {
margin: 0 0 20px 0;
color: var(--primary);
}
.woocommerce div.product .summary .price .woocommerce-Price-amount {
font-size: 20px;
line-height: 1;
font-weight: 500;
}
.woocommerce div.product .summary .price ins {
color: var(--primary);
margin-left: 3px;
font-weight: 400;
text-decoration: none;
}
.woocommerce div.product .summary .pwb-single-product-brands {
padding: 0 0 6px 0;
}
.woocommerce div.product .summary .pwb-single-product-brands a {
margin-right: 6px;
}
.woocommerce div.product .summary .stock {
margin: 0 0 18px 0;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
color: var(--primary);
}
.woocommerce div.product .summary form.cart {
float: left;
margin: 0 0 1.5em 0;
}
.woocommerce div.product .summary form.cart table.group_table {
border: none;
}
.woocommerce div.product .summary form.cart table.group_table tr {
border: none;
}
.woocommerce div.product .summary form.cart table.group_table td {
border-color: var(--border);
}
.woocommerce div.product .summary form.cart table.group_table td {
vertical-align: middle;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
}
.woocommerce div.product .summary form.cart table.group_table td label {
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations {
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations tr {
border: none;
}
.woocommerce div.product .summary form.cart table.variations tr th {
display: table-cell;
}
.woocommerce div.product .summary form.cart table.variations tr th label {
font-weight: 400;
}
.woocommerce div.product .summary form.cart table.variations tr td {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
padding: 0 0 30px 0;
}
.woocommerce div.product .summary form.cart table.variations tr td label {
font-weight: 400;
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations tr td .reset_variations {
font-size: 15px;
line-height: 1.2;
color: var(--heading);
margin-top: 10px;
display: inline-block !important;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-container {
height: 40px;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-selection--single {
border: 1px solid var(--border);
border-radius: 2px;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-selection__rendered {
padding: 0 14px;
font-size: 15px;
color: #919baf;
}
.woocommerce div.product .summary form.cart table.variations .variable-item:not(.radio-variable-item) {
border-radius: 0;
}
.woocommerce div.product .summary form.cart .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 8px;
}
.woocommerce div.product .summary form.cart .quantity {
margin: 0 15px 0 0;
}
@media (max-width: 360px) {
.woocommerce div.product .summary form.cart .quantity {
margin: 0 15px 30px 0;
}
}
.woocommerce div.product .summary form.cart .quantity input {
font-size: 16px;
font-weight: 700;
color: var(--heading);
padding-left: 20px;
padding-right: 10px;
width: 80px;
height: 56px;
line-height: 56px;
border-radius: 0;
}
.woocommerce div.product .summary form.cart .quantity input::placeholder {
font-size: 18px;
color: var(--text);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button {
position: relative;
font-family: var(--secondary-font);
font-weight: bold;
text-transform: uppercase;
color: #fff;
border-radius: 0;
padding: 15px 30px;
transition: 0.4s;
z-index: 2;
background: var(--primary);
border: 1px solid var(--primary);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:before {
content: "\e908";
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
margin-right: 0.53em;
vertical-align: bottom;
font-size: 22px;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:hover {
background: #fff;
color: var(--primary);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:focus {
outline: none;
}
.woocommerce div.product .summary .product_meta {
clear: both;
border-top: 1px solid var(--border);
padding-top: 24px;
margin-top: 10px;
}
.woocommerce div.product .summary .product_meta .posted_in {
margin: 8px 0;
display: block;
font-size: 16px;
color: var(--light);
line-height: 1.3;
letter-spacing: 0.2px;
}
.woocommerce div.product .summary .product_meta .posted_in a {
font-size: 16px;
line-height: 1.3;
letter-spacing: 0.2px;
color: var(--heading);
}
.woocommerce div.product .summary .product_meta .posted_in a:hover {
color: var(--primary);
}
.woocommerce div.product .summary .product_meta .tagged_as {
display: none;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--light);
}
.woocommerce div.product .summary .product_meta .tagged_as a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
}
.woocommerce div.product .summary .product_meta .sku_wrapper {
margin-bottom: 8px;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--light);
}
.woocommerce div.product .summary .product_meta .sku_wrapper .sku {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 55px;
padding-top: 30px;
}
.woocommerce div.product .woocommerce-tabs .panel {
border-top: none;
padding: 40px 0px 20px 0;
}
.woocommerce div.product .woocommerce-tabs .panel h1, .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce div.product .woocommerce-tabs .panel h3, .woocommerce div.product .woocommerce-tabs .panel h4, .woocommerce div.product .woocommerce-tabs .panel h5, .woocommerce div.product .woocommerce-tabs .panel h6 {
font-family: var(--primary-font);
margin: 0 0 20px 0;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information h2 {
font-size: 18px;
line-height: 1.2;
color: var(--heading);
font-weight: 600;
display: inline-block;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes {
border: 1px solid var(--border);
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th {
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: var(--heading);
text-transform: capitalize;
padding: 5px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes td {
font-size: 16px;
line-height: 1.2;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
color: var(--text);
padding: 5px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-Reviews-title {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
color: var(--heading);
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-noreviews {
margin: -25px 0 29px 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li:not(:last-child) {
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container img.avatar {
width: 80px;
border: none;
border-radius: 50%;
background: transparent;
padding: 0;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container img.avatar {
position: static;
float: none;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text {
margin: 0 0 0 105px;
border: none;
padding: 0;
border-radius: 0;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text {
margin: 12px 0 0 0;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating {
font-size: 15px;
color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta {
margin: 0 0 14px 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__author {
display: inline-block;
font-size: 20px;
font-family: var(--secondary-font);
font-weight: bold;
color: var(--heading);
margin: 0 4px 4px 0;
text-transform: capitalize;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__dash {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__published-date {
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-right: 10px;
color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .description {
color: var(--text);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-reply-title {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
color: var(--heading);
margin-bottom: 35px;
font-family: var(--secondary-font);
text-transform: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form {
margin: 15px 0px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating {
width: 100%;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form p {
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes {
font-size: 16px;
line-height: 24px;
color: var(--text);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes .required {
color: #ff623f;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label {
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.2px;
color: var(--heading);
text-transform: capitalize;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label .required {
color: #ff623f;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label {
display: block;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form textarea {
border: 1px solid var(--border);
background-color: #fff;
height: 145px;
margin: 0;
padding: 11px 15px;
border-radius: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
border: 1px solid var(--border);
background-color: #fff;
height: 45px;
width: calc(100% - 150px);
margin: 0;
padding: 0 15px;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
width: 100%;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating label {
margin: 0 0 10px;
width: 100%;
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .stars {
display: inline-flex;
align-items: center;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .select2-container--default {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-comment {
margin-top: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-cookies-consent {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input {
display: inline-block;
height: 50px;
line-height: 50px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
padding: 0 48px;
letter-spacing: 1px;
width: auto;
border: none;
border-radius: 0;
background-color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input:hover {
background-color: var(--heading);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0px;
display: flex;
justify-content: center;
flex-wrap: wrap;
background: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid var(--border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: #fff;
color: var(--heading);
border-radius: 0px;
padding: 0 30px;
margin: 0;
position: relative;
z-index: 3;
border-bottom: 1px solid var(--border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: 1px solid var(--border);
border-bottom: none;
border-top: 2px solid var(--primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child {
margin-left: 1px;
border-left: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background: var(--border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--heading) !important;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
padding: 15px 0;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 16px;
}
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title {
font-size: 20px;
line-height: 1.2;
color: var(--text);
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description > p {
margin-top: 0;
margin-bottom: 1.2em;
}
.woocommerce div.product .related > h2 {
font-size: 32px;
font-family: var(--primary-font);
line-height: 1.2;
color: var(--heading);
font-weight: bold;
margin: 0 0 35px 0;
}
.woocommerce div.product .yith-wcwl-add-button .add_to_wishlist {
transition: all 0.3s ease;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
color: var(--text);
line-height: 1.2;
border-radius: 0;
border: none;
}
.woocommerce div.product .yith-wcwl-add-button .add_to_wishlist i {
font-size: 16px;
}
.woocommerce div.product .yith-wcwl-add-button .add_to_wishlist:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.woocommerce div.product .yith-wcwl-wishlistaddedbrowse i, .woocommerce div.product .yith-wcwl-wishlistexistsbrowse i {
font-size: 16px;
color: var(--primary);
}
/* yith woo*/
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
top: 0;
right: 12px;
left: unset;
line-height: 1;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i {
font-size: 16px;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist span {
display: none;
}
.yith-wcwl-add-button, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse {
clear: both;
padding: 12px 0;
}
.pswp__caption__center {
text-align: center;
font-size: 18px;
color: #fff;
}
/* variation swatches*/
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus {
-webkit-box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px var(--primary));
box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px var(--primary));
}
.woocommerce-checkout {
/* Heading */
/*Coupon*/
/*Custom Detail*/
/*Your Order*/
/*Payment*/
}
.woocommerce-checkout h3 {
text-transform: uppercase;
font-size: 1.2em;
margin-top: 0;
}
.woocommerce-checkout form.checkout_coupon p {
margin-bottom: 10px;
margin-top: 0;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last {
width: 49% !important;
}
.woocommerce-checkout form.checkout_coupon input.input-text {
line-height: 1.5em;
}
.woocommerce-checkout form.checkout_coupon .button {
line-height: 1.5em;
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
padding: 12px 25px;
}
.woocommerce-checkout form.checkout_coupon .button:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce-checkout #customer_details {
margin-bottom: 30px;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
max-width: 100%;
padding: 0;
}
.woocommerce-checkout #customer_details label {
display: block;
width: 100%;
font-size: 1em;
color: var(--heading);
font-weight: 600;
margin-bottom: 5px;
margin-top: 5px;
}
.woocommerce-checkout #customer_details input {
border: 1px solid;
border-color: #e0e0e0;
line-height: 1.5em;
padding: 12px 15px;
color: var(--text);
border-radius: 4px;
background: #ffffff;
}
.woocommerce-checkout #customer_details textarea {
border: 1px solid;
border-color: #e0e0e0;
height: 100px;
padding: 10px 15px;
border-radius: 4px;
color: var(--text);
background: #ffffff;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 4px;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered {
color: var(--text);
padding-left: 15px;
line-height: 45px;
}
.woocommerce-checkout #customer_details .form-row {
margin-top: 0;
margin-bottom: 15px;
padding: 0;
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field {
order: 1;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field {
order: 2;
width: 50%;
padding-left: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field {
padding-left: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_company_field {
order: 3;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field {
order: 4;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field {
order: 5;
width: 50%;
padding-left: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field {
padding-left: 0;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_country_field {
order: 7;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_1_field {
order: 8;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_2_field {
order: 9;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_city_field {
order: 10;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field {
order: 11;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field {
order: 12;
width: 50%;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field {
padding: 0;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row .woocommerce-input-wrapper {
width: 100%;
display: block;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label {
margin: 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label input {
height: unset;
margin: 0 5px 0 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label span {
font-weight: 600;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row {
margin: 0 0 15px 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-first {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-last {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields .form-row {
margin: 0 0 15px 0;
padding: 0;
}
.woocommerce-checkout table.shop_table {
border: 1px solid;
border-color: #e0e0e0;
}
.woocommerce-checkout table.shop_table thead tr th {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-checkout table.shop_table thead tr th.product-name {
border-right: 1px solid #e0e0e0;
}
.woocommerce-checkout table.shop_table tbody tr {
border: none;
}
.woocommerce-checkout table.shop_table tbody tr td {
border: none;
}
.woocommerce-checkout table.shop_table tbody tr td.product-name {
border-right: 1px solid #e0e0e0;
}
.woocommerce-checkout #payment {
border-radius: 0px;
background: #e8eaee;
}
.woocommerce-checkout #payment ul.wc_payment_methods {
padding: 32px 25px 32px 25px;
border-bottom-color: #e0e0e0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li input {
height: unset;
margin: 0 8px 0 0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li label {
margin: 0 0 0 0;
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
font-weight: 500;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box {
background: #fff;
margin: 12px 0 22px 0;
border-radius: 0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box:before {
border-bottom-color: #fff;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box p {
font-size: 17px;
line-height: 22px;
color: var(--text);
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label {
width: calc(100% - 26px);
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a {
float: right;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a:after {
content: "";
display: block;
clear: both;
}
.woocommerce-checkout #payment .place-order {
justify-content: flex-end;
padding: 20px 25px 20px 20px;
}
.woocommerce-checkout #payment .place-order #place_order {
font-size: 1.2em;
color: #fff;
background: #333;
}
.woocommerce-checkout #payment .place-order #place_order:hover {
background: var(--primary);
}
.woocommerce {
/* remove product form minicart*/
/* end cart form */
/*Message*/
}
.woocommerce a.remove:hover {
color: var(--primary) !important;
}
.woocommerce .woocommerce-cart-form table, .woocommerce .woocommerce-cart-form tr, .woocommerce .woocommerce-cart-form td, .woocommerce .woocommerce-cart-form th {
border: none;
}
.woocommerce .woocommerce-cart-form table.shop_table td {
border: none;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr {
display: flex;
flex-wrap: wrap;
align-items: center;
background: #e8eaee;
height: 55px;
padding: 0 0 0 13px;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th {
font-size: 1em;
color: var(--heading);
text-transform: uppercase;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-remove {
order: 9;
flex: 0 0 60px;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-thumbnail {
display: none;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name {
flex: 0 0 calc(100% - 610px);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price {
flex: 0 0 150px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity {
flex: 0 0 165px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal {
flex: 0 0 235px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 0 13px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
padding: 0;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:not(:last-child) {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child {
padding: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child td {
padding: 25px 0px 20px 0px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td {
font-size: 16px;
letter-spacing: 0.2px;
padding: 20px 12px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td input {
border-radius: 4px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove {
order: 9;
flex: 0 0 60px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove {
order: unset;
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a {
font-size: 20px;
border: 1px solid #e5e5e5;
width: 25px;
height: 25px;
font-weight: normal;
padding: 1px 0px 0px 1px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a:hover {
color: #fff !important;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-thumbnail {
flex: 0 0 90px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name {
flex: 0 0 calc(100% - 700px);
padding-left: 0;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name {
flex: 0 0 100%;
padding-left: 12px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a {
font-size: 1em;
color: var(--heading);
font-weight: bold;
border-bottom: none;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a:hover {
color: var(--primary);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price {
flex: 0 0 150px;
color: var(--text);
line-height: 1.2;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity {
flex: 0 0 165px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity input {
font-size: 16px;
color: var(--text);
height: 33px;
width: 70px;
line-height: 33px;
border: 1px solid #e8e8e8;
padding-right: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal {
flex: 0 0 235px;
color: var(--text);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon {
width: 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text {
min-width: 160px;
border: 1px solid;
border-color: #e0e0e0;
line-height: 1.5em;
padding: 12px 15px;
margin-right: 10px;
font-size: 15px;
color: var(--text);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text::placeholder {
font-size: 15px;
color: #62718d;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text {
width: 100%;
display: block;
margin-bottom: 20px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button {
background: var(--primary);
line-height: 1.5em;
padding: 12px 25px;
border-radius: 5px;
color: #fff;
font-weight: 600;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:hover {
background-color: var(--heading);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:focus {
background-color: var(--heading);
outline: none;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] {
background: var(--primary);
color: #fff;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart]:hover {
background: var(--heading);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] {
display: block;
width: 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td a {
display: inline-block;
border-bottom: none;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td a img {
width: 60px;
}
.woocommerce .cart-collaterals {
margin-bottom: 80px;
}
.woocommerce .cart-collaterals .cart_totals > h2 {
font-size: 1.2em;
text-transform: uppercase;
color: var(--heading);
margin-bottom: 15px;
}
@media (max-width: 767px) {
.woocommerce .cart-collaterals .cart_totals table, .woocommerce .cart-collaterals .cart_totals tr, .woocommerce .cart-collaterals .cart_totals td, .woocommerce .cart-collaterals .cart_totals th {
border: none;
}
}
.woocommerce .cart-collaterals .cart_totals .shop_table {
border: 1px solid #e0e0e0;
border-collapse: separate !important;
border-bottom: none;
border-radius: 4px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th {
border: none;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 4px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__rendered {
color: var(--text);
padding-left: 15px;
line-height: 45px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping] {
background: var(--primary);
line-height: 1.5em;
padding: 12px 25px;
border-radius: 5px;
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping]:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button {
background-color: var(--heading);
}
.woocommerce .cart-collaterals .cart_totals .checkout-button:hover {
background: var(--primary);
}
@media (max-width: 600px) {
.woocommerce .woocommerce-message {
display: flex;
flex-direction: column-reverse;
}
.woocommerce .woocommerce-message a.button {
margin-top: 10px;
}
}
.woocommerce .woocommerce-order h2 {
font-size: 1.3em;
text-transform: uppercase;
margin-bottom: 15px;
}
.woocommerce .woocommerce-order .order_details {
padding-left: 15px;
}
.woocommerce .woocommerce-order .order_details li {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-order .order_details li {
display: block;
width: 100%;
margin: 0 0 15px 0px;
padding: 0;
border-right: none;
}
}
.woocommerce {
/*Tab*/
/*Login Form*/
}
.woocommerce ul.ova-login-register-woo {
list-style-type: none;
padding: 0;
margin: 0 0 50px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.woocommerce ul.ova-login-register-woo li {
padding: 0 13px;
}
.woocommerce ul.ova-login-register-woo li.active a {
position: relative;
}
.woocommerce ul.ova-login-register-woo li.active a:after {
position: absolute;
bottom: -6px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #f00;
}
.woocommerce ul.ova-login-register-woo li a {
font-size: 24px;
line-height: 26px;
color: #202b5d;
letter-spacing: 0.2px;
font-weight: 400;
}
.woocommerce #customer_login.col2-set .col-1, .woocommerce #customer_login.col2-set .col-2 {
max-width: 100%;
float: unset;
margin: 0 auto;
}
.woocommerce #customer_login.col2-set .col-1 > h2, .woocommerce #customer_login.col2-set .col-2 > h2 {
display: none;
}
.woocommerce #customer_login .woocommerce-form {
border: none;
margin-top: 0;
padding-top: 0;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row {
padding: 0;
margin: 0 0 15px 0;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row label {
font-size: 17px;
line-height: 24px;
color: var(--heading);
display: block;
width: 100%;
margin: 0 0 6px 0;
font-weight: 600;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row input {
min-width: 400px;
border-radius: 5px;
padding: 12px 15px;
line-height: 1.5em;
color: var(--text);
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row .show-password-input {
right: 10px;
}
.woocommerce #customer_login .woocommerce-form .form-row {
display: flex;
flex-direction: column;
}
.woocommerce #customer_login .woocommerce-form .form-row .woocommerce-form-login__rememberme {
order: 1;
margin-bottom: 10px;
}
.woocommerce #customer_login .woocommerce-form .form-row button {
order: 2;
}
.woocommerce #customer_login .woocommerce-form button[type=submit] {
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
margin: 0;
background-color: var(--primary);
color: #fff;
min-width: 400px;
}
.woocommerce #customer_login .woocommerce-form button[type=submit]:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword {
margin-top: 7px;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a {
color: var(--heading);
text-decoration: underline;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a:hover {
color: var(--primary);
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register {
display: none;
border: none;
max-width: 400px;
padding: 0;
margin: -5px auto 80px auto;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-row, .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-privacy-policy-text {
margin-bottom: 15px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register p {
margin-bottom: 10px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit {
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
background-color: var(--primary);
color: #fff;
min-width: 400px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit:hover {
background-color: var(--heading);
color: #fff;
}
/*Hide title of page*/
.woocommerce-account .page-title {
display: none;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a {
background-color: var(--primary);
color: #fff;
}
.woocommerce-MyAccount-navigation ul li a {
list-style-type: none;
background-color: #f1f1f1;
margin-bottom: 10px;
padding: 10px 15px;
display: block;
color: var(--heading);
font-weight: bold;
}
.woocommerce .woo-sidebar {
flex: 0 0 320px;
}
@media (max-width: 991px) {
.woocommerce .woo-sidebar {
flex: 0 0 100%;
}
}
.woocommerce .woo-sidebar .woo_widget {
background-color: var(--background2);
margin-bottom: 30px;
padding: 30px;
box-shadow: none;
/* brand for woo plugin*/
}
.woocommerce .woo-sidebar .woo_widget:last-child {
margin-bottom: 80px;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_search {
padding: 0;
border: none;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li:hover a, .woocommerce .woo-sidebar .woo_widget.widget_product_categories li:hover span {
color: var(--primary);
}
.woocommerce .woo-sidebar .woo_widget.widget_products {
padding-bottom: 50px;
}
.woocommerce .woo-sidebar .woo_widget ul {
margin: 0;
}
.woocommerce .woo-sidebar .woo_widget ul .pwb-columns {
padding: 0 5px !important;
}
.woocommerce .woo-sidebar .woo_widget ul.product-categories li {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--border);
}
.woocommerce .woo-sidebar .woo_widget ul.product-categories li:last-child {
border-bottom: none;
}
.woocommerce .woo-sidebar .woo_widget h4.widget-title {
position: relative;
font-size: 24px;
line-height: 1.3;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid var(--border);
}
.woocommerce .woo-sidebar .woo_widget h4.widget-title:before {
position: absolute;
content: "";
left: -30px;
top: calc(50% - 12px);
transform: translateY(-50%);
height: 24px;
width: 4px;
background-color: var(--primary);
}
@media screen and (max-width: 480px) {
.woocommerce .woo-sidebar .woo_widget .pwb-columns-3 {
width: 33.3333%;
}
}
@media (max-width: 991px) {
.woocommerce .woo-sidebar .widget_products ul.product_list_widget {
padding: 0 20px 0 0;
}
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li {
position: relative;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li:not(:last-child) {
margin: 0 0 10px 0;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a {
display: flex;
margin-bottom: -50px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a img {
float: unset;
width: 100px;
height: 100px;
flex: 0 0 100px;
margin: 0;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a .product-title {
flex: 0 0 calc(100% - 120px);
font-size: 16px;
line-height: 1.3;
letter-spacing: 0.2px;
font-weight: 700;
color: var(--heading);
margin-left: 20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a .product-title:hover {
color: var(--primary);
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .star-rating {
margin: 0 0 4px 120px;
font-size: 13px;
color: #FFC83E;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .woocommerce-Price-amount {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-left: 120px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li ins {
text-decoration: none;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li ins .woocommerce-Price-amount {
margin-left: 2px;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search {
display: flex;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search .search-field {
font-size: 14px;
font-weight: 500;
border-radius: 0;
padding: 20px 8px 20px 30px;
border: 1px solid rgb(240, 232, 232);
width: 100%;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search button {
font-size: 14px;
font-weight: 500;
border-radius: 0;
padding: 12px 18px;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search button:hover {
background-color: var(--heading);
border-color: var(--heading);
color: #fff;
}
.woocommerce .woo-sidebar .widget_product_tag_cloud .tagcloud a {
float: left;
display: inline-block;
font-size: 16px !important;
margin-right: 16px;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #f5f5f5;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
background-color: var(--primary);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
background: var(--primary);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
font-size: 10px;
text-transform: uppercase;
color: #fff;
background: var(--primary);
height: 32px;
line-height: 1;
padding: 8px;
border-radius: 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover {
background: var(--heading);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
font-size: 16px;
line-height: 1.2;
color: var(--heading);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .clear {
display: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 3em;
}
@media (max-width: 767px) {
.woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 1.6em;
}
}
/*19.0 Elementor*/
.brand_el .logo_desktop {
display: block;
}
@media (max-width: 1023px) {
.brand_el .logo_desktop {
display: none;
}
}
.brand_el .logo_mobile {
display: none;
}
@media (max-width: 1023px) {
.brand_el .logo_mobile {
display: block;
}
}
.brand_el .logo_sticky {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_desktop,
.header_sticky.active_sticky .brand_el .logo_mobile {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_sticky {
display: block;
}
@media (max-width: 1023px) {
.elementor-widget-ova_menu .primary-navigation {
position: absolute;
left: 0;
top: 0;
}
}
/* DeskTop *********************************************************************/
/* Fix when menu is full width */
.align_right > .elementor-container {
float: right;
width: 100%;
}
/* Button Open Canvas */
.ova_openNav {
display: none;
}
.ova_nav {
width: 100%;
/* Sub Menu */
/* Parent Menu */
}
.ova_nav .ova_closeNav {
display: none;
}
.ova_nav .dropdown-menu {
padding: 0px;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ova_nav .dropdown-menu > li {
width: 100%;
position: relative;
}
.ova_nav .dropdown-menu > li > a {
color: #343434;
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
}
.ova_nav ul.menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
/* Dropdown arrow */
}
.ova_nav ul.menu > li {
padding: 0px 15px;
}
.ova_nav ul.menu > li > a {
color: #343434;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
}
.ova_nav ul.menu button.dropdown-toggle {
display: none;
}
.ova_nav ul.menu button.dropdown-toggle:after {
display: none;
}
/* Fix Sub Menu Direction */
.sub_menu_dir_left .dropdown-menu li {
text-align: right;
position: relative;
/* Menu level 3 */
}
.sub_menu_dir_left .dropdown-menu li.dropdown a i {
position: absolute;
left: 10px;
top: 50%;
margin-top: -10px;
}
.sub_menu_dir_left .dropdown-menu li.dropdown a i:before {
content: "4";
font-family: "eleganticons";
}
.sub_menu_dir_left .dropdown-menu li .dropdown-menu {
position: absolute;
left: auto;
right: 100%;
top: 0;
}
.sub_menu_dir_right .dropdown-menu li {
text-align: left;
/* Menu level 3 */
}
.sub_menu_dir_right .dropdown-menu li.dropdown a i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
}
.sub_menu_dir_right .dropdown-menu li.dropdown a i:before {
content: "5";
font-family: "eleganticons";
}
.sub_menu_dir_right .dropdown-menu li .dropdown-menu {
position: absolute;
right: auto;
left: 100%;
top: 0;
}
/* Cover page when open canvas */
.ova_closeCanvas {
height: 100%;
width: 100%;
position: fixed;
z-index: -1;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
visibility: hidden;
}
.ova_closeCanvas.show {
opacity: 1;
z-index: 9998;
visibility: visible;
}
@media (min-width: 1025px) {
/* Vertical Menu Desktop */
.ova_wrap_nav.column ul.menu.sub_menu_dir_right > li.dropdown > a i:before {
content: "5";
font-family: "eleganticons";
}
.ova_wrap_nav.column ul.menu > li {
width: 100%;
}
.ova_wrap_nav.column ul.menu > li > .dropdown-menu {
left: 100%;
top: 0 !important;
}
.ova_nav ul.menu {
/* Sub Menu */
}
.ova_nav ul.menu .dropdown-menu {
visibility: hidden;
display: block;
top: 110%;
z-index: -1;
}
.ova_nav ul.menu > li:hover > .dropdown-menu {
display: block;
z-index: 9999;
webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
visibility: visible;
top: 100%;
}
.ova_nav ul.menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu {
display: block;
opacity: 1;
z-index: 9999;
webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
visibility: visible;
top: 0;
}
}
/* Mobile *********************************************************************/
@media (max-width: 1024px) {
/*transition when display nav*/
.ova-wrapp {
transition: margin-left 0.5s;
}
.ova_openNav {
display: block;
border: none;
outline: none;
cursor: pointer;
}
.ova_openNav:focus {
outline: none;
}
/* Align Menu Button */
.NavBtn_right {
float: right;
margin: 0;
padding: 0;
}
.NavBtn_left {
float: left;
}
.NavBtn_center {
justify-content: center;
}
/* Hide Menu */
.logged-in .ova_nav {
padding-top: 60px;
}
.ova_nav {
height: 100%;
width: 250px;
position: fixed;
z-index: 9999;
top: 0;
overflow-x: hidden;
padding-top: 30px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
/* Canvas direction */
/* Background Canvas */
/* Always display column in mobile */
}
.ova_nav ul.menu li {
width: 100%;
display: block;
align-items: center;
/* Dropdown arrow */
}
.ova_nav ul.menu li a {
width: 100%;
}
.ova_nav ul.menu li a i {
display: none;
}
.ova_nav ul.menu li button.dropdown-toggle {
display: block;
position: absolute;
top: 3px;
right: 10px;
background: transparent;
border: none;
outline: none;
}
.ova_nav ul.menu li.active_sub > .dropdown-menu {
display: block;
}
.ova_nav ul.menu li.active_sub > button.dropdown-toggle > i:before {
content: "2";
font-family: "eleganticons";
}
.ova_nav ul.menu .dropdown-menu {
position: relative !important;
transform: none !important;
left: 0;
top: 0;
right: auto;
border: none !important;
background: transparent !important;
display: none;
opacity: 1;
visibility: visible;
width: 100%;
}
.ova_nav.canvas_left {
left: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
/* Show/hide Canvas */
}
.ova_nav.canvas_left.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ova_nav.canvas_left .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: right;
}
.ova_nav.canvas_left ul.menu {
align-items: flex-start;
text-align: left;
/* Dropdown arrow */
/* level 2 */
}
.ova_nav.canvas_left ul.menu button.dropdown-toggle {
right: 10px;
}
.ova_nav.canvas_left ul.menu .dropdown-menu {
transition: unset;
/* level 3 */
}
.ova_nav.canvas_left ul.menu .dropdown-menu li {
text-align: left;
border: none !important;
background: transparent !important;
clear: both;
}
.ova_nav.canvas_left ul.menu .dropdown-menu .dropdown-menu {
padding-left: 15px;
}
.ova_nav.canvas_right {
right: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
/* Show/hide Canvas */
}
.ova_nav.canvas_right.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ova_nav.canvas_right .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: left;
}
.ova_nav.canvas_right ul.menu {
align-items: flex-end;
text-align: right;
/* Dropdown arrow */
/* level 2 */
}
.ova_nav.canvas_right ul.menu button.dropdown-toggle {
left: 10px;
}
.ova_nav.canvas_right ul.menu .dropdown-menu {
transition: unset;
/* level 3 */
}
.ova_nav.canvas_right ul.menu .dropdown-menu li {
text-align: right;
border: none !important;
background: transparent !important;
}
.ova_nav.canvas_right ul.menu .dropdown-menu .dropdown-menu {
padding-right: 15px;
}
.ova_nav.canvas_bg_gray {
background-color: #343434;
}
.ova_nav.canvas_bg_gray ul.menu li a,
.ova_nav.canvas_bg_gray ul.menu li .dropdown-toggle {
color: #fff !important;
}
.ova_nav.canvas_bg_white {
background-color: #fff;
}
.ova_nav.canvas_bg_white ul.menu li a,
.ova_nav.canvas_bg_white ul.menu li .dropdown-toggle {
color: #343434 !important;
}
.ova_nav ul.menu {
flex-direction: column !important;
}
}
@media (max-width: 767px) {
/* Align Menu Button */
.NavBtn_right, .NavBtn_left {
float: none;
margin: 0;
padding: 0;
}
.NavBtn_right_m {
float: right;
margin: 0;
padding: 0;
}
.NavBtn_left_m {
float: left;
}
.NavBtn_center_m {
justify-content: center;
}
.mobi_no_shrink {
position: relative !important;
}
}
/* Custom Line Parent Menu */
@media (min-width: 1024px) {
.ova-menu-custom-line .main-navigation ul.menu > li > a {
position: relative;
}
.ova-menu-custom-line .main-navigation ul.menu > li > a:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
content: "";
left: 0;
top: 0;
width: 0;
height: 4px;
background-color: var(--primary);
}
.ova-menu-custom-line .main-navigation ul.menu > li > a:hover:before {
width: 100%;
}
.ova-menu-custom-line .main-navigation ul li.menu-item.current-menu-item > a:before {
width: 100%;
}
}
/*Hide in desktop*/
.menu-canvas {
/*Style Menu*/
}
.menu-canvas .menu-toggle {
display: block;
z-index: 999;
padding: 0px;
width: 25px;
height: 25px;
border: none;
background-color: transparent;
}
.menu-canvas .menu-toggle:hover {
background-color: transparent;
}
.menu-canvas .menu-toggle:before, .menu-canvas .menu-toggle:after,
.menu-canvas .menu-toggle span:before {
width: 25px;
left: 0px;
background-color: var(--primary);
}
.menu-canvas .menu-toggle:before {
transform: translateY(-7px);
}
.menu-canvas .menu-toggle:after {
transform: translateY(7px);
}
.menu-canvas .container-menu {
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
bottom: 0;
background-color: #222;
color: #fff;
width: 290px;
padding: 30px;
z-index: 999;
opacity: 1;
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
}
.menu-canvas .container-menu .close-menu {
padding-top: 0px;
color: #fff;
font-size: 1em;
z-index: 999;
cursor: pointer;
text-align: right;
}
.menu-canvas .container-menu .top-link {
padding: 0 0 15px 0;
}
.menu-canvas .container-menu .top-link a {
color: #fff;
text-decoration: underline;
}
.menu-canvas .container-menu .top-link a:hover {
color: var(--primary);
}
.menu-canvas .container-menu .shortcode {
margin-top: 40px;
}
.menu-canvas .container-menu.dir_left {
left: 0;
-webkit-transform: translate3d(-290px, 0, 0);
transform: translate3d(-290px, 0, 0);
}
.menu-canvas .container-menu.dir_right {
right: 0;
-webkit-transform: translate3d(290px, 0, 0);
transform: translate3d(290px, 0, 0);
}
.menu-canvas .site-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 998;
}
.menu-canvas.toggled .menu-toggle:before, .menu-canvas.toggled .menu-toggle:after,
.menu-canvas.toggled .menu-toggle span:before {
background-color: #fff !important;
}
.menu-canvas.toggled .container-menu {
transform: none;
-webkit-transform: none;
}
.menu-canvas.toggled .site-overlay {
opacity: 0.8;
visibility: visible;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
}
.menu-canvas .menu {
clear: both;
}
.menu-canvas ul {
list-style: none;
}
.menu-canvas ul.menu {
margin: 0;
padding: 0;
}
.menu-canvas ul.menu ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0 0px 0 15px;
padding: 0;
}
.menu-canvas ul.menu ul.show {
max-height: 999px;
}
.menu-canvas ul li {
display: inline-block;
position: relative;
text-align: left;
display: block;
}
.menu-canvas ul li a {
color: #fff;
padding: 0.6180469716em 0;
display: block;
border-bottom: 1px solid #333;
}
.menu-canvas ul li a:hover {
color: var(--primary);
}
.menu-canvas .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em 0 0.5em 10px;
color: inherit;
border-radius: 0;
border: none;
cursor: pointer;
}
.menu-canvas .dropdown-toggle::after {
content: "\f104";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.menu-canvas .dropdown-toggle:focus {
outline: none;
}
.menu-canvas .dropdown-toggle:hover {
background: transparent;
}
.menu-canvas .dropdown-toggle.toggled-on:after {
content: "\f10c";
font-family: "ovaicon";
}
.wrap_header_banner {
width: 100%;
position: relative;
/*title*/
}
.wrap_header_banner.left ul.breadcrumb {
justify-content: flex-start;
}
.wrap_header_banner.right ul.breadcrumb {
justify-content: flex-end;
}
.wrap_header_banner.center ul.breadcrumb {
justify-content: center;
}
.wrap_header_banner ul.breadcrumb {
margin: 0;
padding: 0;
}
.wrap_header_banner ul.breadcrumb li .separator i {
opacity: 0.6;
}
.wrap_header_banner.bg_feature_img {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.wrap_header_banner .cover_color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrap_header_banner .header_banner_el {
position: relative;
z-index: 1;
}
.wrap_header_banner .header_title {
margin: 0;
padding: 0;
font-size: 26px;
text-transform: uppercase;
line-height: 1.1em;
font-weight: 500;
}
/* Custom Animation */
.ova-move-up {
animation-name: ovaMoveUp;
-moz-animation-name: ovaMoveUp;
-webkit-animation-name: ovaMoveUp;
}
@-webkit-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.ova-move-down {
animation-name: ovaMoveDown;
-moz-animation-name: ovaMoveDown;
-webkit-animation-name: ovaMoveDown;
}
@-webkit-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.ova-move-left {
animation-name: ovaMoveLeft;
-moz-animation-name: ovaMoveLeft;
-webkit-animation-name: ovaMoveLeft;
}
@-webkit-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.ova-move-right {
animation-name: ovaMoveRight;
-moz-animation-name: ovaMoveRight;
-webkit-animation-name: ovaMoveRight;
}
@-webkit-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.ova-scale-up {
animation-name: ovaScaleUp;
-moz-animation-name: ovaScaleUp;
-webkit-animation-name: ovaScaleUp;
}
@-webkit-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ova-flip {
animation-name: ovaFlip;
-moz-animation-name: ovaFlip;
-webkit-animation-name: ovaFlip;
}
@-webkit-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-ms-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
.ova-helix {
animation-name: ovaHelix;
-moz-animation-name: ovaHelix;
-webkit-animation-name: ovaHelix;
}
@-webkit-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-ms-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
.ova-popup {
animation: ovaPopup;
-moz-animation-name: ovaPopup;
-webkit-animation-name: ovaPopup;
}
@-webkit-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:before {
position: relative;
font-size: 12px;
float: right;
content: "\f199";
font-family: ovaicon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active:before {
content: "\f19b";
}
@media (max-width: 767px) {
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
padding: 0;
}
}
.ova-tab-image {
display: inline-block;
vertical-align: middle;
margin: 5px;
}
.ova-tab-image img {
object-fit: cover;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-toggle-title {
display: flex;
padding-right: 5px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-icon i {
line-height: 26px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title {
position: relative;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title:before {
position: absolute;
content: "";
width: 4px;
height: 24px;
top: 50%;
left: -12px;
margin-top: -12px;
background-color: var(--secondary);
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background-color: #E9E9E9;
border-radius: 2px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon i {
vertical-align: middle;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-content p {
margin: 0 0 1em;
}
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-content p {
margin: 0 0 1em;
}
.elementor-widget-counter .elementor-counter {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper {
position: relative;
margin-bottom: 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper:before {
position: absolute;
content: "";
width: 66px;
height: 4px;
bottom: -24px;
left: 50%;
margin-left: -33px;
background-color: var(--secondary);
}
.elementor-widget-counter .elementor-counter .elementor-counter-title {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.elementor-widget-counter .elementor-counter .ova-counter-behind {
position: absolute;
font-weight: bold;
font-size: 144px;
line-height: 180px;
color: rgba(0, 0, 0, 0.03);
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.elementor-widget-counter .elementor-counter:hover .ova-counter-behind {
color: rgba(255, 255, 255, 0.06);
}
.ova-title {
position: relative;
}
.ova-title .sub-title {
font-size: 16px;
font-weight: 700;
margin: 0;
font-family: var(--primary-font);
color: var(--primary);
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 15px;
}
.ova-title .title {
margin: 0;
font-size: 48px;
font-weight: 700;
line-height: 1.3;
color: var(--heading);
letter-spacing: -0.5px;
}
.ova-title .title a {
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
color: var(--heading);
}
.ova-title .title a:hover {
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
color: var(--primary-hover);
}
.ova-title .title .text-content {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.ova-title .title {
font-size: 38px;
}
}
.ova-title .line-box .line-top {
margin-top: 11px;
width: 49px;
height: 4px;
background-color: var(--primary);
transform: skewX(-33deg);
display: inline-block;
}
.ova-title .description {
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
color: var(--text);
margin-top: 32px;
}
.ova-contact-info {
display: flex;
align-items: center;
}
.ova-contact-info .icon {
color: #fff;
font-size: 14px;
display: inline-flex;
margin-right: 6px;
}
.ova-contact-info .contact .info {
list-style-type: none;
padding: 0;
margin: 0;
}
.ova-contact-info .contact .info .item {
font-size: 14px;
color: #fff;
display: flex;
}
.ova-contact-info .contact .info .item .label {
margin-right: 14px;
}
.ova-contact-info .contact .info .item a {
position: relative;
border: none;
color: #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-contact-info .contact .info .item a:before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-contact-info .contact .info .item a:hover {
color: var(--primary);
}
.ova-contact-info .contact .info .item a:hover:before {
width: 100%;
}
.ova-contact-info.template2 {
background: var(--secondary);
display: inline-flex;
padding: 6px;
}
.ova-contact-info.template2 .icon {
font-size: 20px;
padding: 12px;
background-color: var(--secondary-hover);
color: #fff;
}
.ova-contact-info.template2 .contact {
margin-left: 6px;
}
.ova-contact-info.template2 .contact .label {
font-size: 10px;
padding: 0;
font-weight: 400;
line-height: 1.2em;
text-transform: uppercase;
color: #fff;
}
.ova-contact-info.template2 .contact .info {
margin-bottom: -8px;
}
.ova-contact-info.template2 .contact .info .item {
font-size: 20px;
color: #fff;
}
.ova-contact-info.template2 .contact .info .item a {
color: #fff;
font-weight: 700;
}
.ova-contact-info.template2 .contact .info .item a:hover {
color: var(--primary);
}
.ova-switch-language {
display: flex;
justify-content: flex-start;
align-items: center;
}
.ova-switch-language .image img {
display: block;
width: 18px;
height: 18px;
object-fit: cover;
}
.ova-switch-language select#ova-language {
width: fit-content;
padding: 0 10px;
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
background-image: none;
overflow: hidden;
color: #fff;
}
.ova-switch-language select#ova-language option {
background-color: var(--secondary);
}
.ova-switch-language select#ova-language:hover {
cursor: pointer;
}
.ova-blog {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
column-gap: 40px;
}
@media (max-width: 1024px) {
.ova-blog {
column-gap: 30px;
row-gap: 30px;
}
}
.ova-blog .item {
display: grid;
gap: 10px;
}
.ova-blog .item .media {
position: relative;
}
.ova-blog .item .media a {
display: inline-block;
}
.ova-blog .item .media img {
display: block;
object-fit: cover;
}
.ova-blog .item .content {
position: relative;
text-align: left;
}
.ova-blog .item .content .box-author-date {
display: flex;
flex-direction: column-reverse;
}
@media (max-width: 767px) {
.ova-blog .item .content .box-author-date {
flex-direction: column;
}
}
.ova-blog .item .content .post-date {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: relative;
font-size: 14px;
}
.ova-blog .item .content .post-date span {
display: block;
line-height: 1;
}
.ova-blog .item .content .post-date:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .content .post-meta {
list-style-type: none;
padding: 0;
margin: 0;
display: inline-flex;
margin-bottom: 12px;
}
.ova-blog .item .content .post-meta .item-meta {
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
}
.ova-blog .item .content .post-meta .item-meta .left {
margin-right: 5px;
color: var(--text);
}
.ova-blog .item .content .post-meta .item-meta .left i {
font-size: 14px;
}
.ova-blog .item .content .post-meta .item-meta .right a {
font-size: 14px;
color: var(--text);
font-weight: 600;
}
.ova-blog .item .content .post-meta .item-meta .right a:hover {
color: var(--primary);
}
.ova-blog .item .content .post-meta .item-meta:not(:last-child) {
margin-right: 15px;
}
.ova-blog .item .content .post-title {
margin: 0px;
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
}
@media (max-width: 767px) {
.ova-blog .item .content .post-title {
font-size: 24px;
margin-bottom: 5px;
}
}
.ova-blog .item .content .post-title a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--heading);
}
.ova-blog .item .content .post-title a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .view-all {
display: flex;
justify-content: center;
align-items: center;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.ova-blog .view-all span {
margin-right: 5px;
}
.ova-blog .view-all:hover {
color: var(--heading);
}
.ova-blog.ova-template1 {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog.ova-template1 {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-blog.ova-template1 {
grid-template-columns: 1fr;
}
}
.ova-blog.ova-template1 .item {
grid-template-columns: 4fr 7fr;
border-bottom: 1px solid var(--border);
margin-bottom: 30px;
padding-bottom: 20px;
}
@media (max-width: 1024px) {
.ova-blog.ova-template1 .item {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item {
grid-template-columns: 1fr;
}
}
.ova-blog.ova-template1 .item .media img {
width: 140px;
height: 120px;
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item .media img {
width: 100%;
height: auto;
}
}
.ova-blog.ova-template1 .item:nth-last-child(2) {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item:nth-last-child(2) {
margin-bottom: 0px;
}
}
.ova-blog.ova-template1 .item:first-child {
display: block;
margin-bottom: 0;
grid-row-start: 1;
grid-row-end: 5;
grid-template-columns: 1fr;
padding-bottom: 0;
margin-bottom: unset;
border-bottom: unset;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item:first-child {
grid-row-start: unset;
grid-row-end: unset;
border-bottom: 2px solid var(--border);
}
}
.ova-blog.ova-template1 .item:first-child .media a {
display: block;
}
.ova-blog.ova-template1 .item:first-child .media img {
width: 100%;
height: 560px;
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item:first-child .media img {
height: 360px;
}
}
.ova-blog.ova-template1 .item:first-child .content {
width: 100%;
position: absolute;
bottom: 0px;
left: 50%;
background: rgba(1, 10, 18, 0.4);
transform: translate(-50%, 0%);
padding: 30px;
}
@media (max-width: 479px) {
.ova-blog.ova-template1 .item:first-child .content {
padding: 20px;
}
}
.ova-blog.ova-template1 .item:first-child .content .box-author-date {
flex-direction: column;
}
.ova-blog.ova-template1 .item:first-child .content .post-title {
font-size: 24px;
font-weight: 600;
}
.ova-blog.ova-template1 .item:first-child .content .post-title a {
color: #fff;
}
.ova-blog.ova-template1 .item:first-child .content .post-title a:hover {
color: var(--primary);
}
.ova-blog.ova-template1 .item:first-child .content .post-meta .item-meta .left {
color: #fff;
}
.ova-blog.ova-template1 .item:first-child .content .post-date span {
color: #fff;
}
.ova-blog.ova-template1 .item:first-child .content .post-meta .item-meta .right a {
color: #fff;
}
.ova-blog.ova-template1 .item:first-child .content .post-meta .item-meta span {
color: #fff;
}
.ova-blog.ova-template1 .item:nth-child(2) {
display: block;
margin-bottom: 0;
grid-row-start: 1;
grid-row-end: 5;
grid-template-columns: 1fr;
margin-bottom: unset;
border-bottom: unset;
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item:nth-child(2) {
grid-row-start: unset;
grid-row-end: unset;
border-bottom: 2px solid var(--border);
}
}
.ova-blog.ova-template1 .item:nth-child(2) .content .box-author-date {
flex-direction: column;
}
.ova-blog.ova-template1 .item:nth-child(2) .content .post-title {
font-size: 24px;
font-weight: 600;
}
.ova-blog.ova-template1 .item:nth-child(2) .content .short_desc {
display: block;
margin-bottom: 10px;
}
.ova-blog.ova-template1 .item:nth-child(2) .content .short_desc p {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.ova-blog.ova-template1 .item:nth-child(2) .content .read-more {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
display: inline-flex;
justify-content: center;
align-items: center;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.ova-blog.ova-template1 .item:nth-child(2) .content .read-more i {
display: inline-flex;
margin-left: 4px;
}
.ova-blog.ova-template1 .item:nth-child(2) .content .read-more:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog.ova-template1 .item:nth-child(2) .media {
margin-bottom: 30px;
}
.ova-blog.ova-template1 .item:nth-child(2) .media a {
display: block;
}
.ova-blog.ova-template1 .item:nth-child(2) .media img {
width: 100%;
height: 260px;
}
@media (max-width: 767px) {
.ova-blog.ova-template1 .item:nth-child(2) .media img {
height: auto;
}
}
.ova-blog.ova-template2 {
grid-template-columns: 1fr 1fr;
row-gap: 40px;
}
@media (max-width: 900px) {
.ova-blog.ova-template2 {
grid-template-columns: 1fr;
}
}
.ova-blog.ova-template2 .item {
column-gap: 0px;
background-color: #fff;
}
.ova-blog.ova-template2 .item .content {
padding: 30px;
}
@media (max-width: 767px) {
.ova-blog.ova-template2 .item .content {
padding: 20px;
}
}
.ova-blog.ova-template2 .item .content .box-author-date {
flex-direction: column;
}
.ova-blog.ova-template2 .item .content .post-title {
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
}
.ova-blog.ova-template2 .item .content .read-more {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
justify-content: start;
align-items: center;
border: 1px solid var(--primary);
padding: 4px 20px;
margin-top: 23px;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
}
.ova-blog.ova-template2 .item .content .read-more span {
margin-right: 5px;
}
.ova-blog.ova-template2 .item .content .read-more:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova-blog.ova-template2 .item .content .short_desc {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ova-blog.ova-template2 .item .content .short_desc p {
margin-bottom: 0;
}
.ova-blog.ova-template2 .item:first-child {
display: block;
margin-bottom: 0;
grid-row-start: 1;
grid-row-end: 3;
grid-template-columns: 1fr;
}
.ova-blog.ova-template2 .item:first-child .content .short_desc {
-webkit-line-clamp: 1;
}
.ova-blog.ova-template2 .item:first-child .content .read-more {
padding: 10px 30px;
margin-top: 20px;
}
@media (max-width: 900px) {
.ova-blog.ova-template2 .item:first-child .content .read-more {
padding: 5px 25px;
}
}
.ova-blog.ova-template2 .item:first-child .media a {
display: block;
}
.ova-blog.ova-template2 .item:first-child .media a img {
width: 100%;
height: 410px;
}
@media (max-width: 900px) {
.ova-blog.ova-template2 .item:first-child .media a img {
height: auto;
}
}
.ova-blog.ova-template2 .item:not(:first-child) {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
.ova-blog.ova-template2 .item:not(:first-child) {
grid-template-columns: 1fr;
}
}
.ova-blog.ova-template2 .item:not(:first-child) .media a {
display: block;
}
@media (max-width: 1300px) {
.ova-blog.ova-template2 .item:not(:first-child) .media a {
height: 100%;
}
}
.ova-blog.ova-template2 .item:not(:first-child) .media img {
width: 100%;
height: 309px;
}
@media (max-width: 1300px) {
.ova-blog.ova-template2 .item:not(:first-child) .media img {
height: 100%;
}
}
@media (max-width: 900px) {
.ova-blog.ova-template2 .item:not(:first-child) .media img {
height: auto;
}
}
.ova-menu-cart {
position: relative;
line-height: 1;
}
.ova-menu-cart .cart-total {
cursor: pointer;
display: inline-flex;
align-items: center;
color: #fff;
}
.ova-menu-cart .cart-total i {
display: inline-flex;
font-size: 24px;
margin-right: 2px;
}
.ova-menu-cart .cart-total .items {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #FF6159;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 12px;
line-height: 1;
font-weight: 700;
}
.ova-menu-cart .minicart {
transition: all 0.5s ease;
position: absolute;
right: 0;
top: 0;
width: 280px;
background-color: #fff;
font-size: 14px;
padding: 2em 1em;
visibility: hidden;
opacity: 0;
display: block;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons {
margin: 0;
clear: both;
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a {
transition: all 0.3s ease;
color: #fff;
background-color: var(--primary);
border-radius: 0;
border: 1px solid var(--primary);
padding: 12px 30px;
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a:first-child {
margin-right: 5px;
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a:hover {
transition: all 0.3s ease;
background-color: transparent;
color: var(--primary);
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart {
list-style: none;
padding: 0;
margin: 0;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li:after {
content: "";
clear: both;
display: table;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a {
display: inline;
color: var(--heading);
text-transform: capitalize;
font-weight: 500;
padding: 0;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove {
padding: 0px 30px 0px 0px;
background-color: transparent;
font-size: 1em;
width: 1em;
height: 1em;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove:hover {
background-color: transparent;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li img {
width: 90px;
float: right;
margin-bottom: 20px;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li dl.variation {
display: none;
}
.ova-menu-cart:hover .minicart {
transition: all 0.5s ease;
z-index: 9999;
top: 32px;
visibility: visible;
opacity: 1;
}
.ova-menu-footer .menu {
list-style: none;
margin: 0;
padding: 0;
}
.ova-menu-footer .menu a {
color: var(--text);
text-decoration: none;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-menu-footer .menu a:before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-menu-footer .menu a:hover:before {
width: 100%;
}
.ova-menu-footer .menu .sub-menu {
list-style: none;
}
.ova-mc4wp-form {
position: relative;
}
.ova-mc4wp-form .email {
display: flex;
align-items: center;
width: 100%;
}
.ova-mc4wp-form .email input {
border-radius: unset;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: var(--light);
width: 100%;
background-color: transparent;
border: 1px solid var(--text);
}
.ova-mc4wp-form .email input::placeholder {
color: var(--light);
font-weight: 500;
opacity: 1;
}
.ova-mc4wp-form .email input:-webkit-autofill {
transition-delay: 600s;
}
.ova-mc4wp-form .submit {
position: absolute;
right: 0;
top: 50%;
transform: translate(0px, -50%);
}
.ova-mc4wp-form .submit button {
border-radius: 0;
padding: 12px;
}
.ova-mc4wp-form .submit button span {
display: none;
}
.ova-mc4wp-form .submit button i {
font-size: 16px;
color: #ffffff;
display: flex;
}
.mc4wp-response p {
color: #fff;
margin: 15px 0px;
}
.ova-mc4wp-subscribe .ova-mc4wp-form .email input {
font-size: 16px;
border: none;
background-color: #fff;
color: var(--text);
padding: 18px 30px;
}
.ova-mc4wp-subscribe .ova-mc4wp-form .submit {
right: 30px;
}
.ova-mc4wp-subscribe .ova-mc4wp-form .submit button {
background-color: transparent;
border: none;
padding: 0;
}
.ova-mc4wp-subscribe .ova-mc4wp-form .submit button span {
font-family: var(--secondary-font);
display: inline-block;
color: var(--primary);
font-weight: bold;
}
.ova-mc4wp-subscribe .ova-mc4wp-form .submit button i {
display: none;
}
.ova-blog-slider {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
}
.ova-blog-slider .owl-stage-outer {
margin-right: -15px;
margin-left: -15px;
padding-right: 15px;
padding-left: 15px;
}
.ova-blog-slider.owl-carousel .owl-dots {
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0px 4px;
position: relative;
bottom: 4px;
}
.ova-blog-slider.owl-carousel .owl-dots button {
width: 28px;
height: 2px;
background-color: var(--secondary);
border-radius: 0px;
margin: 0px 4px;
}
.ova-blog-slider.owl-carousel .owl-dots button.active {
width: 44px;
height: 4px;
background-color: var(--primary);
}
.ova-blog-slider.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
}
.ova-blog-slider.owl-carousel .owl-nav button.owl-prev {
left: -35px;
transform: translate(-50%, 0);
background-color: #fff;
border-radius: 0px;
}
@media (max-width: 1500px) {
.ova-blog-slider.owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
}
.ova-blog-slider.owl-carousel .owl-nav button.owl-next {
right: -55px;
transform: translate(0, -50%);
background-color: #fff;
border-radius: 0;
}
@media (max-width: 1500px) {
.ova-blog-slider.owl-carousel .owl-nav button.owl-next {
right: 0px;
}
}
.ova-blog-slider.owl-carousel .owl-nav button.owl-next:hover, .ova-blog-slider.owl-carousel .owl-nav button.owl-prev:hover {
background-color: var(--primary);
}
.ova-blog-slider.owl-carousel .owl-nav button.owl-next:hover i, .ova-blog-slider.owl-carousel .owl-nav button.owl-prev:hover i {
color: #fff;
}
.ova-blog-slider.owl-carousel .owl-nav button i {
display: flex;
justify-content: center;
align-items: center;
}
.ova-blog-slider .active .item:hover .media img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ova-blog-slider .item {
background-color: #ffffff;
margin: 0 0 40px 0;
}
@media (max-width: 400px) {
.ova-blog-slider .item {
margin: 10px 0 30px 0;
}
}
.ova-blog-slider .item .media {
position: relative;
overflow: hidden;
}
.ova-blog-slider .item .media img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
display: block;
height: 285px;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale3(1);
}
.ova-blog-slider .item .media .category-blog {
position: absolute;
bottom: 10px;
left: 29px;
color: #fff;
font-size: 16px;
font-weight: 600;
}
.ova-blog-slider .item .media .category-blog i {
font-size: 14px;
position: relative;
z-index: 3;
}
.ova-blog-slider .item .media .category-blog a {
color: #fff;
position: relative;
z-index: 3;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog-slider .item .media .category-blog a:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog-slider .item .blog-content {
padding: 40px;
text-align: left;
}
@media (max-width: 400px) {
.ova-blog-slider .item .blog-content {
padding: 30px 15px;
}
}
.ova-blog-slider .item .blog-content .post-meta {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
}
.ova-blog-slider .item .blog-content .post-meta .item-meta {
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
}
.ova-blog-slider .item .blog-content .post-meta .item-meta:not(:last-child) {
margin-right: 30px;
}
.ova-blog-slider .item .blog-content .post-meta .item-meta .left {
padding-right: 5px;
color: var(--text);
font-size: 16px;
}
.ova-blog-slider .item .blog-content .post-meta .item-meta .right {
text-align: left;
color: var(--text);
}
.ova-blog-slider .item .blog-content .post-meta .item-meta .right a {
color: var(--text);
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.ova-blog-slider .item .blog-content .post-meta .item-meta .right a:hover {
color: var(--primary);
}
.ova-blog-slider .item .blog-content .post-meta .post-comment {
padding-left: 15px;
}
@media (max-width: 350px) {
.ova-blog-slider .item .blog-content .post-meta .post-comment {
margin-left: 5px;
padding-left: 5px;
}
}
.ova-blog-slider .item .blog-content .post-title {
margin: 16px 0;
text-align: left;
}
.ova-blog-slider .item .blog-content .post-title a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--heading);
font-size: 24px;
font-weight: 600;
line-height: 32px;
text-transform: capitalize;
}
.ova-blog-slider .item .blog-content .post-title a:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
@media (max-width: 360px) {
.ova-blog-slider .item .blog-content .post-title a {
font-size: 24px;
}
}
.ova-blog-slider .item .blog-content .short_desc {
margin: 0 0 15px 0;
padding: 0;
text-align: left;
}
.ova-blog-slider .item .blog-content .short_desc p {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.ova-blog-slider .item .blog-content .read-more {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
display: inline-flex;
padding: 6px 20px;
border: 1px solid var(--primary);
border-radius: 0px;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin-top: 10px;
text-transform: uppercase;
justify-content: center;
align-items: center;
}
.ova-blog-slider .item .blog-content .read-more span {
margin-right: 5px;
}
.ova-blog-slider .item .blog-content .read-more:hover {
color: #ffffff;
border-color: transparent;
background-color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-testimonial .owl-stage-outer {
padding: 50px 0;
}
@media (max-width: 767px) {
.ova-testimonial .owl-stage-outer {
padding-bottom: 30px;
}
}
.ova-testimonial.testimonial-version_2 {
border: 2px solid var(--border);
padding: 100px 25%;
background-color: #fff;
}
@media (max-width: 1024px) {
.ova-testimonial.testimonial-version_2 {
padding: 50px 25%;
}
}
@media (max-width: 767px) {
.ova-testimonial.testimonial-version_2 {
padding: 20px 20px;
padding-top: 12px;
}
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-stage-outer {
padding: 0;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .client_info {
border: unset;
padding: 0;
background-color: transparent;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .client_info .icon-quote {
position: initial;
left: unset;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .client_info p.evaluate {
font-size: 20px;
font-weight: 300;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-prev {
left: -25%;
}
@media (max-width: 1500px) {
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-prev {
left: -25%;
}
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-next {
right: -30%;
}
@media (max-width: 1500px) {
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-next {
right: -30%;
}
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-dots {
margin-top: 20px;
}
.ova-testimonial.testimonial-version_2 #testimonial-counter {
position: absolute;
right: 27%;
bottom: 110px;
z-index: 5;
font-size: 20px;
font-weight: 300;
font-style: italic;
letter-spacing: 3px;
color: #111111;
}
@media (max-width: 1024px) {
.ova-testimonial.testimonial-version_2 #testimonial-counter {
bottom: 55px;
}
}
@media (max-width: 767px) {
.ova-testimonial.testimonial-version_2 #testimonial-counter {
bottom: 30px;
right: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info {
border: 1px solid var(--border);
background-color: #fff;
padding: 40px 45px 50px 50px;
position: relative;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info {
padding: 34px 20px 40px 20px;
}
}
.ova-testimonial .slide-testimonials .client_info:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 50px;
width: 27px;
height: 30px;
background-color: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 0);
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info:after {
left: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info .icon-quote {
position: absolute;
top: -30px;
left: 50px;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info .icon-quote {
left: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i {
display: inline-block;
color: var(--primary);
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i:before {
margin: 0;
font-size: 50px;
line-height: 1;
}
.ova-testimonial .slide-testimonials .client_info p.evaluate {
font-size: 16px;
font-weight: 400;
font-style: italic;
color: var(--text);
line-height: 26px;
margin: 0 0 9px 0;
}
.ova-testimonial .slide-testimonials .client_info .info {
padding-top: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ova-testimonial .slide-testimonials .client_info .info .client {
margin-right: 15px;
}
.ova-testimonial .slide-testimonials .client_info .info .client img {
min-height: 60px;
max-width: 60px;
width: 100%;
object-fit: cover;
display: block;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job p {
margin: 0;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .name {
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: var(--heading);
letter-spacing: 0.2px;
margin-bottom: 2px;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .job {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: var(--text);
}
.ova-testimonial .slide-testimonials .owl-dots {
text-align: center;
margin-top: 2px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot {
outline: none;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot span {
width: 6px;
height: 6px;
margin: 5px;
background: var(--text);
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot.active span {
width: 12px;
border-radius: 5px;
opacity: 1;
background-color: var(--primary);
}
.ova-testimonial .slide-testimonials .owl-nav button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
}
.ova-testimonial .slide-testimonials .owl-nav button.owl-prev {
left: -35px;
transform: translate(-50%, -50%);
border-radius: 0px;
}
@media (max-width: 1500px) {
.ova-testimonial .slide-testimonials .owl-nav button.owl-prev {
left: 40px;
}
}
.ova-testimonial .slide-testimonials .owl-nav button.owl-next {
right: -75px;
transform: translate(-50%, -50%);
border-radius: 0;
}
@media (max-width: 1500px) {
.ova-testimonial .slide-testimonials .owl-nav button.owl-next {
right: 0px;
}
}
.ova-testimonial .slide-testimonials .owl-nav button.owl-next:hover i, .ova-testimonial .slide-testimonials .owl-nav button.owl-prev:hover i {
color: var(--primary);
}
.ova-testimonial .slide-testimonials .owl-nav button i {
display: flex;
justify-content: center;
align-items: center;
}
.ova-testimonial .owl-stage-outer {
padding: 50px 0;
}
@media (max-width: 767px) {
.ova-testimonial .owl-stage-outer {
padding-bottom: 30px;
}
}
.ova-testimonial.testimonial-version_2 {
border: 2px solid var(--border);
padding: 100px 25%;
background-color: #fff;
}
@media (max-width: 1024px) {
.ova-testimonial.testimonial-version_2 {
padding: 50px 25%;
}
}
@media (max-width: 767px) {
.ova-testimonial.testimonial-version_2 {
padding: 20px 20px;
padding-top: 12px;
}
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-stage-outer {
padding: 0;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .client_info {
border: unset;
padding: 0;
background-color: transparent;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .client_info .icon-quote {
position: initial;
left: unset;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .client_info p.evaluate {
font-size: 20px;
font-weight: 300;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-prev {
left: -25%;
}
@media (max-width: 1500px) {
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-prev {
left: -25%;
}
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-next {
right: -30%;
}
@media (max-width: 1500px) {
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-nav button.owl-next {
right: -30%;
}
}
.ova-testimonial.testimonial-version_2 .slide-testimonials .owl-dots {
margin-top: 20px;
}
.ova-testimonial.testimonial-version_2 #testimonial-counter {
position: absolute;
right: 27%;
bottom: 110px;
z-index: 5;
font-size: 20px;
font-weight: 300;
font-style: italic;
letter-spacing: 3px;
color: #111111;
}
@media (max-width: 1024px) {
.ova-testimonial.testimonial-version_2 #testimonial-counter {
bottom: 55px;
}
}
@media (max-width: 767px) {
.ova-testimonial.testimonial-version_2 #testimonial-counter {
bottom: 30px;
right: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info {
border: 1px solid var(--border);
background-color: #fff;
padding: 40px 45px 50px 50px;
position: relative;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info {
padding: 34px 20px 40px 20px;
}
}
.ova-testimonial .slide-testimonials .client_info:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 50px;
width: 27px;
height: 30px;
background-color: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 0);
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info:after {
left: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info .icon-quote {
position: absolute;
top: -30px;
left: 50px;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client_info .icon-quote {
left: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i {
display: inline-block;
color: var(--primary);
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i:before {
margin: 0;
font-size: 50px;
line-height: 1;
}
.ova-testimonial .slide-testimonials .client_info p.evaluate {
font-size: 16px;
font-weight: 400;
font-style: italic;
color: var(--text);
line-height: 26px;
margin: 0 0 9px 0;
}
.ova-testimonial .slide-testimonials .client_info .info {
padding-top: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ova-testimonial .slide-testimonials .client_info .info .client {
margin-right: 15px;
}
.ova-testimonial .slide-testimonials .client_info .info .client img {
min-height: 60px;
max-width: 60px;
width: 100%;
object-fit: cover;
display: block;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job p {
margin: 0;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .name {
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: var(--heading);
letter-spacing: 0.2px;
margin-bottom: 2px;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .job {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: var(--text);
}
.ova-testimonial .slide-testimonials .owl-dots {
text-align: center;
margin-top: 2px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot {
outline: none;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot span {
width: 6px;
height: 6px;
margin: 5px;
background: var(--text);
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot.active span {
width: 12px;
border-radius: 5px;
opacity: 1;
background-color: var(--primary);
}
.ova-testimonial .slide-testimonials .owl-nav button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
}
.ova-testimonial .slide-testimonials .owl-nav button.owl-prev {
left: -35px;
transform: translate(-50%, -50%);
border-radius: 0px;
}
@media (max-width: 1500px) {
.ova-testimonial .slide-testimonials .owl-nav button.owl-prev {
left: 40px;
}
}
.ova-testimonial .slide-testimonials .owl-nav button.owl-next {
right: -75px;
transform: translate(-50%, -50%);
border-radius: 0;
}
@media (max-width: 1500px) {
.ova-testimonial .slide-testimonials .owl-nav button.owl-next {
right: 0px;
}
}
.ova-testimonial .slide-testimonials .owl-nav button.owl-next:hover i, .ova-testimonial .slide-testimonials .owl-nav button.owl-prev:hover i {
color: var(--primary);
}
.ova-testimonial .slide-testimonials .owl-nav button i {
display: flex;
justify-content: center;
align-items: center;
}
.awards-slider .ova-awards-slider .images-box .list-images:hover .awards {
transition: all 0.3s ease;
color: var(--primary);
}
.awards-slider .ova-awards-slider .images-box .list-images:hover img {
transition: all 0.5s ease;
transform: scale(1.05);
}
.awards-slider .ova-awards-slider .images-box .list-images .awards {
transition: all 0.3s ease;
font-size: 24px;
font-weight: 600;
line-height: 32px;
text-transform: capitalize;
text-align: center;
white-space: pre-line;
margin: 0;
margin-top: 35px;
}
@media (max-width: 1024px) {
.awards-slider .ova-awards-slider .images-box .list-images .awards {
white-space: normal;
}
}
.awards-slider .ova-awards-slider .images-box .list-images img {
transition: all 0.5s ease;
transform: scale(1);
}
.awards-slider .ova-awards-slider.owl-carousel .owl-dots {
text-align: center;
margin-top: 2px;
}
.awards-slider .ova-awards-slider.owl-carousel .owl-dots .owl-dot {
outline: none;
}
.awards-slider .ova-awards-slider.owl-carousel .owl-dots .owl-dot span {
width: 6px;
height: 6px;
margin: 5px;
background: var(--text);
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.awards-slider .ova-awards-slider.owl-carousel .owl-dots .owl-dot.active span {
width: 12px;
border-radius: 5px;
opacity: 1;
background-color: var(--primary);
}
.owl-theme .custom-nav {
display: flex;
gap: 10px;
}
.owl-theme .custom-nav button {
width: 40px;
height: 40px;
border-radius: 0px;
padding: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
}
.owl-theme .custom-nav button i {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
font-size: 18px;
display: flex;
color: var(--text);
}
.owl-theme .custom-nav button:hover i {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
color: var(--heading);
}
.owl-theme .custom-nav button.owl-prev, .owl-theme .custom-nav button.owl-next {
border-color: transparent;
}
.owl-theme .custom-nav button.owl-prev:hover, .owl-theme .custom-nav button.owl-next:hover {
background-color: var(--primary);
}
.owl-theme .custom-nav button.owl-prev:hover i, .owl-theme .custom-nav button.owl-next:hover i {
color: #ffffff;
}
.ova-video {
display: flex;
position: relative;
}
.ova-video .icon-content-view {
width: 100%;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
}
.ova-video .icon-content-view .img {
position: relative;
overflow: hidden;
}
.ova-video .icon-content-view .img:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: transparent;
opacity: 0.3;
}
.ova-video .icon-content-view .img img {
height: 600px;
display: block;
object-fit: cover;
}
@media (max-width: 767px) {
.ova-video .icon-content-view .img img {
height: 400px;
}
}
.ova-video .icon-content-view .video-btn {
cursor: pointer;
}
.ova-video .icon-content-view:hover .content:before {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .icon-content-view .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
width: 165px;
height: 165px;
min-width: 64px;
min-height: 64px;
border-radius: 50%;
}
@media (max-width: 479px) {
.ova-video .icon-content-view .content {
width: 140px;
height: 140px;
}
}
.ova-video .icon-content-view .content:before, .ova-video .icon-content-view .content:after {
content: "";
border-radius: 50%;
justify-content: center;
align-items: center;
display: inline-flex;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: zoomBig 1.5s linear infinite;
transform-origin: center;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ova-video .icon-content-view .content:before {
background: #fff;
animation-delay: 0.55s;
}
.ova-video .icon-content-view .content:after {
background-color: rgba(255, 255, 255, 0.5019607843);
}
.ova-video .icon-content-view .content i {
display: flex;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 36px;
z-index: 1;
color: var(--primary);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
font-size: 27px;
}
@media (max-width: 767px) {
.ova-video .icon-content-view .content i {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}
@media (max-width: 479px) {
.ova-video .icon-content-view .content i {
animation: unset;
}
}
.ova-video .icon-content-view .content:hover {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .icon-content-view .ova-text {
margin: 0;
font-weight: 500;
font-size: 20px;
line-height: 1.4;
color: var(--heading);
margin-left: 16px;
}
.ova-video .icon-content-view .ova-text a {
color: var(--heading);
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .modal-container {
display: none;
background-color: rgba(0, 0, 0, 0.2);
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
}
.ova-video .modal-container .modal {
width: 900px;
height: 500px;
position: relative;
}
@media screen and (max-width: 900px) {
.ova-video .modal-container .modal {
width: 768px;
height: 450px;
}
}
@media screen and (max-width: 788px) {
.ova-video .modal-container .modal {
width: 600px;
height: 350px;
}
}
@media screen and (max-width: 620px) {
.ova-video .modal-container .modal {
width: 400px;
height: 250px;
}
}
@media screen and (max-width: 420px) {
.ova-video .modal-container .modal {
width: 320px;
height: 200px;
}
}
@media screen and (max-width: 330px) {
.ova-video .modal-container .modal {
width: 300px;
height: 180px;
}
}
.ova-video .modal-container .modal i {
position: absolute;
right: -10px;
top: -35px;
padding: 10px;
cursor: pointer;
font-size: 12px;
color: #fff;
font-weight: 600;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .modal-container .modal i:hover {
color: #000;
}
.ova-video .modal-container .modal .modal-video {
width: 100%;
height: 100%;
}
.ova-video .owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 40px;
height: 40px;
border-radius: 0px;
padding: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.ova-video .owl-carousel .owl-nav button i {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
font-size: 16px;
display: flex;
color: var(--text);
}
.ova-video .owl-carousel .owl-nav button:hover i {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
color: var(--heading);
}
.ova-video .owl-carousel .owl-nav button.owl-prev, .ova-video .owl-carousel .owl-nav button.owl-next {
border-color: transparent;
background-color: #fff;
}
.ova-video .owl-carousel .owl-nav button.owl-prev:hover, .ova-video .owl-carousel .owl-nav button.owl-next:hover {
background-color: var(--primary);
}
.ova-video .owl-carousel .owl-nav button.owl-prev:hover i, .ova-video .owl-carousel .owl-nav button.owl-next:hover i {
color: #ffffff;
}
.ova-video .owl-carousel .owl-nav button.owl-prev {
left: 30px;
}
@media (max-width: 767px) {
.ova-video .owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
}
.ova-video .owl-carousel .owl-nav button.owl-next {
right: 30px;
}
@media (max-width: 767px) {
.ova-video .owl-carousel .owl-nav button.owl-next {
right: 20px;
}
}
@keyframes zoomBig {
from {
width: 30%;
height: 30%;
opacity: 1;
}
to {
width: 100%;
height: 100%;
opacity: 0;
}
}
.items-slider-container .slider-for {
width: calc(70% - 10px);
float: left;
}
@media (max-width: 600px) {
.items-slider-container .slider-for {
width: 100%;
}
}
.items-slider-container .slider-for .item-content {
position: relative;
}
.items-slider-container .slider-for .item-content .item-image-video img {
display: block;
width: 100%;
height: 430px;
object-fit: cover;
}
.items-slider-container .slider-for .item-content .video-btn {
cursor: pointer;
}
.items-slider-container .slider-for .item-content:hover .content:before {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.items-slider-container .slider-for .item-content .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
width: 165px;
height: 165px;
min-width: 64px;
min-height: 64px;
border-radius: 50%;
}
@media (max-width: 479px) {
.items-slider-container .slider-for .item-content .content {
width: 130px;
height: 130px;
}
}
.items-slider-container .slider-for .item-content .content:before, .items-slider-container .slider-for .item-content .content:after {
content: "";
border-radius: 50%;
justify-content: center;
align-items: center;
display: inline-flex;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: zoomBig 1.5s linear infinite;
transform-origin: center;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.items-slider-container .slider-for .item-content .content:before {
background: rgba(255, 255, 255, 0.6);
animation-delay: 0.55s;
}
.items-slider-container .slider-for .item-content .content:after {
border: 2px solid var(--primary);
}
.items-slider-container .slider-for .item-content .content i {
display: flex;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 36px;
z-index: 1;
color: var(--primary);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
font-size: 27px;
}
@media (max-width: 767px) {
.items-slider-container .slider-for .item-content .content i {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}
@media (max-width: 479px) {
.items-slider-container .slider-for .item-content .content i {
animation: unset;
}
}
.items-slider-container .slider-for .item-content .content:hover {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.items-slider-container .slider-for button {
background-color: #fff;
z-index: 1;
width: 40px;
height: 40px;
border-radius: 0;
}
.items-slider-container .slider-for button:before {
opacity: 1;
color: var(--text);
font-family: ovaicon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.items-slider-container .slider-for button:hover {
background-color: var(--primary);
}
.items-slider-container .slider-for button:hover:before {
color: #fff;
}
.items-slider-container .slider-for button.slick-prev {
left: 24px;
}
@media (max-width: 600px) {
.items-slider-container .slider-for button.slick-prev {
left: 10px;
}
}
.items-slider-container .slider-for button.slick-prev:before {
content: "\f101";
}
.items-slider-container .slider-for button.slick-next {
right: 24px;
}
@media (max-width: 600px) {
.items-slider-container .slider-for button.slick-next {
right: 10px;
}
}
.items-slider-container .slider-for button.slick-next:before {
content: "\f102";
}
.items-slider-container .slider-nav {
width: calc(30% - 10px);
float: right;
}
@media (max-width: 600px) {
.items-slider-container .slider-nav {
display: none;
}
}
.items-slider-container .slider-nav .slick-list .slick-track .slick-slide .item-image-for {
margin-bottom: 5px;
}
.items-slider-container .slider-nav .slick-list .slick-track .slick-slide .item-image-for img {
width: 100%;
height: 130px;
object-fit: cover;
}
.items-slider-container .modal-container {
display: none;
background-color: rgba(0, 0, 0, 0.2);
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
}
.items-slider-container .modal-container .modal {
width: 900px;
height: 500px;
position: relative;
}
@media screen and (max-width: 900px) {
.items-slider-container .modal-container .modal {
width: 768px;
height: 450px;
}
}
@media screen and (max-width: 788px) {
.items-slider-container .modal-container .modal {
width: 600px;
height: 350px;
}
}
@media screen and (max-width: 620px) {
.items-slider-container .modal-container .modal {
width: 400px;
height: 250px;
}
}
@media screen and (max-width: 420px) {
.items-slider-container .modal-container .modal {
width: 320px;
height: 200px;
}
}
@media screen and (max-width: 330px) {
.items-slider-container .modal-container .modal {
width: 300px;
height: 180px;
}
}
.items-slider-container .modal-container .modal i {
position: absolute;
right: -10px;
top: -35px;
padding: 10px;
cursor: pointer;
font-size: 12px;
color: #fff;
font-weight: 600;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.items-slider-container .modal-container .modal i:hover {
color: #000;
}
.items-slider-container .modal-container .modal .modal-video {
width: 100%;
height: 100%;
}
.ova-product-slider .product-slider li.product {
display: inline-block;
text-align: center;
position: relative;
width: 100%;
}
.ova-product-slider .product-slider li.product .cat_product {
display: none;
color: var(--text);
font-size: 14px;
line-height: 1.2;
}
.ova-product-slider .product-slider li.product .button {
visibility: visible;
opacity: 1;
}
.ova-product-slider .product-slider li.product a.woocommerce-loop-product__link {
width: 100%;
}
.ova-product-slider .product-slider li.product .star-rating {
font-size: 13px;
color: #FFC83E;
margin: 0 auto 10px auto;
order: 3;
display: block;
float: none;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
width: 5.4em;
font-family: "star";
}
.ova-product-slider .product-slider li.product .star-rating:before {
content: "sssss";
float: left;
top: 0;
left: 0;
position: absolute;
}
.ova-product-slider .product-slider li.product .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.ova-product-slider .product-slider li.product .star-rating span:before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
}
.ova-product-slider .product-slider li.product .onsale {
display: inline-block;
position: absolute;
top: 10px;
left: 10px;
right: auto;
color: #fff;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: 500;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.ova-product-slider .product-slider li.product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.4;
color: var(--heading);
font-weight: 700;
}
.ova-product-slider .product-slider li.product .price {
display: block;
font-size: 16px;
line-height: 1.2;
color: var(--text);
margin-bottom: 12px;
}
.ova-product-slider .product-slider li.product .price ins {
margin-left: 6px;
text-decoration: none;
font-weight: 400;
}
.ova-product-slider .product-slider li.product .button,
.ova-product-slider .product-slider li.product a.add_to_cart_button {
display: inline-block;
position: relative;
font-family: var(--secondary-font);
font-weight: bold;
text-transform: uppercase;
color: #fff;
border-radius: 0;
transition: 0.4s;
padding: 15px 30px;
z-index: 2;
background: var(--primary);
border: 1px solid var(--primary);
margin-top: 1em;
}
.ova-product-slider .product-slider li.product .button:before,
.ova-product-slider .product-slider li.product a.add_to_cart_button:before {
content: "\e908";
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
margin-right: 0.53em;
vertical-align: bottom;
font-size: 22px;
}
.ova-product-slider .product-slider li.product .button.loading:after,
.ova-product-slider .product-slider li.product a.add_to_cart_button.loading:after {
right: 0.5em;
}
.ova-product-slider .product-slider li.product .button:hover,
.ova-product-slider .product-slider li.product a.add_to_cart_button:hover {
color: var(--primary);
background: #fff;
}
.ova-product-slider .product-slider li.product a.added_to_cart {
margin-top: 20px;
display: inline-block;
visibility: visible;
opacity: 1;
background-color: transparent !important;
color: var(--heading);
text-decoration: underline;
text-transform: capitalize;
padding: 0px 15px 0px 15px;
}
.ova-product-slider .product-slider li.product a.added_to_cart:hover {
color: var(--primary);
transition: 0.3s ease;
}
.ova-product-slider .product-slider li.product a.added_to_cart:after {
padding-left: 5px;
}
.ova-product-slider .product-slider li.product .product_type_external:after,
.ova-product-slider .product-slider li.product .product_type_grouped:after,
.ova-product-slider .product-slider li.product .product_type_variable:after {
position: absolute;
top: 0;
right: 10px;
}
.ova-product-slider .owl-carousel .owl-nav button {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
border-radius: 0;
top: -80px;
right: 0;
width: 40px;
height: 40px;
}
.ova-product-slider .owl-carousel .owl-nav button.owl-prev, .ova-product-slider .owl-carousel .owl-nav button.owl-next {
background: #fff;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
}
.ova-product-slider .owl-carousel .owl-nav button.owl-prev:hover, .ova-product-slider .owl-carousel .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-product-slider .owl-carousel .owl-nav button.owl-prev:hover i, .ova-product-slider .owl-carousel .owl-nav button.owl-next:hover i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-product-slider .owl-carousel .owl-nav button.owl-prev {
margin-right: 50px;
}
.ova-product-slider .owl-carousel .owl-nav button i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
}
.ova-product-slider .owl-dots {
margin-top: 45px;
text-align: center;
}
@media (max-width: 767px) {
.ova-product-slider .owl-dots {
margin-top: 30px;
}
}
.ova-product-slider .owl-dots .owl-dot {
outline: none;
}
.ova-product-slider .owl-dots .owl-dot span {
width: 15px;
height: 5px;
margin: 0 3px;
background: var(--border);
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 2px;
}
.ova-product-slider .owl-dots .owl-dot.active span {
background: var(--primary);
width: 30px;
}
.ova-gallery {
position: relative;
}
.ova-gallery .img img {
height: 640px;
object-fit: cover;
}
@media (max-width: 767px) {
.ova-gallery .img img {
height: 400px;
}
}
.ova-gallery .owl-carousel .owl-nav button {
position: absolute;
width: 72px;
height: 72px;
}
@media (max-width: 767px) {
.ova-gallery .owl-carousel .owl-nav button {
width: 40px;
height: 40px;
}
}
.ova-gallery .owl-carousel .owl-nav button.owl-prev {
left: 30px;
}
.ova-gallery .owl-carousel .owl-nav button.owl-next {
right: 30px;
}
.ova-gallery .owl-carousel .owl-nav button.owl-next, .ova-gallery .owl-carousel .owl-nav button.owl-prev {
background-color: rgba(14, 30, 50, 0.4);
border-radius: 0;
top: 50%;
transform: translateY(-50%);
}
.ova-gallery .owl-carousel .owl-nav button.owl-next:hover, .ova-gallery .owl-carousel .owl-nav button.owl-prev:hover {
background-color: #fff;
}
.ova-gallery .owl-carousel .owl-nav button.owl-next:hover i, .ova-gallery .owl-carousel .owl-nav button.owl-prev:hover i {
color: var(--primary);
}
.ova-gallery .owl-carousel .owl-nav button i {
color: #fff;
font-size: 25px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.ova-gallery .owl-carousel .owl-nav button i {
font-size: 18px;
}
}
.ova-pricing {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--background2);
text-align: center;
padding: 55px 40px 55px 40px;
overflow: hidden;
transform: scaleY(1);
}
@media (max-width: 460px) {
.ova-pricing {
padding: 40px 20px;
}
}
.ova-pricing:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-pricing.ova-pricing-active {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scaleY(1.07);
height: 110%;
background-color: var(--primary);
}
.ova-pricing.ova-pricing-active .pricing-btn {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: var(--primary);
background-color: #fff;
}
.ova-pricing.ova-pricing-active .pricing-btn i {
opacity: 0;
}
.ova-pricing.ova-pricing-active .pricing-btn:hover {
background-color: var(--heading);
color: #fff;
}
.ova-pricing.ova-pricing-active .icon {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
top: -1px;
left: -1px;
}
.ova-pricing.ova-pricing-active .pricing-title, .ova-pricing.ova-pricing-active .pricing-description, .ova-pricing.ova-pricing-active .price {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: #fff;
}
.ova-pricing.ova-pricing-active .shape:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-bottom: 1px solid var(--secondary-hover);
}
.ova-pricing.ova-pricing-active .pricing-service .pricing-service-list li .text_service {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: #fff;
}
.ova-pricing.ova-pricing-active .pricing-service .pricing-service-list .text-service-enable i {
color: #FFC83E;
}
.ova-pricing.ova-pricing-active .pricing-service .pricing-service-list .text-service-disable .text_service, .ova-pricing.ova-pricing-active .pricing-service .pricing-service-list .text-service-disable i {
color: #fff;
opacity: 0.8;
}
.ova-pricing .icon {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
display: inline-flex;
flex-wrap: wrap;
position: absolute;
top: -30%;
left: -30%;
background-color: var(--primary);
width: 100px;
height: 100px;
clip-path: polygon(100% 0, 0% 0%, 0 100%);
border-radius: 20px 0 0 0;
}
.ova-pricing .icon i {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
display: inline-flex;
font-size: 32px;
color: #fff;
margin: 14px 0 0 14px;
}
.ova-pricing .pricing-title {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
margin: 0;
padding-bottom: 30px;
font-weight: 700;
font-size: 16px;
line-height: 1.5;
text-transform: uppercase;
font-family: var(--primary-font);
}
.ova-pricing .pricing-description {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
margin: 0;
color: var(--text);
padding-bottom: 25px;
}
.ova-pricing .price {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color: var(--secondary);
font-weight: 700;
padding-bottom: 15px;
}
.ova-pricing .price .ova-price {
display: inline-block;
font-size: 60px;
}
.ova-pricing .price .period {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.ova-pricing .price .currency-symbol {
vertical-align: top;
font-family: var(--secondary-font);
font-size: 24px;
font-weight: 600;
}
.ova-pricing .pricing-service .pricing-service-list {
margin: 30px 0;
padding: 0;
list-style-type: none;
}
.ova-pricing .pricing-service .pricing-service-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 18px;
}
.ova-pricing .pricing-service .pricing-service-list li i {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
font-size: 15px;
display: inline-flex;
color: #3BC13B;
margin-right: 13px;
}
.ova-pricing .pricing-service .pricing-service-list li .text_service {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
font-weight: 400;
color: var(--heading);
font-size: 18px;
line-height: 1.3;
}
.ova-pricing .pricing-service .pricing-service-list li.text-service-disable .text_service {
color: var(--light);
}
.ova-pricing .pricing-service .pricing-service-list li.text-service-disable i {
color: #FE4037;
}
.ova-pricing .pricing-btn {
transition: all 0.5s ease-out 100ms;
-moz-transition: all 0.5s ease-out 100ms;
-webkit-transition: all 0.5s ease-out 100ms;
-o-transition: all 0.5s ease-out 100ms;
position: relative;
font-family: var(--secondary-font);
padding: 18px 40px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: var(--primary);
border-radius: 0;
}
.ova-pricing .pricing-btn i {
transition: all 0.5s ease-out 100ms;
-moz-transition: all 0.5s ease-out 100ms;
-webkit-transition: all 0.5s ease-out 100ms;
-o-transition: all 0.5s ease-out 100ms;
margin-left: 12px;
opacity: 1;
}
.ova-pricing .pricing-btn:hover {
transition: all 0.5s ease-out 100ms;
-moz-transition: all 0.5s ease-out 100ms;
-webkit-transition: all 0.5s ease-out 100ms;
-o-transition: all 0.5s ease-out 100ms;
color: var(--primary);
background-color: #fff;
}
.ova-pricing .pricing-btn:hover i {
transition: all 0.5s ease-out 100ms;
-moz-transition: all 0.5s ease-out 100ms;
-webkit-transition: all 0.5s ease-out 100ms;
-o-transition: all 0.5s ease-out 100ms;
opacity: 0;
}
.ova-product-filter .product-filter-button-wrapper {
list-style-type: none;
margin: 0 0 40px 0;
padding: 0;
text-align: center;
}
.ova-product-filter .product-filter-button-wrapper li.product-filter-button {
transition: all 0.3s ease;
position: relative;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 5px 20px;
margin: 5px 2px;
border: 1px solid var(--border);
}
.ova-product-filter .product-filter-button-wrapper li.product-filter-button.active-category, .ova-product-filter .product-filter-button-wrapper li.product-filter-button:hover {
transition: all 0.3s ease;
color: #fff;
border: 1px solid var(--primary);
background-color: var(--primary);
}
.ova-product-filter .product-filter {
list-style-type: none;
padding: 0;
margin: 0 auto;
}
.ova-product-filter .product-filter.two_column li.product {
width: calc(50% - 15px);
}
@media (max-width: 480px) {
.ova-product-filter .product-filter.two_column li.product {
width: 100%;
}
}
.ova-product-filter .product-filter.three_column li.product {
width: calc(33.33% - 20px);
}
@media (max-width: 991px) {
.ova-product-filter .product-filter.three_column li.product {
width: calc(50% - 15px);
}
}
@media (max-width: 480px) {
.ova-product-filter .product-filter.three_column li.product {
width: 100%;
}
}
.ova-product-filter .product-filter.four_column li.product {
width: calc(25% - 25px);
}
@media (max-width: 1024px) {
.ova-product-filter .product-filter.four_column li.product {
width: calc(33.33% - 20px);
}
}
@media (max-width: 991px) {
.ova-product-filter .product-filter.four_column li.product {
width: calc(50% - 15px);
}
}
@media (max-width: 480px) {
.ova-product-filter .product-filter.four_column li.product {
width: 100%;
}
}
.ova-product-filter .product-filter.five_column li.product {
width: calc(20% - 30px);
}
@media (max-width: 1224px) {
.ova-product-filter .product-filter.five_column li.product {
width: calc(25% - 25px);
}
}
@media (max-width: 1024px) {
.ova-product-filter .product-filter.five_column li.product {
width: calc(33.33% - 20px);
}
}
@media (max-width: 991px) {
.ova-product-filter .product-filter.five_column li.product {
width: calc(50% - 15px);
}
}
@media (max-width: 480px) {
.ova-product-filter .product-filter.five_column li.product {
width: 100%;
}
}
.ova-product-filter .product-filter li.product {
display: inline-block;
text-align: center;
position: relative;
padding-bottom: 40px;
}
.ova-product-filter .product-filter li.product .cat_product {
display: none;
color: var(--text);
font-size: 14px;
line-height: 1.2;
}
.ova-product-filter .product-filter li.product .button {
visibility: visible;
opacity: 1;
}
.ova-product-filter .product-filter li.product a.woocommerce-loop-product__link {
width: 100%;
}
.ova-product-filter .product-filter li.product a.woocommerce-loop-product__link img {
width: 100%;
}
.ova-product-filter .product-filter li.product .star-rating {
font-size: 13px;
color: #FFC83E;
margin: 0 auto 10px auto;
order: 3;
display: block;
float: none;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
width: 5.4em;
font-family: "star";
}
.ova-product-filter .product-filter li.product .star-rating:before {
content: "sssss";
float: left;
top: 0;
left: 0;
position: absolute;
}
.ova-product-filter .product-filter li.product .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.ova-product-filter .product-filter li.product .star-rating span:before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
}
.ova-product-filter .product-filter li.product .onsale {
display: inline-block;
position: absolute;
top: 10px;
left: 10px;
right: auto;
color: #fff;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: 500;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.ova-product-filter .product-filter li.product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.4;
color: var(--heading);
font-weight: 700;
}
.ova-product-filter .product-filter li.product .price {
display: block;
font-size: 16px;
line-height: 1.2;
color: var(--text);
margin-bottom: 12px;
}
.ova-product-filter .product-filter li.product .price ins {
margin-left: 6px;
text-decoration: none;
font-weight: 400;
}
.ova-product-filter .product-filter li.product .button,
.ova-product-filter .product-filter li.product a.add_to_cart_button {
display: inline-block;
position: relative;
font-family: var(--secondary-font);
font-weight: bold;
text-transform: uppercase;
color: #fff;
border-radius: 0;
transition: 0.4s;
padding: 15px 30px;
z-index: 2;
background: var(--primary);
border: 1px solid var(--primary);
margin-top: 1em;
}
.ova-product-filter .product-filter li.product .button:before,
.ova-product-filter .product-filter li.product a.add_to_cart_button:before {
content: "\e908";
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
margin-right: 0.53em;
vertical-align: bottom;
font-size: 22px;
}
.ova-product-filter .product-filter li.product .button.loading:after,
.ova-product-filter .product-filter li.product a.add_to_cart_button.loading:after {
right: 0.5em;
}
.ova-product-filter .product-filter li.product .button:hover,
.ova-product-filter .product-filter li.product a.add_to_cart_button:hover {
color: var(--primary);
background: #fff;
}
.ova-product-filter .product-filter li.product a.added_to_cart {
margin-top: 20px;
display: inline-block;
visibility: visible;
opacity: 1;
background-color: transparent !important;
color: var(--heading);
text-decoration: underline;
text-transform: capitalize;
padding: 0px 15px 0px 15px;
}
.ova-product-filter .product-filter li.product a.added_to_cart:hover {
color: var(--primary);
transition: 0.3s ease;
}
.ova-product-filter .product-filter li.product a.added_to_cart:after {
padding-left: 5px;
}
.ova-product-filter .product-filter li.product .product_type_external:after,
.ova-product-filter .product-filter li.product .product_type_grouped:after,
.ova-product-filter .product-filter li.product .product_type_variable:after {
position: absolute;
top: 0;
right: 10px;
}
.ova-contact-page {
position: relative;
}
.ova-contact-page p {
margin: 0;
}
.ova-contact-page input, .ova-contact-page textarea {
font-size: 16px;
font-weight: 400;
font-family: var(--primary-font);
}
.ova-contact-page input::placeholder, .ova-contact-page textarea::placeholder {
color: var(--text);
opacity: 1;
}
.ova-contact-page input:-ms-input-placeholder, .ova-contact-page textarea:-ms-input-placeholder {
color: var(--text);
}
.ova-contact-page input::-ms-input-placeholder, .ova-contact-page textarea::-ms-input-placeholder {
color: var(--text);
}
.ova-contact-page textarea {
background-color: #fff;
max-height: 250px;
}
.ova-contact-page input, .ova-contact-page select:not([size]):not([multiple]) {
width: 100%;
border: 1px solid transparent;
background-color: rgba(20, 81, 132, 0.0901960784);
padding: 13px 24px;
border-radius: 0;
}
@media (max-width: 479px) {
.ova-contact-page input, .ova-contact-page select:not([size]):not([multiple]) {
padding-left: 20px;
}
}
.ova-contact-page input[type=radio], .ova-contact-page input[type=checkbox] {
width: auto;
}
.ova-contact-page input[type=date] {
-webkit-appearance: none;
appearance: none;
}
.ova-contact-page input[type=date]::-webkit-inner-spin-button,
.ova-contact-page input[type=date]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
.ova-contact-page .wpcf7-acceptance {
display: inline-block;
margin: 25px 0;
}
.ova-contact-page .input-label {
display: block;
margin: 0 0 5px 0;
color: var(--heading);
}
.ova-contact-page i {
font-size: 14px;
line-height: 1;
font-weight: 700;
margin-left: 4px;
}
.ova-contact-page .text-email {
position: relative;
display: flex;
align-items: center;
column-gap: 30px;
margin-bottom: 30px;
}
@media (max-width: 479px) {
.ova-contact-page .text-email {
flex-flow: column;
}
}
.ova-contact-page .text-email.no-margin {
margin-bottom: 0;
}
@media (max-width: 479px) {
.ova-contact-page .text-email.no-margin-mobile {
margin-bottom: 0;
}
}
.ova-contact-page .text-email .ova-text {
position: relative;
width: 50%;
overflow: hidden;
}
@media (max-width: 479px) {
.ova-contact-page .text-email .ova-text {
width: 100%;
margin-bottom: 30px;
}
}
.ova-contact-page .text-email .ova-email {
position: relative;
width: 50%;
overflow: hidden;
}
@media (max-width: 479px) {
.ova-contact-page .text-email .ova-email {
width: 100%;
}
}
.ova-contact-page .ova_wrap_input {
position: relative;
margin-bottom: 20px;
}
.ova-contact-page .ova_wrap_input input, .ova-contact-page .ova_wrap_input select:not([size]):not([multiple]) {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 5px;
}
.ova-contact-page .ova_wrap_input i {
position: absolute;
bottom: 17px;
right: 14px;
}
.ova-contact-page .ova-phone .ova-text {
width: 100%;
margin-bottom: 0;
}
.ova-contact-page .ova-textarea {
margin-bottom: 30px;
position: relative;
}
.ova-contact-page .ova-textarea i {
position: absolute;
top: 30px;
left: 0%;
transform: translate(20px, -50%);
}
.ova-contact-page .ova-textarea textarea {
max-height: 120px;
width: 100%;
border-color: transparent;
background-color: rgba(20, 81, 132, 0.0901960784);
padding: 13px 24px;
border-radius: 0;
}
.ova-contact-page .ova-submit {
text-align: center;
}
.ova-contact-page .ova-submit.has-border-radius button {
border-radius: 5px;
}
.ova-contact-page .ova-submit button {
padding: 11px 30px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: var(--secondary-font);
letter-spacing: 0.5px;
border-radius: 0;
}
.ova-contact-page .ova-submit .wpcf7-spinner {
position: absolute;
}
.ova-contact-page.form-service .text-email input {
padding: 17px 20px;
}
.ova-contact-page.form-service .ova-textarea textarea {
max-height: 125px;
padding: 25px 20px;
}
.ova-contact-page.form-service .ova-full-witdh {
width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232;
color: #dc3232;
}
.ova-recent-post {
list-style-type: none;
margin: 0;
padding: 0;
}
.ova-recent-post .item {
display: flex;
gap: 15px;
}
.ova-recent-post .item .media a {
display: flex;
}
.ova-recent-post .item .media a img {
width: 100px;
min-width: 100px;
height: 100px;
object-fit: cover;
}
.ova-recent-post .item .info {
display: flex;
justify-content: center;
align-items: start;
flex-flow: column;
}
.ova-recent-post .item .info .post-title {
margin: 0;
font-size: 16px;
font-weight: 700;
line-height: 24px;
font-family: var(--primary-font);
overflow: hidden;
margin-bottom: 10px;
}
.ova-recent-post .item .info .post-title a {
color: var(--heading);
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.ova-recent-post .item .info .post-title a:hover {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
color: var(--primary);
}
.ova-recent-post .item .info .post-date {
color: var(--text);
font-size: 12px;
font-weight: 400;
line-height: 21px;
font-family: var(--primary-font);
}
.ova-recent-post .item .info .post-date .left {
margin-right: 5px;
}
.ova-recent-post .item .info .post-date .left i {
color: var(--text);
}
.ova-image-gallery-ft {
display: grid;
column-gap: 8px;
}
@media (max-width: 320px) {
.ova-image-gallery-ft {
grid-template-columns: 1fr 1fr;
}
}
.ova-image-gallery-ft.two_column {
grid-template-columns: 1fr 1fr;
}
.ova-image-gallery-ft.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
.ova-image-gallery-ft.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
.ova-image-gallery-ft.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
.ova-image-gallery-ft.five_column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-image-gallery-ft.five_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-image-gallery-ft.five_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
.ova-image-gallery-ft .item-fancybox-ft {
position: relative;
margin-bottom: 8px;
display: inline-flex;
}
.ova-image-gallery-ft .item-fancybox-ft img {
width: 100%;
border-radius: 0;
display: block;
object-fit: cover;
}
.ova-image-gallery-ft .item-fancybox-ft .overlay {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
width: 100%;
height: 100%;
border-radius: 0;
background-color: var(--heading);
position: absolute;
opacity: 0;
top: 0;
left: 0;
}
.ova-image-gallery-ft .item-fancybox-ft .overlay .icon {
display: inline-flex;
position: absolute;
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ova-image-gallery-ft .item-fancybox-ft .overlay .icon i {
display: inherit;
}
.ova-image-gallery-ft .item-fancybox-ft:hover {
cursor: pointer;
}
.ova-image-gallery-ft .item-fancybox-ft:hover .overlay {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0.84;
}
.ova-club-player .club-player-content {
display: grid;
gap: 40px;
}
.ova-club-player .club-player-content.two_column {
grid-template-columns: 1fr 1fr;
}
.ova-club-player .club-player-content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
.ova-club-player .club-player-content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-club-player .club-player-content.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
.ova-club-player .club-player-content.five_column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-club-player .club-player-content.five_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-club-player .club-player-content {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 767px) {
.ova-club-player .club-player-content {
grid-template-columns: 1fr !important;
}
}
.ova-club-player .item .media {
position: relative;
overflow: hidden;
}
.ova-club-player .item .media img {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 100%;
min-height: 308px;
display: block;
object-fit: cover;
}
.ova-club-player .item .media .view-profile {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: absolute;
bottom: -20px;
left: 0;
opacity: 0;
visibility: hidden;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
line-height: 24px;
background: var(--primary);
color: #fff;
width: 100%;
height: auto;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 11px 28px 13px 32px;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.ova-club-player .item .media .view-profile {
bottom: 0;
opacity: 1;
visibility: visible;
}
}
.ova-club-player .item .media .view-profile i {
font-size: 20px;
padding-left: 6px;
}
.ova-club-player .item .info {
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #fff;
padding: 20px 30px;
}
.ova-club-player .item .info .name-position .name {
font-size: 20px;
font-weight: 700;
line-height: 32px;
}
.ova-club-player .item .info .name-position .name a {
color: var(--heading);
}
.ova-club-player .item .info .name-position .name a:hover {
color: var(--primary);
}
.ova-club-player .item .info .name-position .position {
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
line-height: 21px;
}
.ova-club-player .item .info .name-position span {
display: block;
}
.ova-club-player .item .info .squad-number {
font-size: 24px;
font-weight: 500;
line-height: 1;
color: var(--heading);
}
.ova-club-player .item .info .squad-number:before {
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 20px;
line-height: 1;
color: var(--primary);
content: "\e917";
margin-right: 8px;
}
.ova-club-player .item:hover .media .view-profile {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
bottom: 0;
opacity: 1;
visibility: visible;
}
.ova-club-player .item:hover .media img {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-club-player .button-view-all {
text-align: center;
margin-top: 60px;
}
.ova-club-player .button-view-all .view-all {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
line-height: 24px;
color: var(--primary);
display: inline-flex;
justify-content: center;
align-items: center;
padding: 13px 32px;
border: 1px solid var(--primary);
}
.ova-club-player .button-view-all .view-all i {
margin-left: 6px;
font-size: 20px;
}
.ova-club-player .button-view-all .view-all:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova-club-player .no-data {
font-size: 32px;
text-align: center;
}
.ova-custom-events {
text-align: center;
/* template 2*/
/* template 3*/
}
.ova-custom-events .item-event {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
position: relative;
background: #fff;
border: 1px solid var(--border);
}
.ova-custom-events .item-event:hover {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
border: 1px solid var(--primary);
}
.ova-custom-events .item-event:hover .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.ova-custom-events .item-event:hover .venue-date-hover {
bottom: 0;
opacity: 1;
visibility: visible;
}
.ova-custom-events .item-event .result {
position: relative;
display: flex;
justify-content: space-evenly;
padding: 40px 20px;
}
@media (max-width: 600px) {
.ova-custom-events .item-event .result {
flex-direction: column;
padding: 30px 15px;
}
}
.ova-custom-events .item-event .event-league-name {
margin: 0 0 10px 0;
font-family: var(--primary-font);
font-size: 16px;
line-height: 1;
text-align: center;
color: var(--light);
text-transform: uppercase;
}
@media (max-width: 767px) {
.ova-custom-events .item-event .event-league-name {
margin: 0 0 20px 0;
}
}
.ova-custom-events .item-event .item-club {
width: 40%;
}
@media (max-width: 600px) {
.ova-custom-events .item-event .item-club {
width: 100%;
}
}
.ova-custom-events .item-event .item-club .info .goals-logo {
min-width: 80px;
}
.ova-custom-events .item-event .item-club .info .goals-logo img {
display: inline-block;
width: 80px;
object-fit: cover;
}
.ova-custom-events .item-event .item-club .info .name-club {
margin: 0;
display: inline-block;
position: relative;
font-size: 18px;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
}
.ova-custom-events .item-event .item-club .info .outcome {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.ova-custom-events .item-event .item-club .info .outcome.win {
color: var(--primary);
}
.ova-custom-events .item-event .item-club .info .value-performance {
color: #3BC158;
}
.ova-custom-events .item-event .item-club.club-2 {
order: 3;
}
.ova-custom-events .item-event .match {
display: flex;
justify-content: center;
align-items: center;
margin: 30px;
}
.ova-custom-events .item-event .match h4 {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.ova-custom-events .item-event .match h6 {
width: 48px;
height: 48px;
background-color: rgba(226, 230, 232, 0.4);
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 18px;
text-transform: uppercase;
line-height: 1;
color: var(--text);
font-family: var(--primary-font);
margin: 0 30px;
}
.ova-custom-events .item-event .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
border-top: 1px solid var(--border);
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ova-custom-events .item-event .venue-date .venue, .ova-custom-events .item-event .venue-date .date-time {
margin-right: 20px;
}
.ova-custom-events .item-event .venue-date i {
color: var(--secondary);
margin-right: 4px;
}
.ova-custom-events .item-event .venue-date .view-event {
font-family: var(--secondary-font);
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
}
.ova-custom-events .item-event .venue-date-hover {
position: absolute;
width: 100%;
bottom: 20px;
left: 0;
opacity: 0;
visibility: hidden;
border-color: var(--primary);
background-color: var(--primary);
}
.ova-custom-events .item-event .venue-date-hover span {
color: #fff;
}
.ova-custom-events .item-event .venue-date-hover i {
color: #fff;
}
.ova-custom-events .item-event.item-event-paginate {
display: none;
}
.ova-custom-events .item-event.item-event-paginate.page_1 {
display: block;
}
.ova-custom-events .button-view-all {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border: 1px solid var(--border);
background-color: #fff;
}
.ova-custom-events .button-view-all:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-color: var(--primary);
background-color: var(--primary);
}
.ova-custom-events .button-view-all:hover a {
color: #fff;
}
.ova-custom-events .button-view-all a {
display: flex;
justify-content: center;
align-items: center;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 16px;
line-height: 1;
padding: 18px 33px;
text-transform: uppercase;
}
.ova-custom-events .button-view-all a i {
margin-left: 6px;
}
.ova-custom-events.template_2 .item-event {
border: none;
}
.ova-custom-events.template_2 .item-event .item-club {
text-align: left;
}
.ova-custom-events.template_2 .item-event .item-club .info {
display: flex;
justify-content: flex-end;
}
@media (max-width: 845px) {
.ova-custom-events.template_2 .item-event .item-club .info {
flex-direction: column !important;
}
}
@media (max-width: 600px) {
.ova-custom-events.template_2 .item-event .item-club .info {
text-align: center !important;
}
}
.ova-custom-events.template_2 .item-event .item-club .info .goals-logo {
min-width: 120px;
margin: 0 30px 0 0;
}
@media (max-width: 600px) {
.ova-custom-events.template_2 .item-event .item-club .info .goals-logo {
margin: 0 !important;
}
}
.ova-custom-events.template_2 .item-event .item-club .info .goals-logo img {
display: inline-block;
width: 120px;
object-fit: cover;
}
.ova-custom-events.template_2 .item-event .item-club .info .name-club {
margin: 0 0 8px 0;
padding-bottom: 8px;
font-size: 32px;
}
@media (max-width: 767px) {
.ova-custom-events.template_2 .item-event .item-club .info .name-club {
font-size: 24px;
}
}
.ova-custom-events.template_2 .item-event .item-club .info .name-club:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 1px;
width: 100%;
background-color: var(--border);
}
.ova-custom-events.template_2 .item-event .item-club.club-1 {
text-align: right;
}
.ova-custom-events.template_2 .item-event .item-club.club-1 .info {
flex-direction: row-reverse;
}
.ova-custom-events.template_2 .item-event .item-club.club-1 .info .goals-logo {
margin: 0 0 0 30px;
}
.ova-custom-events.template_2 .item-event .result {
padding: 20px 0;
justify-content: space-between;
}
.ova-custom-events.template_2 .item-event .result .match h4 {
font-size: 48px;
color: var(--secondary);
}
.ova-custom-events.template_2 .item-event .result .match h6 {
color: var(--secondary);
}
.ova-custom-events.template_2 .item-event .venue-date {
border-top: none;
padding: 10px;
}
.ova-custom-events.template_2 .button-view-all {
margin: 24px 0 0 0;
display: inline-block;
border: 1px solid var(--primary);
}
.ova-custom-events.template_3 .item-event:hover .view-event {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
bottom: 30px;
opacity: 1;
visibility: visible;
}
.ova-custom-events.template_3 .item-event .result {
padding: 30px 30px 10px 30px;
}
.ova-custom-events.template_3 .item-event .event-league-name {
margin: 0;
font-size: 12px;
text-align: center;
}
.ova-custom-events.template_3 .item-event .match h6 {
width: 30px;
height: 30px;
font-size: 12px;
}
.ova-custom-events.template_3 .item-event .venue-date {
border: none;
padding: 0;
margin: 0 0 24px 0;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ova-custom-events.template_3 .item-event .venue-date .event-league-name, .ova-custom-events.template_3 .item-event .venue-date .venue, .ova-custom-events.template_3 .item-event .venue-date .date-time {
margin-right: 12px;
}
.ova-custom-events.template_3 .item-event .venue-date i {
color: var(--secondary);
margin-right: 4px;
}
.ova-custom-events.template_3 .item-event .view-event {
position: absolute;
display: inline-block;
width: 100%;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
border-color: var(--primary);
background-color: var(--primary);
padding: 8px 20px;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #fff;
text-transform: uppercase;
}
@media (max-width: 767px) {
.ova-custom-events.template_3 .item-event .view-event {
position: static;
opacity: 1;
visibility: visible;
margin-bottom: 24px;
}
}
.ova-custom-events-slider {
text-align: center;
}
.ova-custom-events-slider .item-event {
position: relative;
background: #fff;
border: 1px solid var(--border);
}
.ova-custom-events-slider .item-event:hover {
border: 1px solid var(--primary);
}
.ova-custom-events-slider .item-event:hover .view-event {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
bottom: 30px;
opacity: 1;
visibility: visible;
}
.ova-custom-events-slider .item-event .result {
position: relative;
display: flex;
justify-content: space-evenly;
padding: 30px 30px 10px 30px;
}
@media (max-width: 767px) {
.ova-custom-events-slider .item-event .result {
padding: 30px 15px 10px 15px;
}
}
.ova-custom-events-slider .item-event .event-league-name {
margin: 0;
font-family: var(--primary-font);
font-size: 12px;
line-height: 1;
text-align: center;
color: var(--light);
text-transform: uppercase;
}
.ova-custom-events-slider .item-event .item-club {
width: 34%;
}
@media (max-width: 600px) {
.ova-custom-events-slider .item-event .item-club {
width: 100%;
}
}
.ova-custom-events-slider .item-event .item-club .info .goals-logo {
min-width: 80px;
}
.ova-custom-events-slider .item-event .item-club .info .goals-logo img {
display: inline-block;
width: 80px;
}
.ova-custom-events-slider .item-event .item-club .info .name-club {
margin: 0;
display: inline-block;
position: relative;
font-size: 18px;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
}
.ova-custom-events-slider .item-event .item-club .info .outcome {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.ova-custom-events-slider .item-event .item-club .info .outcome.win {
color: var(--primary);
}
.ova-custom-events-slider .item-event .item-club .info .value-performance {
color: #3BC158;
}
.ova-custom-events-slider .item-event .item-club.club-2 {
order: 3;
}
.ova-custom-events-slider .item-event .match {
display: flex;
justify-content: center;
align-items: center;
margin: 15px;
}
.ova-custom-events-slider .item-event .match h4 {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.ova-custom-events-slider .item-event .match h6 {
width: 30px;
height: 30px;
background-color: rgba(226, 230, 232, 0.4);
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
color: var(--text);
font-family: var(--primary-font);
margin: 0 20px;
}
.ova-custom-events-slider .item-event .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
margin: 0 0 24px 0;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ova-custom-events-slider .item-event .venue-date .event-league-name, .ova-custom-events-slider .item-event .venue-date .venue, .ova-custom-events-slider .item-event .venue-date .date-time {
margin-right: 12px;
}
.ova-custom-events-slider .item-event .venue-date i {
color: var(--secondary);
margin-right: 4px;
}
.ova-custom-events-slider .item-event .view-event {
position: absolute;
display: inline-block;
width: 100%;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
border-color: var(--primary);
background-color: var(--primary);
padding: 8px 20px;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #fff;
text-transform: uppercase;
}
@media (max-width: 767px) {
.ova-custom-events-slider .item-event .view-event {
position: static;
opacity: 1;
visibility: visible;
margin-bottom: 24px;
}
}
.ova-custom-events-slider.owl-carousel .owl-nav button {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
border-radius: 0;
top: -100px;
right: 0;
width: 40px;
height: 40px;
}
.ova-custom-events-slider.owl-carousel .owl-nav button.owl-prev, .ova-custom-events-slider.owl-carousel .owl-nav button.owl-next {
background: #fff;
}
.ova-custom-events-slider.owl-carousel .owl-nav button.owl-prev:hover, .ova-custom-events-slider.owl-carousel .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-custom-events-slider.owl-carousel .owl-nav button.owl-prev:hover i, .ova-custom-events-slider.owl-carousel .owl-nav button.owl-next:hover i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-custom-events-slider.owl-carousel .owl-nav button.owl-prev {
margin-right: 56px;
}
.ova-custom-events-slider.owl-carousel .owl-nav button i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
}
.ova-custom-events-slider .owl-dots {
margin-top: 30px;
text-align: center;
}
.ova-custom-events-slider .owl-dots .owl-dot {
outline: none;
}
.ova-custom-events-slider .owl-dots .owl-dot span {
width: 15px;
height: 5px;
margin: 0 3px;
background: var(--border);
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 2px;
}
.ova-custom-events-slider .owl-dots .owl-dot.active span {
background: var(--primary);
width: 30px;
}
.ova-upcoming-events {
text-align: center;
}
.ova-upcoming-events .item-event {
position: relative;
background: #fff;
border: 1px solid var(--border);
}
.ova-upcoming-events .item-event:hover .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.ova-upcoming-events .item-event:hover .venue-date-league-with-hover-button {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
bottom: 0;
opacity: 1;
visibility: visible;
}
.ova-upcoming-events .item-event .result {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 30px 10px 30px;
}
@media (max-width: 767px) {
.ova-upcoming-events .item-event .result {
padding: 30px 15px 10px 15px;
}
}
.ova-upcoming-events .item-event .event-league-name {
margin: 0;
font-family: var(--primary-font);
font-size: 12px;
text-align: center;
color: var(--light);
text-transform: uppercase;
}
.ova-upcoming-events .item-event .item-club {
width: 34%;
}
@media (max-width: 600px) {
.ova-upcoming-events .item-event .item-club {
width: 100%;
}
}
.ova-upcoming-events .item-event .item-club .info .goals-logo {
min-width: 80px;
}
.ova-upcoming-events .item-event .item-club .info .goals-logo img {
display: inline-block;
width: 80px;
}
.ova-upcoming-events .item-event .item-club .info .name-club {
margin: 0;
display: inline-block;
position: relative;
font-size: 18px;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
}
.ova-upcoming-events .item-event .item-club .info .outcome {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.ova-upcoming-events .item-event .item-club .info .outcome.win {
color: var(--primary);
}
.ova-upcoming-events .item-event .item-club .info .value-performance {
color: #3BC158;
}
.ova-upcoming-events .item-event .item-club.club-2 {
order: 3;
}
.ova-upcoming-events .item-event .match {
display: flex;
justify-content: center;
margin: 10px;
}
.ova-upcoming-events .item-event .match h4 {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.ova-upcoming-events .item-event .match h6 {
margin: 0;
width: 30px;
height: 30px;
background-color: rgba(226, 230, 232, 0.4);
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
color: var(--text);
font-family: var(--primary-font);
}
.ova-upcoming-events .item-event .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
font-size: 12px;
padding: 12px;
}
.ova-upcoming-events .item-event .venue-date .venue, .ova-upcoming-events .item-event .venue-date .date-time {
display: inline-block;
margin-right: 12px;
}
.ova-upcoming-events .item-event .venue-date i {
color: var(--secondary);
margin-right: 4px;
}
.ova-upcoming-events .item-event .venue-date-league-with-hover-button {
position: absolute;
z-index: 1;
display: block;
width: 100%;
bottom: -20px;
left: 0;
opacity: 0;
visibility: hidden;
border-color: var(--primary);
background-color: var(--primary);
}
.ova-upcoming-events .item-event .venue-date-league-with-hover-button .event-league-name {
display: inline-block;
margin-right: 12px;
}
.ova-upcoming-events .item-event .venue-date-league-with-hover-button span, .ova-upcoming-events .item-event .venue-date-league-with-hover-button i, .ova-upcoming-events .item-event .venue-date-league-with-hover-button .event-league-name {
color: #fff;
}
.ova-upcoming-events .item-event .view-event {
display: block;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 16px;
line-height: 1.5;
text-transform: uppercase;
}
.ova-upcoming-events .item-event .view-event span {
color: #fff;
}
@media (max-width: 460px) {
.ova-upcoming-events .item-event .view-event {
display: inline-block;
}
}
.ova-upcoming-events .item-event .sp-template-countdown .sp-event-name {
display: none;
}
.ova-upcoming-events .item-event.item-event-paginate {
display: none;
}
.ova-upcoming-events .item-event.item-event-paginate.page_1 {
display: block;
}
.ova-upcoming-events.template_2 .item-event .result {
padding: 10px 20px;
}
.ova-upcoming-events.template_2 .item-event .event-league-name {
margin: 24px 0 0 0;
}
.ova-upcoming-events.template_2 .item-event .item-club .info .goals-logo {
min-width: 40px;
}
.ova-upcoming-events.template_2 .item-event .item-club .info .goals-logo img {
display: inline-block;
width: 40px;
}
.ova-upcoming-events.template_2 .item-event .item-club .info .name-club {
font-size: 16px;
}
.ova-upcoming-events.template_2 .item-event .match {
align-items: center;
}
.ova-upcoming-events.template_2 .item-event .venue-date {
padding: 6px;
}
.ova-upcoming-event-slider {
text-align: center;
}
.ova-upcoming-event-slider .item-event {
position: relative;
background: #fff;
border: 1px solid #fff;
}
.ova-upcoming-event-slider .item-event:hover .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.ova-upcoming-event-slider .item-event:hover .venue-date-league-with-hover-button {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
bottom: 0;
opacity: 1;
visibility: visible;
}
.ova-upcoming-event-slider .item-event .result {
position: relative;
display: flex;
justify-content: space-evenly;
padding: 30px 30px 20px 30px;
}
@media (max-width: 767px) {
.ova-upcoming-event-slider .item-event .result {
padding: 30px 15px 15px 15px;
}
}
.ova-upcoming-event-slider .item-event .event-league-name {
margin: 0;
font-family: var(--primary-font);
font-size: 13px;
text-align: center;
color: var(--light);
text-transform: uppercase;
}
.ova-upcoming-event-slider .item-event .item-club {
width: 34%;
}
@media (max-width: 600px) {
.ova-upcoming-event-slider .item-event .item-club {
width: 100%;
}
}
.ova-upcoming-event-slider .item-event .item-club .info .goals-logo {
min-width: 80px;
}
.ova-upcoming-event-slider .item-event .item-club .info .goals-logo img {
display: inline-block;
width: 80px;
}
.ova-upcoming-event-slider .item-event .item-club .info .name-club {
margin: 0;
display: inline-block;
position: relative;
font-size: 18px;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
}
.ova-upcoming-event-slider .item-event .item-club .info .outcome {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.ova-upcoming-event-slider .item-event .item-club .info .outcome.win {
color: var(--primary);
}
.ova-upcoming-event-slider .item-event .item-club .info .value-performance {
color: #3BC158;
}
.ova-upcoming-event-slider .item-event .item-club.club-2 {
order: 3;
}
.ova-upcoming-event-slider .item-event .match {
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
}
.ova-upcoming-event-slider .item-event .match h4 {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.ova-upcoming-event-slider .item-event .match h6 {
margin: 0;
width: 30px;
height: 30px;
background-color: rgba(226, 230, 232, 0.4);
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
color: var(--text);
font-family: var(--primary-font);
}
.ova-upcoming-event-slider .item-event .venue-date {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
font-size: 13px;
padding: 13px;
}
.ova-upcoming-event-slider .item-event .venue-date .venue, .ova-upcoming-event-slider .item-event .venue-date .date-time {
display: inline-block;
margin-right: 12px;
}
.ova-upcoming-event-slider .item-event .venue-date i {
color: var(--secondary);
margin-right: 4px;
}
.ova-upcoming-event-slider .item-event .venue-date-league-with-hover-button {
position: absolute;
z-index: 1;
display: block;
line-height: 1.8;
width: 100%;
bottom: -20px;
left: 0;
opacity: 0;
visibility: hidden;
border-color: var(--primary);
background-color: var(--primary);
}
.ova-upcoming-event-slider .item-event .venue-date-league-with-hover-button .event-league-name {
display: inline-block;
margin-right: 12px;
}
.ova-upcoming-event-slider .item-event .venue-date-league-with-hover-button span, .ova-upcoming-event-slider .item-event .venue-date-league-with-hover-button i, .ova-upcoming-event-slider .item-event .venue-date-league-with-hover-button .event-league-name {
color: #fff;
}
.ova-upcoming-event-slider .item-event .view-event {
display: block;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
}
.ova-upcoming-event-slider .item-event .view-event span {
color: #fff;
}
@media (max-width: 460px) {
.ova-upcoming-event-slider .item-event .view-event {
display: inline-block;
}
}
.ova-upcoming-event-slider .item-event .sp-template-countdown .sp-event-name {
display: none;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .owl-item {
opacity: 0.5;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .owl-item.active.center {
opacity: 1;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event {
background: transparent;
border: 0;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .result {
padding: 0;
align-items: center;
}
@media (max-width: 767px) {
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .result {
margin-bottom: 25px;
}
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .event-league-name {
font-size: 16px;
color: #EBEBEB;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .item-club .info {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .item-club .info .goals-logo {
min-width: 80px;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .item-club .info .goals-logo img {
width: 80px;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .item-club .info .name-club {
margin: 0 20px;
font-size: 24px;
color: #fff;
}
@media (max-width: 600px) {
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .item-club .info .name-club {
font-size: 20px;
}
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .item-club.club-2 .info {
flex-direction: row-reverse;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .match {
margin: 0;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .match h6 {
width: 48px;
height: 48px;
background-color: rgba(255, 255, 255, 0.2);
font-size: 24px;
color: #fff;
font-family: var(--secondary-font);
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .venue-date {
font-size: 16px;
color: #EBEBEB;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .venue-date .venue, .ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .venue-date .date-time {
margin-right: 20px;
}
.ova-upcoming-event-slider.upcoming-event-slider-template_2 .item-event .venue-date i {
color: #fff;
}
.ova-upcoming-event-slider.owl-carousel .owl-nav button {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
border-radius: 0;
top: -100px;
right: 0;
width: 40px;
height: 40px;
}
.ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-prev, .ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-next {
background: #fff;
}
.ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-prev:hover, .ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-prev:hover i, .ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-next:hover i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-upcoming-event-slider.owl-carousel .owl-nav button.owl-prev {
margin-right: 56px;
}
.ova-upcoming-event-slider.owl-carousel .owl-nav button i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
}
.ova-upcoming-event-slider .owl-dots {
margin-top: 30px;
text-align: center;
}
.ova-upcoming-event-slider .owl-dots .owl-dot {
outline: none;
}
.ova-upcoming-event-slider .owl-dots .owl-dot span {
transform: skew(-10deg);
width: 9px;
height: 10px;
margin: 0 3px;
background: rgba(255, 255, 255, 0.3);
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-upcoming-event-slider .owl-dots .owl-dot.active span {
background: #fff;
}
.ova-scopress-player {
display: grid;
grid-template-columns: 76% 24%;
background-color: var(--background2);
border: 1px solid var(--border);
}
@media (max-width: 1280px) {
.ova-scopress-player {
grid-template-columns: 100%;
}
}
.ova-scopress-player .scopress-player .item-player .info {
position: relative;
padding-right: 25px;
/* next prev control slider*/
}
.ova-scopress-player .scopress-player .item-player .info .squad-number {
margin: 0 0 12px 0;
display: inline-block;
font-family: var(--secondary-font);
font-size: 40px;
color: var(--primary);
line-height: 1.3;
font-weight: 500;
}
.ova-scopress-player .scopress-player .item-player .info .squad-number:before {
content: "#";
font-size: 20px;
vertical-align: top;
}
.ova-scopress-player .scopress-player .item-player .info .name {
margin: 0;
font-family: var(--primary-font);
font-size: 30px;
line-height: 1.3;
}
.ova-scopress-player .scopress-player .item-player .info .name a {
color: var(--heading);
}
.ova-scopress-player .scopress-player .item-player .info .name a:hover {
color: var(--primary);
}
.ova-scopress-player .scopress-player .item-player .info .position {
display: block;
font-size: 12px;
font-weight: 700;
color: var(--secondary);
text-transform: uppercase;
margin-bottom: 20px;
}
.ova-scopress-player .scopress-player .item-player .info .view-profile {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: var(--primary);
border: 1px solid var(--primary);
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
padding: 4px 20px;
text-transform: uppercase;
}
.ova-scopress-player .scopress-player .item-player .info .view-profile i {
padding-left: 6px;
}
.ova-scopress-player .scopress-player .item-player .info .view-profile:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova-scopress-player .scopress-player .item-player .info .arrow-next-prev-control button {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 0;
border: none;
margin: 0 8px 0 0;
padding: 0;
z-index: 1;
width: 40px;
height: 40px;
}
.ova-scopress-player .scopress-player .item-player .info .arrow-next-prev-control button:before {
opacity: 1;
color: var(--text);
font-family: ovaicon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.ova-scopress-player .scopress-player .item-player .info .arrow-next-prev-control button:hover {
background-color: var(--primary);
}
.ova-scopress-player .scopress-player .item-player .info .arrow-next-prev-control button:hover:before {
color: #fff;
}
.ova-scopress-player .scopress-player .item-player .info .arrow-next-prev-control button.custom-slick-prev:before {
content: "\f101";
}
.ova-scopress-player .scopress-player .item-player .info .arrow-next-prev-control button.custom-slick-next:before {
content: "\f102";
}
.ova-scopress-player .scopress-player .item-player .details {
position: relative;
padding: 0 0 0 35px;
border-left: 1px solid var(--border);
}
@media (max-width: 1200px) {
.ova-scopress-player .scopress-player .item-player .details {
border-left: none;
padding: 35px 0 0 0;
}
}
.ova-scopress-player .scopress-player .item-player .details .club-name {
margin: 20px 0;
font-size: 24px;
text-transform: uppercase;
}
.ova-scopress-player .scopress-player .sp-player-name, .ova-scopress-player .scopress-player .sp-player-squad-number {
display: none;
}
.ova-scopress-player .scopress-player-single {
display: grid;
padding: 35px;
border-right: 1px solid var(--border);
}
.ova-scopress-player .scopress-player-single .item-player {
display: grid;
align-items: center;
grid-template-columns: auto 0.9fr 1.1fr;
}
@media (max-width: 1200px) {
.ova-scopress-player .scopress-player-single .item-player {
grid-template-columns: 1fr;
border-right: none;
}
}
.ova-scopress-player .scopress-player-single .item-player .media {
position: relative;
overflow: hidden;
}
.ova-scopress-player .scopress-player-single .item-player .media img {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
height: 450px;
max-width: 320px;
display: block;
object-fit: cover;
margin: 0 35px 0 0;
}
@media (max-width: 1200px) {
.ova-scopress-player .scopress-player-single .item-player .media img {
margin: 0 0 35px 0;
}
}
@media (max-width: 767px) {
.ova-scopress-player .scopress-player-single .item-player .media img {
height: auto;
max-width: 100%;
}
}
.ova-scopress-player .scopress-player-list {
padding: 35px;
padding-right: 0;
}
.ova-scopress-player .scopress-player-list .slick-current.slick-active .item-player-list:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: scaleY(1);
}
.ova-scopress-player .scopress-player-list .slick-current.slick-active .item-player-list .name a {
color: var(--primary);
}
.ova-scopress-player .scopress-player-list .item-player-list {
position: relative;
display: flex;
align-items: center;
}
.ova-scopress-player .scopress-player-list .item-player-list:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scaleY(0);
position: absolute;
content: "";
top: 0;
right: 0;
width: 4px;
height: 130px;
background: var(--primary);
}
.ova-scopress-player .scopress-player-list .item-player-list:hover .name a {
color: var(--primary);
}
.ova-scopress-player .scopress-player-list .item-player-list .name {
margin: 0;
font-size: 18px;
}
.ova-scopress-player .scopress-player-list .item-player-list .name a {
color: var(--heading);
}
.ova-scopress-player .scopress-player-list .item-player-list .media {
margin-right: 20px;
}
.ova-scopress-player .scopress-player-list .item-player-list .media img {
object-fit: cover;
width: 80px;
height: 80px;
}
.ova-scopress-player .scopress-player-list .item-player-list .squad-number {
margin-right: 30px;
}
.ova-scopress-player .scopress-player-list .item-player-list .squad-number:before {
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e917";
margin-right: 4px;
}
.ova-scopress-player .scopress-player-list .item-player-list .position {
text-transform: uppercase;
overflow: hidden;
}
.ova-scopress-player .no-data {
font-size: 32px;
}
/*20.0 Sportspress*/
.sportspress .sp-template-league-table {
background-color: #fff;
margin-bottom: 0;
}
.sportspress .sp-template-league-table .sp-table-caption {
display: none;
}
.sportspress .sp-template-league-table .sp-table-wrapper table thead tr {
background-color: var(--background2);
}
.sportspress .sp-template-league-table .sp-table-wrapper table thead tr th {
border: none;
}
.sportspress .sp-template-league-table .sp-table-wrapper table tbody tr {
border-bottom: 1px solid #E2E6E8;
}
.sportspress .sp-template-league-table .sp-table-wrapper table tbody tr:hover {
background-color: var(--primary);
}
.sportspress .sp-template-league-table .sp-table-wrapper table tbody tr:hover td {
color: #fff;
}
.sportspress .sp-template-league-table .sp-table-wrapper table tbody tr td, .sportspress .sp-template-league-table .sp-table-wrapper table tbody tr th {
border: unset;
padding-top: 17px;
padding-bottom: 17px;
}
.sportspress .sp-template-league-table .sp-table-wrapper table .data-rank {
padding-left: 35px;
padding-right: 35px;
}
@media (max-width: 767px) {
.sportspress .sp-template-league-table .sp-table-wrapper table .data-rank {
padding-left: 10px;
padding-right: 10px;
}
}
.sportspress .sp-template-league-table .sp-table-wrapper table .data-name {
font-weight: 700;
padding-left: 35px;
}
@media (max-width: 767px) {
.sportspress .sp-template-league-table .sp-table-wrapper table .data-name {
padding-left: 10px;
}
}
.sportspress .sp-template-league-table .sp-table-wrapper table .data-pts {
font-weight: 700;
}
.ova-custom-league-tables .sportspress .sp-template-league-table .sp-table-wrapper table thead tr {
background-color: #EBEBEB;
}
.ova-custom-league-tables .sportspress .sp-template-league-table .sp-table-wrapper table tbody tr {
border-bottom: 0;
}
.ova-custom-league-tables-2 .sportspress .sp-template-league-table .sp-table-wrapper table thead tr {
border-bottom: 1px solid var(--border);
background-color: #fff;
}
article.sp_player {
margin-bottom: 0;
background: #fff;
padding: 60px 40px 0 40px;
}
@media (max-width: 1023px) {
article.sp_player {
padding: 40px 20px 0 20px;
}
}
@media (max-width: 767px) {
article.sp_player .sp-section-content-details {
text-align: center;
}
}
article.sp_player .sp-section-content-excerpt {
padding-bottom: 25px;
}
article.sp_player .sp-template {
margin-bottom: 50px;
}
@media (max-width: 767px) {
article.sp_player .sp-template.sp-template-photo {
float: none;
margin: 0 auto;
}
}
article.sp_player .sp-post-content {
padding-bottom: 20px;
}
article.sp_player .sp-post-content h4 {
position: relative;
margin: 0 0 32px 0;
padding: 0 0 20px 24px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.3;
border-bottom: 1px solid var(--border);
}
article.sp_player .sp-post-content h4:before {
position: absolute;
content: "";
left: 0;
top: calc(50% - 10px);
transform: translateY(-50%);
width: 4px;
height: 20px;
background: var(--primary);
}
.sp-player-name {
display: inline-block;
margin: 0 0 12px 0;
font-size: 45px;
line-height: 1.2;
}
.sp-player-squad-number {
display: block;
color: var(--heading);
font-size: 20px;
font-weight: 500;
}
.sp-player-squad-number:before {
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e917";
color: var(--primary);
margin-right: 4px;
}
@media (min-width: 768px) {
.sp-event-blocks .team-logo {
width: auto;
height: auto;
max-width: 100%;
}
}
article.sp_team {
margin-bottom: 0;
}
article.sp_team .post-content {
margin-bottom: 0 !important;
}
article.sp_team .sp-section-content {
clear: both;
}
article.sp_team .sp-section-content .sp-template {
margin-bottom: 50px;
}
article.sp_team .sp-section-content .sp-template.sp-template-team-logo {
margin-bottom: 20px;
max-width: 100%;
}
article.sp_team .sp-section-content .sp-template.sp-template-team-logo .sp-team-title {
display: inline-block;
position: relative;
top: -15px;
margin: 0 0 0 30px;
font-size: 48px;
line-height: 1.25;
}
@media (max-width: 767px) {
article.sp_team .sp-section-content .sp-template.sp-template-team-logo .sp-team-title {
top: 0;
margin: 10px 0;
}
}
@media (max-width: 767px) {
article.sp_team .sp-section-content .sp-template.sp-template-photo {
float: none;
margin: 0 auto;
}
}
article.sp_team .sp-section-content .sp-template-details .sp-team-details {
padding-bottom: 30px;
}
body.sportspress-page {
background: var(--background1);
}
body.sportspress, body .sportspress {
/* table */
}
body.sportspress .sp-data-table tbody a, body .sportspress .sp-data-table tbody a {
border-bottom: none;
}
body.sportspress .sp-event-matchday, body .sportspress .sp-event-matchday {
text-align: center;
}
body.sportspress table tbody tr td, body .sportspress table tbody tr td {
color: var(--heading);
}
/* select dropdown*/
.sp-section-content-selector {
margin-bottom: 30px;
}
.sp-section-content-selector select:not([size]):not([multiple]) {
border: 1px solid var(--heading);
color: var(--heading);
font-size: 20px;
font-family: var(--secondary-font);
font-weight: 600;
}
/* remove statistics caption */
.sp-section-content-statistics h3.sp-post-caption {
display: none;
}
/* sp post content p margin*/
.sp-post-content p:not(:last-child) {
margin: 0 0 20px 0;
}
/* table scrollbar */
.sp-scrollable-table-wrapper::-webkit-scrollbar {
height: 6px;
background: var(--background2);
}
.sp-scrollable-table-wrapper::-webkit-scrollbar-thumb {
height: 6px;
background: var(--primary);
}
/* template details dl dt dd*/
.sp-template-details dl {
margin: 20px 0;
}
.sp-template-details dl dd, .sp-template-details dl dt {
line-height: 1.5;
padding: 11px 0;
}
.sp-template-details dl dd {
margin: 0;
text-align: right;
color: var(--heading);
border-bottom: 1px solid var(--border);
}
.sp-template-details dl dd img {
display: inline-block;
margin-right: 4px;
}
.sp-template-details dl dd:last-child {
border-bottom: none;
}
.sp-template-details dl dd:hover {
color: var(--primary);
}
.sp-template-details dl dt {
float: left;
}
/* pagination sp default */
.sp-table-wrapper .dataTables_paginate {
margin: 30px 0 20px 0;
}
.sp-table-wrapper .dataTables_paginate .next, .sp-table-wrapper .dataTables_paginate .previous {
float: none;
}
.sp-table-wrapper .dataTables_paginate .paginate_button {
margin: 0 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--background2);
color: var(--text);
font-weight: 700;
width: auto;
height: 40px;
padding: 0 16px;
}
.sp-table-wrapper .dataTables_paginate .paginate_button.current {
opacity: 1;
background-color: var(--primary);
color: #fff;
}
.sp-table-wrapper .dataTables_paginate .paginate_button:hover {
background-color: var(--primary);
color: #fff;
}
/* sp pagination in elementor*/
.spoclub-sp-pagination {
margin: 40px 0 0 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.spoclub-sp-pagination .page-numbers {
cursor: pointer;
margin: 0 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--background2);
color: var(--text);
font-weight: 700;
width: auto;
height: 40px;
width: 40px;
}
.spoclub-sp-pagination .page-numbers i {
font-size: 24px;
}
.spoclub-sp-pagination .page-numbers.current {
opacity: 1;
background-color: var(--primary);
color: #fff;
}
.spoclub-sp-pagination .page-numbers.prev, .spoclub-sp-pagination .page-numbers.next {
display: none;
}
.spoclub-sp-pagination .page-numbers:hover {
background-color: var(--primary);
color: #fff;
}
/* heading */
.sp-table-caption, .sp-staff-name, .sp-post-caption {
position: relative;
margin: 0 0 32px 0;
padding: 0 0 20px 24px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.3;
border-bottom: 1px solid var(--border);
}
.sp-table-caption:before, .sp-staff-name:before, .sp-post-caption:before {
position: absolute;
content: "";
left: 0;
top: calc(50% - 10px);
transform: translateY(-50%);
width: 4px;
height: 20px;
background: var(--primary);
}
.sp-event-calendar .sp-table-caption {
font-size: 18px;
margin: 0;
padding: 10px 0;
text-transform: capitalize;
border-bottom: none;
}
.sp-event-calendar .sp-table-caption:before {
content: none;
}
/* width iframe video */
.sp-event-video iframe {
width: 100%;
}
@media (max-width: 767px) {
.sp-event-video iframe {
height: 360px;
}
}
/* shortcode countdown template */
.sp-template-countdown {
text-align: center;
}
.sp-template-countdown .team-logo {
width: auto;
}
.sp-template-countdown .event-name {
margin: 0 0 36px 0;
font-size: 36px;
overflow: unset;
clear: none;
}
.sp-template-countdown .sp-countdown {
margin: 0;
clear: none;
}
.sp-template-countdown .sp-countdown span {
overflow: hidden;
display: inline-block;
font-size: 24px;
font-weight: 600;
background-color: var(--secondary);
color: #fff;
padding: 8px;
}
.sp-template-countdown .sp-countdown span small {
position: relative;
display: inline-block;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
padding-left: 6px;
}
.sp-template-countdown .sp-countdown span small:before {
position: absolute;
content: "";
left: 0;
top: -12px;
height: calc(100% + 24px);
width: 1px;
background: #fff;
}
@media (max-width: 430px) {
.sp-template-countdown .sp-countdown span {
padding: 6px;
font-size: 18px;
}
}
/* sp view all link button */
.sp-view-all-link {
margin-top: 30px;
transition: all 0.3s ease;
cursor: pointer;
display: inline-block;
font-family: var(--secondary-font);
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
background: var(--primary);
padding: 16px 32px;
border: 1px solid transparent;
text-transform: uppercase;
}
.sp-view-all-link a {
transition: all 0.3s ease;
color: #fff;
}
.sp-view-all-link:hover {
transition: all 0.3s ease;
background: #fff;
border: 1px solid var(--primary);
}
.sp-view-all-link:hover a {
transition: all 0.3s ease;
color: var(--primary);
}
/* vertical align icon in sp*/
.sportspress [class^=sp-icon-], .sportspress [class*=" sp-icon-"], .sportspress .dashicons {
vertical-align: text-bottom;
}
/* player gallery */
.gallery.gallery-columns-2 .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery.gallery-columns-3 .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr 1fr;
}
.gallery.gallery-columns-4 .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.gallery.gallery-columns-4 .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr 1fr;
}
}
.gallery.gallery-columns-5 .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.gallery.gallery-columns-5 .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr 1fr;
}
}
.gallery .sp-player-gallery-wrapper {
display: grid;
gap: 30px;
}
@media (max-width: 768px) {
.gallery .sp-player-gallery-wrapper {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 420px) {
.gallery .sp-player-gallery-wrapper {
grid-template-columns: 1fr !important;
}
}
.gallery .sp-player-gallery-wrapper dl.gallery-item {
margin: 0;
display: inline-block;
}
.gallery .sp-player-gallery-wrapper dl.gallery-item img {
display: block;
width: 100%;
}
.gallery .sp-player-gallery-wrapper dl.gallery-item dd {
margin: 0;
padding: 20px 30px;
background-color: #fff;
display: flex;
justify-content: space-between;
font-family: var(--secondary-font);
font-size: 20px;
color: var(--heading);
font-weight: 700;
}
.gallery .sp-player-gallery-wrapper dl.gallery-item dd.gallery-caption strong {
font-size: 24px;
font-weight: 500;
}
.gallery .sp-player-gallery-wrapper dl.gallery-item dd.gallery-caption strong:before {
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 20px;
line-height: 1;
content: "\e917";
color: var(--primary);
margin-right: 4px;
}
.gallery .sp-player-gallery-wrapper dl.gallery-item dd.gallery-caption .positions {
display: block;
font-size: 12px;
line-height: 1.5;
font-family: var(--primary-font);
font-weight: 400;
text-transform: uppercase;
color: var(--text);
}
/* tab menu */
.sp-tab-menu {
text-align: center;
margin-bottom: 35px;
}
.sp-tab-menu .sp-tab-menu-item a {
opacity: 1;
font-weight: 500;
border: 1px solid var(--border);
padding: 6px 15px;
margin: 0 5px;
}
.sp-tab-menu .sp-tab-menu-item.sp-tab-menu-item-active a {
color: var(--primary);
}
/* general event detail*/
article.sp_event {
background: #fff;
padding: 60px 40px 0 40px;
/* event squad table */
}
@media (max-width: 1023px) {
article.sp_event {
padding: 40px 20px 0 20px;
}
}
article.sp_event .sp-template {
margin-bottom: 50px;
}
@media (max-width: 767px) {
article.sp_event .sp-template.sp-template-photo {
float: none;
margin: 0 auto;
}
}
article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons, article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n) {
margin-bottom: 30px;
}
@media (max-width: 767px) {
article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons, article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n) {
float: none;
width: 100%;
padding: 0;
}
}
article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons .sp-table-caption, article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n) .sp-table-caption {
padding: 0;
margin: 0 0 12px 0;
text-transform: capitalize;
border-bottom: none;
}
article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons .sp-table-caption:before, article.sp_event .sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n) .sp-table-caption:before {
content: none;
}
/* event calendar */
.ova-sp-calendar-style1 .sp-template-event-calendar .sp-event-calendar {
border: none;
}
.ova-sp-calendar-style1 .sp-template-event-calendar .sp-event-calendar .sp-table-caption {
border: none;
font-size: 24px;
padding: 0 0 20px 0;
}
.ova-sp-calendar-style1 .sp-template-event-calendar .sp-event-calendar thead {
background: #fff;
}
.ova-sp-calendar-style1 .sp-template-event-calendar .sp-event-calendar thead tr th {
border: none;
}
.ova-sp-calendar-style1 .sp-template-event-calendar .sp-event-calendar tbody tr td {
height: auto;
border: none;
}
.sp-template-event-calendar {
background: #fff;
padding: 40px 30px 30px 30px;
}
@media (max-width: 767px) {
.sp-template-event-calendar {
padding: 30px 18px 18px 18px;
}
}
.sp-template-event-calendar .sp-event-calendar {
margin: 0;
}
.sp-template-event-calendar .sp-event-calendar .sp-table-caption {
padding: 25px 0;
font-size: 32px;
font-weight: 700;
color: var(--heading);
border: 1px solid var(--border);
border-bottom: 0;
}
.sp-template-event-calendar .sp-event-calendar thead {
background: var(--background2);
}
.sp-template-event-calendar .sp-event-calendar tfoot tr td {
padding: 10px;
}
.sp-template-event-calendar .sp-event-calendar tbody tr td {
height: 82px;
}
@media (max-width: 767px) {
.sp-template-event-calendar .sp-event-calendar tbody tr td {
height: auto;
}
}
.sp-template-event-calendar .sp-event-calendar tbody tr td.match_day {
background-color: var(--primary);
}
.sp-template-event-calendar .sp-event-calendar tbody tr td.match_day a {
font-weight: 700;
color: #fff;
}
.sp-template-event-calendar .sp-event-calendar tbody tr td.sp-highlight {
background-color: var(--secondary);
color: #fff;
}
/* end event calendar */
/* event list ( calendar ) */
.sp-template-event-list {
background: #fff;
padding: 40px 30px;
}
@media (max-width: 767px) {
.sp-template-event-list {
padding: 30px 18px;
}
}
.sp-template-event-list table.sp-event-list thead {
background-color: var(--background2);
}
.sp-template-event-list table.sp-event-list thead tr th {
padding: 12px 16px;
}
.sp-template-event-list table.sp-event-list tbody tr:hover {
background: var(--primary);
}
.sp-template-event-list table.sp-event-list tbody tr:hover td {
color: #fff;
}
.sp-template-event-list table.sp-event-list tbody tr:hover td a {
color: #fff;
}
.sp-template-event-list table.sp-event-list tbody tr td {
border: none;
padding: 12px 16px;
}
.sp-template-event-list table.sp-event-list tbody tr td a:hover {
color: #fff;
}
/* event logo blocks */
.sp-template-event-logos-block {
/* event blocks table */
}
.sp-template-event-logos-block table.sp-event-blocks {
position: relative;
border: none;
}
.sp-template-event-logos-block table.sp-event-blocks:before {
position: absolute;
content: "";
bottom: 0;
left: -60px;
width: calc(100% + 120px);
height: 1px;
background: var(--background2);
}
.sp-template-event-logos-block table.sp-event-blocks td {
border: none;
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-league-name {
font-size: 24px;
line-height: 1.3;
text-transform: uppercase;
text-align: center;
font-weight: 700;
color: var(--primary);
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
@media (max-width: 600px) {
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result {
flex-direction: column;
}
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .team-logo {
margin: 0;
width: 35%;
}
@media (max-width: 600px) {
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .team-logo {
width: 100%;
}
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .logo-even {
order: 2;
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .logo-even .sp-team-name .text-result {
right: 0;
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .sp-event-results {
margin: 10px 18px;
font-size: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
}
@media (max-width: 600px) {
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .sp-event-results {
font-size: 32px;
}
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .sp-event-results span.vs {
width: 48px;
height: 48px;
background-color: rgba(226, 230, 232, 0.4);
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
color: var(--text);
font-family: var(--primary-font);
margin: 0 30px;
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .sp-team-name {
position: relative;
display: inline-block;
margin: 10px;
font-size: 24px;
line-height: 1.3;
}
@media (max-width: 600px) {
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .sp-team-name {
display: block;
font-size: 18px;
}
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .text-result {
position: absolute;
bottom: -25px;
left: 0;
display: block;
font-size: 12px;
text-transform: uppercase;
color: var(--text);
}
@media (max-width: 600px) {
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .text-result {
position: static;
}
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-logo-result .text-result.result-win {
color: var(--primary);
}
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-venue-date {
padding: 0 0 40px 0;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.sp-template-event-logos-block table.sp-event-blocks td.sp-event-venue-date {
flex-direction: column;
}
}
.sp-template-event-logos-block table.sp-event-blocks .sp-event-date, .sp-template-event-logos-block table.sp-event-blocks .sp-event-venue-board {
width: 50%;
display: inline-block;
margin: 0 10px;
line-height: 1.5;
}
@media (max-width: 767px) {
.sp-template-event-logos-block table.sp-event-blocks .sp-event-date, .sp-template-event-logos-block table.sp-event-blocks .sp-event-venue-board {
width: 100%;
text-align: center !important;
}
}
.sp-template-event-logos-block table.sp-event-blocks .sp-event-date:before, .sp-template-event-logos-block table.sp-event-blocks .sp-event-venue-board:before {
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: var(--secondary);
margin-right: 4px;
position: relative;
top: 2px;
}
.sp-template-event-logos-block table.sp-event-blocks .sp-event-date {
text-align: left;
}
.sp-template-event-logos-block table.sp-event-blocks .sp-event-date:before {
content: "\e905";
}
.sp-template-event-logos-block table.sp-event-blocks .sp-event-venue-board {
text-align: right;
}
.sp-template-event-logos-block table.sp-event-blocks .sp-event-venue-board:before {
content: "\e91d";
}
/* event blog */