@charset "UTF-8";
/*
Theme Name: HotelFT
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Version: 1.2.9
Description: HotelFT 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. Hotelft 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: hotelft
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
--------------------------------------------------------------*/
/* 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;
overflow-x: hidden;
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);
}
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: 500;
margin: 0;
margin-bottom: 1em;
border-left: 8px solid var(--primary);
background: #f9f9f9;
color: var(--heading);
padding: 30px 60px 30px;
font-size: 1em;
font-style: italic;
}
@media (max-width: 767px) {
blockquote {
padding: 20px 30px;
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 p {
margin-bottom: 0;
}
blockquote cite {
text-decoration: underline;
}
blockquote:before {
position: absolute;
left: 35px;
top: 20px;
content: "";
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: 15px;
color: var(--primary);
}
@media (max-width: 767px) {
blockquote:before {
left: 15px;
top: 10px;
}
}
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;
}
}
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) - 60px );
width: 100%;
margin-bottom: 60px;
}
@media (max-width: 1023px) {
body #main-content {
max-width: 100%;
}
}
body #sidebar {
max-width: var(--width-sidebar);
width: 100%;
background: #F9F9F9;
border-radius: 12px;
padding: 28px 20px;
margin-bottom: 90px;
}
@media (max-width: 1023px) {
body #sidebar {
max-width: 100%;
}
}
body .wrap_footer {
clear: both;
}
body .inside-content {
min-height: calc(100vh - 200px);
}
.fancybox__container {
z-index: 9999 !important;
}
.compensate-for-scrollbar {
padding: 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);
}
@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 {
background-color: var(--primary);
color: #fff;
}
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: "";
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: "";
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: "";
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: "";
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: 60px;
}
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 16px 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: 24px;
}
article.post-wrap ul.post-meta {
list-style-type: none;
margin: 0 0px 32px 0px;
padding: 0;
display: inline-block;
}
article.post-wrap ul.post-meta li {
display: inline-flex;
margin: 0 36px 0px 0;
color: var(--text);
font-size: 1.1em;
}
article.post-wrap ul.post-meta li:hover {
opacity: 1;
}
article.post-wrap ul.post-meta li i {
font-size: 1.4em;
color: var(--primary);
padding-right: 8px;
}
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: uppercase;
padding: 17px 53px;
border-radius: 8px;
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-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: 40px;
padding-top: 40px;
border-top: 1px solid #cacaca;
}
.single article.post-wrap .post-tags a {
text-transform: capitalize;
margin: 0px 6px 6px 0px;
display: inline-block;
margin-right: 6px;
background-color: #fff;
border: solid 1px #cacaca;
color: var(--text);
border-radius: 6px;
padding: 12px 14px;
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*/
.page article.post-wrap {
display: flow-root;
}
/*4.0 Widgets*/
.sidebar .widget {
display: block;
margin-bottom: 36px;
padding-bottom: 36px;
border-bottom: 1px solid rgba(202, 202, 202, 0.5);
float: left;
width: 100%;
/* Widget Rss */
/* Widget Calendar */
/* Widget Tag clound */
/* Widget Search */
/**
* Archives
*/
}
.sidebar .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .widget a {
color: var(--text);
}
.sidebar .widget a:hover {
color: var(--primary);
}
.sidebar .widget a:hover:before {
color: var(--primary);
}
.sidebar .widget h4.widget-title {
color: var(--heading);
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 0;
position: relative;
}
.sidebar .widget p {
margin-top: 0;
}
.sidebar .widget img {
width: auto;
}
.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-weight: 500;
font-size: 0.9em !important;
background-color: #fff;
border: solid 1px #cacaca;
color: var(--text);
border-radius: 6px;
padding: 12px 14px;
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: "";
-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: 30px;
color: var(--text);
text-align: right;
}
.sidebar .widget.widget_categories ul li:before, .sidebar .widget.widget_archive ul li:before {
content: "";
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);
float: left;
text-align: left;
}
.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: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before, .sidebar .widget.widget_archive .widget-custom ul li:before {
content: "";
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: "";
font-family: "ovaicon";
}
.sidebar .widget.widget_categories .widget-custom ul li {
line-height: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before {
content: "";
font-family: "ovaicon";
}
.sidebar .widget.widget_pages ul li:before {
content: "";
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: "";
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: "";
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: "";
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);
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 {
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: "";
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: "";
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: 5px;
padding: 12px 15px 15px 15px;
}
#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 #reply-title {
margin-top: 0;
margin-bottom: 5px;
text-transform: capitalize;
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 label {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 1em;
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: 12px;
text-transform: inherit;
font-weight: 500;
}
#respond #commentform .comment-form-cookies-consent input {
width: 20px;
height: 20px;
}
.comment-body #respond #reply-title {
font-size: 1.1em;
}
/*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: 4px;
background: #f1f1f1;
padding: 0px 10px 0px 10px;
min-width: 45px;
text-align: center;
font-weight: 600;
color: var(--text);
line-height: 40px;
font-size: 1.2em;
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.alignleft {
margin-right: 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;
}
/*Block Category*/
/*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: "";
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: "";
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: "";
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: "";
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: #fff;
border: solid 1px #cacaca;
color: var(--text);
border-radius: 6px;
padding: 12px 14px;
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: "";
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*/
.page_404 {
padding: 60px 0;
min-height: 500px;
text-align: center;
}
.page_404 .error-404 {
margin: 0;
font-size: 100px;
color: var(--primary);
font-weight: bold;
letter-spacing: 0.05em;
}
.page_404 .message {
margin-top: 0;
padding-top: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 30px;
color: var(--heading);
}
.page_404 .btn-back-home a {
display: inline-block;
padding: 10px 20px;
background-color: var(--primary);
border-radius: 10px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
}
.page_404 .btn-back-home a:hover, .page_404 .btn-back-home a:focus {
background-color: #000;
}
/*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;
}
.woocommerce #woo_main {
padding: 0 10px;
margin: 0 auto;
}
@media (max-width: 767px) {
.woocommerce #woo_main {
padding: 0 20px;
flex-direction: column;
}
}
@media (max-width: 1024px -1) {
.woocommerce #woo_main .content-area {
flex: 0 0 100%;
padding-left: 0px;
width: 100%;
}
}
.woocommerce #woo_main .content-area .woocommerce-result-count {
margin: 6px 0 0 0;
font-size: 18px;
line-height: 26px;
color: #62718d;
font-weight: 400;
}
.woocommerce #woo_main .content-area .woocommerce-ordering {
width: 245px;
margin-bottom: 40px;
}
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 80px;
}
@media (max-width: 991px) {
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 0px;
}
}
.woocommerce #woo_main .content-area ul.products li.product {
text-align: center;
position: relative;
overflow: hidden;
padding-bottom: 30px;
border: 1px solid #e5e5e5;
border-radius: 10px;
}
.woocommerce #woo_main .content-area ul.products li.product .cat_product {
color: var(--text);
font-size: 17px;
font-weight: 500;
line-height: 50px;
display: inline-block;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product .button {
visibility: visible;
opacity: 1;
}
.woocommerce #woo_main .content-area ul.products li.product:hover {
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
}
.woocommerce #woo_main .content-area ul.products li.product .star-rating {
font-size: 13px;
margin: 0 auto 8px auto;
}
.woocommerce #woo_main .content-area ul.products li.product .onsale {
display: inline-block;
top: 10px;
right: 10px;
left: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 3px;
text-transform: uppercase;
}
.woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link img {
margin: 0;
}
.woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title {
font-size: 18px;
line-height: 26px;
color: var(--heading);
margin-top: -20px;
padding: 20px 15px 7px 15px;
z-index: 3;
font-weight: 600;
}
.woocommerce #woo_main .content-area ul.products li.product .price {
font-size: 16px;
line-height: 26px;
color: var(--primary);
font-weight: 600;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product .price ins {
font-weight: 600;
margin-left: 6px;
text-decoration: none;
}
.woocommerce #woo_main .content-area ul.products li.product .button,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button {
margin-top: 10px;
color: #fff;
margin: 0px;
transition: 0.4s;
z-index: 2;
margin: 10px 15px 0px 15px;
background: var(--heading);
border: 1px solid var(--heading);
}
.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 {
background: var(--primary);
border-color: var(--primary);
}
.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 div.product {
/**
* Sumary
*/
/*end summary*/
/* woo tabs */
/* end woo tabs */
/* related */
/* end related */
}
.woocommerce div.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: 14px;
font-weight: 600;
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__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 .summary .product_title {
font-size: 34px;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.2px;
color: #2c2734;
margin-bottom: 15px;
}
.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 {
font-size: 15px;
color: #62718d;
line-height: 1.2;
}
.woocommerce div.product .summary .price {
margin: 0 0 20px 0;
color: var(--primary);
}
.woocommerce div.product .summary .price .woocommerce-Price-amount {
font-size: 25px;
line-height: 26px;
color: var(--primary);
font-weight: 600;
}
.woocommerce div.product .summary .price ins {
margin-left: 3px;
font-weight: 600;
text-decoration: none;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description {
margin-bottom: 7px;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description p {
line-height: 24px;
margin: 0px;
}
.woocommerce div.product .summary .stock {
margin: 0 0 18px 0;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
color: #0067da;
}
.woocommerce div.product .summary form.cart {
margin-bottom: 36px;
margin-top: 18px;
}
.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: #e8e8e8;
}
.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: #202b5d;
}
.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 td {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.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: #202b5d;
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 #e8e8e8;
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 .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 23px;
}
.woocommerce div.product .summary form.cart .quantity {
margin: 0 15px 0 0;
}
.woocommerce div.product .summary form.cart .quantity input {
font-size: 17px;
color: #202b5d;
padding-left: 20px;
padding-right: 10px;
border-color: #e5e5e5;
width: 80px;
height: 50px;
line-height: 50px;
border-radius: 4px;
}
.woocommerce div.product .summary form.cart .quantity input::placeholder {
font-size: 17px;
color: #202b5d;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button {
font-size: 16px;
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
background-color: var(--heading);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:hover {
background: var(--primary);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:focus {
outline: none;
}
.woocommerce div.product .summary .product_meta .posted_in {
margin-bottom: 8px;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .posted_in a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .summary .product_meta .tagged_as {
display: block;
font-size: 17px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .tagged_as a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.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: #62718d;
}
.woocommerce div.product .summary .product_meta .sku_wrapper .sku {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 55px;
}
.woocommerce div.product .woocommerce-tabs .panel {
border: 1px solid #e8e8e8;
border-top: none;
padding: 36px 30px 20px 30px;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information h2 {
font-size: 24px;
line-height: 1.2;
color: #202b5d;
font-weight: 600;
margin: 0 0 20px 0;
display: inline-block;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes {
border: 1px solid #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th {
font-size: 17px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
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-weight: 400;
letter-spacing: 0.2px;
color: #62718d;
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: #2c2734;
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;
}
.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;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating {
font-size: 13px;
}
.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: block;
font-size: 18px;
font-weight: 600;
color: var(--heading);
margin-bottom: 4px;
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: block;
color: #42516d;
font-size: inherit;
}
.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: #2c2734;
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 {
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: 17px;
line-height: 24px;
color: #62718d;
}
.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 #e8e8e8;
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 #e8e8e8;
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 .stars a {
color: #cccccc;
}
.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: 18px;
font-weight: 700;
color: #fff;
padding: 0 30px;
width: unset;
border-radius: 4px;
background-color: var(--primary);
border-color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input:hover {
background: #222222;
border-color: #222222;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0px;
display: flex;
background: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: #fff;
border-radius: 0px;
padding: 0 30px;
margin: 0;
position: relative;
z-index: 3;
border-bottom: 1px solid #e8e8e8;
}
.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 #e8e8e8;
border-bottom: none;
border-top: 2px solid;
}
.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: #e8e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 20px;
line-height: 26px;
font-weight: 500;
color: #2c2734;
padding: 15px 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title {
font-size: 20px;
line-height: 1.2;
color: #202b5d;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description > p {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce div.product .related > h2 {
font-size: 24px;
line-height: 1.2;
color: #2c2734;
font-weight: 600;
margin: 0 0 35px 0;
}
.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-color: var(--primary);
}
.woocommerce-checkout #payment .place-order #place_order:hover {
background-color: var(--heading);
border-color: var(--heading);
}
.woocommerce {
/* end cart form */
}
.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-color: 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);
border-color: var(--heading);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:focus {
background-color: var(--heading);
border-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-color: var(--primary);
color: #fff;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart]:hover {
background-color: var(--heading);
border-color: 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-color: 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);
border-color: var(--heading);
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button {
background-color: var(--primary);
color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button:hover {
background-color: var(--heading);
border-color: var(--heading);
}
.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;
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 .widget_product_categories {
padding: 50px 30px 40px 30px;
background-color: #f7f4f2;
border-radius: 10px;
}
.woocommerce .woo-sidebar .woo_widget ul {
margin: 0;
}
.woocommerce .woo-sidebar .widget_products {
padding: 50px 30px 40px 30px;
background-color: #f7f4f2;
border-radius: 10px;
}
@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:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 20px 0;
padding: 0 0 40px 0;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a {
display: flex;
margin-bottom: -47px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a img {
float: unset;
width: 80px;
flex: 0 0 80px;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a .product-title {
flex: 0 0 calc(100% - 100px);
font-size: 18px;
line-height: 26px;
letter-spacing: 0.2px;
font-weight: 400;
color: #2c2734;
margin-left: 20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .star-rating {
margin: 0 0 8px 104px;
font-size: 13px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .woocommerce-Price-amount {
font-size: 20px;
line-height: 26px;
color: #88858e;
font-weight: 400;
margin-left: 104px;
position: relative;
bottom: -20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li ins .woocommerce-Price-amount {
margin-left: 2px;
}
.woocommerce .woo-sidebar .widget_product_tag_cloud .tagcloud a {
float: left;
display: block;
margin: 0 10px 10px 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider {
border-radius: 0;
background: #e5e5e5;
margin: 0 0 25px 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
background: #fff;
border: 1px solid #e5e5e5;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
font-size: 18px;
color: #fff;
font-weight: 500;
background: #2c2734;
height: 35px;
line-height: 35px;
padding: 0 20px;
border-radius: 20px;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
font-size: 16px;
line-height: 1.2;
color: #88858e;
text-transform: uppercase;
}
.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;
}
}
/*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: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.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 {
opacity: 0.7;
}
.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: "";
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: "";
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;
}
.header-banner-underline-title .wrap_header_banner .header_title {
position: relative;
}
.header-banner-underline-title .wrap_header_banner .header_title:before {
position: absolute;
content: "";
width: 113px;
height: 1px;
bottom: 88px;
left: calc(50% - 56.5px);
background: #cacaca;
}
/* 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;
}
}
@media (min-width: 768px) {
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs {
display: -webkit-box !important;
}
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper {
width: 300px;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
display: flex;
}
@media (max-width: 767px) {
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper {
width: 100% !important;
}
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .right {
margin-top: 8px;
display: inline-block;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
color: var(--heading);
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .elementor-tab-subtitle {
margin-top: 8px;
display: block;
font-weight: 500;
font-size: 16px;
color: var(--text);
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title .ova-tab-icon {
float: left;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title .right {
display: inline-block;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:before {
font-size: 14px;
float: right;
content: "";
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-tab-subtitle {
display: block;
font-weight: 500;
font-size: 16px;
color: var(--text);
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active:before {
content: "";
}
.hotelft-tabs-hidden .elementor-tabs-content-wrapper {
overflow: hidden;
}
.ova-backfrop-filter {
backdrop-filter: blur(16px);
}
.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-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-menu-footer .menu {
list-style: none;
margin: 0;
padding: 0;
}
.ova-menu-footer .menu a {
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-contact-info {
display: flex;
}
.ova-contact-info .icon {
color: #333;
font-size: 30px;
margin-right: 10px;
margin-top: 5px;
}
.ova-contact-info .contact .label {
font-size: 24px;
margin: 0 0px 10px 0px;
padding: 0;
font-weight: 600;
line-height: 1.2em;
}
.ova-contact-info .contact .info {
list-style-type: none;
padding: 0;
margin: 0;
}
.ova-contact-info .contact .info .item {
color: #555;
}
.ova-contact-info .contact .info .item a {
color: #555;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.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-gallery .grid:after {
content: "";
display: block;
clear: both;
}
.ova-gallery .grid .grid-item {
float: left;
padding: 15px;
}
.ova-gallery .grid .grid-item.grid-item-right {
float: right;
}
.ova-gallery .grid .grid-item .gallery-fancybox {
display: block;
position: relative;
}
.ova-gallery .grid .grid-item .gallery-fancybox img {
display: block;
width: 100%;
border-radius: 12px;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
cursor: pointer;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container:before {
content: "";
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
border-radius: 12px;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon i {
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
line-height: 1;
}
.ova-gallery .grid .grid-item:hover .gallery-fancybox .gallery-container:before {
opacity: 1;
}
.ova-gallery .grid .grid-item:hover .gallery-fancybox .gallery-container .gallery-icon {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
top: 50%;
}
@media screen and (max-width: 1024px) {
.ova-gallery .grid .grid-item {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.ova-gallery .grid .grid-item {
width: 100%;
}
}
.fancybox__content img {
cursor: zoom-in;
}
.fancybox__caption {
text-align: center;
}
.ova-testimonial .owl-stage-outer {
padding: 50px 0;
}
@media (max-width: 1024px) {
.ova-testimonial .owl-stage-outer {
padding: 30px 0;
}
}
.ova-testimonial .slide-testimonials .client_info {
padding: 32px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.04);
position: relative;
}
.ova-testimonial .slide-testimonials .client_info .icon-quote {
position: absolute;
bottom: 38px;
right: 52px;
}
@media (max-width: 400px) {
.ova-testimonial .slide-testimonials .client_info .icon-quote {
bottom: 90px;
right: 20px;
}
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i {
display: inline-block;
transform: rotate(180deg);
}
.ova-testimonial .slide-testimonials .client_info .icon-quote i:before {
color: var(--primary);
margin: 0;
font-size: 44px;
line-height: 1;
}
.ova-testimonial .slide-testimonials .client_info p.evaluate {
font-size: 16px;
font-weight: 500;
color: var(--text);
line-height: 24px;
margin: 0 0 24px 0;
}
.ova-testimonial .slide-testimonials .client_info .info {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ova-testimonial .slide-testimonials .client_info .info .client {
margin-right: 20px;
width: 62px;
}
.ova-testimonial .slide-testimonials .client_info .info .client img {
height: 62px;
width: 100%;
border-radius: 50%;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job p {
margin: 0;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .name {
font-size: 20px;
line-height: 1.2;
font-weight: 500;
color: var(--heading);
letter-spacing: 0.2px;
margin-bottom: 4px;
}
.ova-testimonial .slide-testimonials .client_info .info .name-job .job {
font-size: 18px;
line-height: 1.2;
font-weight: 500;
color: var(--text);
}
.ova-testimonial .slide-testimonials .owl-dots {
text-align: center;
margin-top: 24px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot {
outline: none;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot span {
width: 8px;
height: 6px;
margin: 5px;
background: #58c2d0;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 3px;
}
.ova-testimonial .slide-testimonials .owl-dots .owl-dot.active span {
width: 31px;
background: var(--primary);
opacity: 1;
}
.ova-heading.ova-line .title:before {
position: absolute;
content: "";
width: 60px;
height: 4px;
bottom: -8px;
left: 0;
background: rgba(255, 255, 255, 0.12);
border-radius: 2px;
}
.ova-heading .title {
position: relative;
margin: 0;
font-family: var(--primary-font);
text-transform: uppercase;
color: var(--heading);
font-weight: 600;
font-size: 36px;
letter-spacing: 0.01em;
}
.ova-heading .title a {
color: var(--heading);
}
.switch-lang-v1 {
display: inline-block;
cursor: pointer;
position: relative;
}
.switch-lang-v1:hover .lang-dropdown {
display: block;
}
.switch-lang-v1:hover .current-lang i {
transform: rotate(-180deg);
}
.switch-lang-v1 .current-lang {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.switch-lang-v1 .current-lang .lang-text {
margin: 0;
padding: 10px 20px;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #063C43;
}
.switch-lang-v1 .current-lang i {
position: absolute;
right: 0;
color: #063C43;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v1 .lang-dropdown {
display: none;
width: 100%;
text-align: center;
background-color: #FFF;
box-shadow: 10px 0 40px rgba(6, 22, 58, 0.1);
z-index: 99999;
position: absolute;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v1 .lang-dropdown .selecting-lang {
padding: 5px 8px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v1 .lang-dropdown .selecting-lang:first-child {
border-bottom: 1px solid #e5e5e5;
}
.switch-lang-v1 .lang-dropdown .selecting-lang:hover {
background-color: var(--primary);
border-color: var(--primary);
}
.switch-lang-v1 .lang-dropdown .selecting-lang:hover .lang-text {
color: #FFF;
}
.switch-lang-v1 .lang-dropdown .selecting-lang .lang-text {
margin: 0;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #063C43;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v2 {
display: inline-block;
cursor: pointer;
position: relative;
}
.switch-lang-v2:hover .current-lang {
border-radius: 8px 8px 0 0;
border-color: var(--primary);
border-bottom-color: #e5e5e5;
background-color: var(--primary);
}
.switch-lang-v2:hover .lang-dropdown {
display: block;
}
.switch-lang-v2:hover .current-lang .lang-text {
color: #fff;
}
.switch-lang-v2:hover .current-lang i {
transform: rotate(-180deg);
color: #fff;
}
.switch-lang-v2 .current-lang {
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px;
border: 1px solid #C2C2C2;
box-sizing: border-box;
border-radius: 8px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v2 .current-lang .lang-text {
margin: 0;
margin-right: 5px;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #000;
}
.switch-lang-v2 .current-lang i {
color: #C2C2C2;
font-size: 10px;
vertical-align: middle;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v2 .current-lang i:before {
vertical-align: middle;
}
.switch-lang-v2 .lang-dropdown {
display: none;
background-color: #FFF;
box-shadow: 10px 0 40px rgba(6, 22, 58, 0.1);
z-index: 99999;
position: absolute;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.switch-lang-v2 .lang-dropdown .selecting-lang {
padding: 10px 0;
text-align: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.switch-lang-v2 .lang-dropdown .selecting-lang:first-child {
border-bottom: 0;
}
.switch-lang-v2 .lang-dropdown .selecting-lang:last-child {
border-top: 0;
}
.switch-lang-v2 .lang-dropdown .selecting-lang:hover {
border-color: var(--primary);
background-color: var(--primary);
}
.switch-lang-v2 .lang-dropdown .selecting-lang:hover .lang-text {
color: #FFF;
}
.switch-lang-v2 .lang-dropdown .selecting-lang:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
.switch-lang-v2 .lang-dropdown .selecting-lang .lang-text {
margin: 0;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mc4wp-response {
color: var(--primary);
}
.ova-subscribe-form {
display: flex;
margin-bottom: 8px;
}
.ova-subscribe-form input[type=email] {
background-color: #fff;
width: 100%;
max-width: 319px;
border: none;
border-radius: 6px 0 0 6px;
}
.ova-subscribe-form input[type=email]::placeholder {
font-family: var(--primary-font);
font-size: 16px;
line-height: 20px;
color: var(--text);
}
.ova-subscribe-form input[type=submit] {
width: 100%;
max-width: 129px;
border: none;
border-radius: 0 6px 6px 0;
}
.ova-subscribe-form input[type=submit]::placeholder {
font-family: var(--primary-font);
font-size: 16px;
line-height: 20px;
}
.ova-subscribe-form input[type=submit]:hover {
background-color: var(--primary);
color: #fff;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
border-color: red;
color: red;
margin: 20px auto;
max-width: 802px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--primary);
}
.ova-ctfrom7 .form-contact p {
margin: 0;
display: inherit;
justify-content: center;
width: inherit;
column-gap: inherit;
}
@media screen and (max-width: 675px) {
.ova-ctfrom7 .form-contact p {
flex-direction: column;
}
}
.ova-ctfrom7 .form-contact input[type=text], .ova-ctfrom7 .form-contact input[type=email], .ova-ctfrom7 .form-contact input[type=tel], .ova-ctfrom7 .form-contact textarea {
width: 100%;
background-color: #fff;
box-sizing: border-box;
border: 1px solid rgba(202, 202, 202, 0.6);
border-radius: 4px;
padding: 16px 14px;
color: #fff;
outline: none;
caret-color: var(--primary);
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: var(--heading);
font-family: var(--primary-font);
opacity: 1;
}
.ova-ctfrom7 .form-contact input[type=text]::placeholder, .ova-ctfrom7 .form-contact input[type=email]::placeholder, .ova-ctfrom7 .form-contact input[type=tel]::placeholder, .ova-ctfrom7 .form-contact textarea::placeholder {
font-family: var(--primary-font);
font-size: 16px;
line-height: 19px;
color: var(--text);
}
.ova-ctfrom7 .form-contact input[type=text]:focus, .ova-ctfrom7 .form-contact input[type=email]:focus, .ova-ctfrom7 .form-contact input[type=tel]:focus, .ova-ctfrom7 .form-contact textarea:focus {
color: var(--heading);
font-weight: 600;
}
.ova-ctfrom7 .form-contact input[type=text]:focus::placeholder, .ova-ctfrom7 .form-contact input[type=email]:focus::placeholder, .ova-ctfrom7 .form-contact input[type=tel]:focus::placeholder, .ova-ctfrom7 .form-contact textarea:focus::placeholder {
font-weight: 400;
}
.ova-ctfrom7 .form-contact .name-info, .ova-ctfrom7 .form-contact .email-phone-info, .ova-ctfrom7 .form-contact .message-info {
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
max-width: 802px;
column-gap: 10px;
margin: 0 auto;
}
@media screen and (max-width: 675px) {
.ova-ctfrom7 .form-contact .name-info, .ova-ctfrom7 .form-contact .email-phone-info, .ova-ctfrom7 .form-contact .message-info {
flex-direction: column;
}
.ova-ctfrom7 .form-contact .name-info .wpcf7-form-control-wrap, .ova-ctfrom7 .form-contact .email-phone-info .wpcf7-form-control-wrap, .ova-ctfrom7 .form-contact .message-info .wpcf7-form-control-wrap {
width: 100%;
}
.ova-ctfrom7 .form-contact .name-info .wpcf7-form-control-wrap input, .ova-ctfrom7 .form-contact .email-phone-info .wpcf7-form-control-wrap input, .ova-ctfrom7 .form-contact .message-info .wpcf7-form-control-wrap input {
width: 100%;
}
}
.ova-ctfrom7 .form-contact .name-info, .ova-ctfrom7 .form-contact .email-phone-info {
margin-bottom: 30px;
}
.ova-ctfrom7 .form-contact .name-info .wpcf7-form-control-wrap, .ova-ctfrom7 .form-contact .email-phone-info .wpcf7-form-control-wrap {
width: 100%;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
}
.ova-ctfrom7 .form-contact .email-phone-info input[type=email], .ova-ctfrom7 .form-contact .email-phone-info input[type=tel] {
text-transform: unset;
}
.ova-ctfrom7 .form-contact .message-info .wpcf7-form-control-wrap {
width: 100%;
text-align: center;
}
.ova-ctfrom7 .form-contact .message-info textarea {
width: 100%;
max-width: 802px;
height: 89px;
resize: none;
margin-bottom: 36px;
}
.ova-ctfrom7 .form-contact .ova-submit {
text-align: center;
position: relative;
}
.ova-ctfrom7 .form-contact .ova-submit input[type=submit] {
width: 100%;
max-width: 802px;
padding: 16px 36px;
background-color: var(--primary);
border-radius: 6px;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: center;
text-transform: uppercase;
color: #f9f9f9;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-ctfrom7 .form-contact .ova-submit input[type=submit]:hover {
background-color: #063c43;
border-color: #063c43;
}
.ova-ctfrom7 .form-contact .ova-submit .wpcf7-spinner {
position: absolute;
top: 50%;
margin: 0 10px;
}
@media screen and (max-width: 767px) {
.ova-ctfrom7 .form-contact .ova-submit .ajax-loader {
margin-top: -24px;
display: block;
}
}
.ova-simple-image-carousel .simple-image-carousel-img {
text-align: center;
}
.ova-simple-image-carousel .simple-image-carousel-img .caption {
display: inline-block;
padding-top: 15px;
font-size: 20px;
font-weight: 500;
text-align: center;
font-style: italic;
font-family: var(--primary-font);
}
.ova-simple-image-carousel .simple-image-carousel-img img {
border-radius: 12px;
}
.ova-simple-image-carousel .owl-nav {
display: flex;
justify-content: center;
margin-top: 40px;
}
.ova-simple-image-carousel .owl-nav button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.ova-simple-image-carousel .owl-nav button:before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
border: 1px solid #cacaca;
border-radius: 50%;
width: 40px;
height: 40px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-simple-image-carousel .owl-nav button.owl-prev:before {
left: -23px;
}
.ova-simple-image-carousel .owl-nav button.owl-prev:hover:before {
left: -17px;
}
.ova-simple-image-carousel .owl-nav button.owl-next:before {
right: -23px;
}
.ova-simple-image-carousel .owl-nav button.owl-next:hover:before {
right: -17px;
}
.ova-simple-image-carousel .owl-nav button i {
font-size: 40px;
color: #000;
}
.ova-simple-image-carousel .owl-nav button:first-child {
margin-right: 28px;
}
.ova-simple-image-carousel .owl-nav button:hover i {
color: var(--primary);
}
.ova-simple-image-carousel .owl-nav button:hover:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
}
.ova-simple-image-carousel .owl-dots {
text-align: center;
margin-top: 48px;
}
.ova-simple-image-carousel .owl-dots .owl-dot {
outline: none;
}
.ova-simple-image-carousel .owl-dots .owl-dot span {
width: 8px;
height: 6px;
margin: 5px;
background: #58c2d0;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 3px;
}
.ova-simple-image-carousel .owl-dots .owl-dot.active span {
width: 31px;
background: var(--primary);
opacity: 1;
}
.ova-card {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
padding: 24px 24px 32px 24px;
background-color: transparent;
border-radius: 12px;
}
.ova-card:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
box-shadow: 0px 60px 80px rgba(0, 0, 0, 0.06);
}
.ova-card .icon {
padding-bottom: 16px;
}
.ova-card .icon i {
font-size: 40px;
color: var(--primary);
}
.ova-card .title {
margin: 0;
padding-bottom: 24px;
font-weight: 500;
font-size: 22px;
line-height: 1.2;
text-transform: capitalize;
color: var(--heading);
}
.ova-card .description {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: var(--text);
}
.ova-card.v2 {
text-align: center;
padding: 10px 14px 10px 10px;
}
.ova-card.v2 .icon {
padding-bottom: 12px;
}
.ova-card.v2 .icon i {
color: #063c43;
}
.ova-card.v2 .title {
font-size: 18px;
color: #063c43;
}
.ova-video {
display: inline-block;
}
.ova-video .ova-video-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.ova-video .ova-video-container img {
border-radius: 12px;
}
.ova-video .ova-video-container .video-content {
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
z-index: 1;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .ova-video-container .video-content i {
color: #FFFFFF;
font-size: 46px;
vertical-align: middle;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .ova-video-container .video-content:hover {
background-color: var(--primary);
}
.ova-video .ova-video-container .video-content.video-image {
position: absolute;
}
.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-awards {
position: relative;
text-align: center;
overflow: hidden;
background-color: #fff;
border-radius: 12px;
padding: 36px 36px 42px 36px;
box-shadow: 0px 80px 120px rgba(0, 0, 0, 0.07);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-awards:hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-awards:hover .img .awards-img {
transition: all 0.3s ease;
transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
}
.ova-awards .img {
text-align: center;
}
.ova-awards .img .awards-img {
max-width: 142px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 100%;
vertical-align: middle;
margin-bottom: 30px;
}
.ova-awards .info .title {
margin: 0;
margin-bottom: 20px;
font-weight: bold;
color: #000;
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
}
.ova-awards .info .description {
margin: 0;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.ova-place {
border-radius: 12px;
background-color: #fff;
box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.04);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-place:hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-place:hover .img .place-img {
transition: all 0.3s ease;
transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
}
.ova-place .img {
overflow: hidden;
border-radius: 12px;
}
.ova-place .img .place-img {
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
vertical-align: middle;
}
.ova-place .info {
display: flex;
align-items: center;
padding: 24px;
}
.ova-place .info .place {
margin: 0;
font-weight: 500;
font-size: 24px;
color: var(--heading);
padding-right: 24px;
border-right: 1px solid #CACACA;
margin-right: 24px;
}
.ova-place .info .distance {
font-weight: 500;
font-size: 20px;
color: var(--primary);
}
.ova-offer .offer-img {
position: relative;
}
.ova-offer .offer-img:before {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
content: "";
position: absolute;
width: 100%;
height: 40%;
bottom: 0;
left: 0;
border-radius: 12px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.855) 100%);
}
.ova-offer .offer-img:hover:before {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -1.83%, rgba(0, 0, 0, 0.4) 57.57%, rgba(0, 0, 0, 0.9) 100%);
}
.ova-offer .offer-img:hover .info {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
bottom: 208px;
}
.ova-offer .offer-img:hover .content {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
bottom: 24px;
opacity: 1;
visibility: visible;
}
.ova-offer .offer-img img {
border-radius: 12px;
}
.ova-offer .offer-img .info {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: absolute;
bottom: 24px;
left: 20px;
padding-right: 20px;
}
.ova-offer .offer-img .info .title {
margin: 0;
font-size: 26px;
line-height: 1.2em;
color: #fff;
font-weight: 600;
font-family: var(--primary-font);
}
.ova-offer .offer-img .content {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: absolute;
bottom: 0;
left: 20px;
padding-right: 20px;
color: #fff;
opacity: 0;
visibility: hidden;
max-height: 180px;
overflow-y: hidden;
}
.ova-offer .offer-img .content i {
display: inline-block;
font-size: 20px;
line-height: 1;
padding-right: 8px;
vertical-align: text-bottom;
}
.ova-offer .offer-img .content .category {
font-size: 18px;
font-weight: 500px;
}
.ova-offer .offer-img .content .date {
padding-bottom: 18px;
font-size: 18px;
font-weight: 500px;
}
.ova-offer .offer-img .content .description {
font-family: var(--secondary-font);
margin: 0;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding-top: 18px;
border-top: 1px solid #fff;
}
.ova-offer .owl-nav {
display: flex;
justify-content: center;
margin-top: 48px;
}
.ova-offer .owl-nav button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.ova-offer .owl-nav button:before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
background-color: #f9f9f9;
z-index: -1;
border: 1px solid #cacaca;
border-radius: 50%;
width: 40px;
height: 40px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-offer .owl-nav button.owl-prev:before {
left: -23px;
}
.ova-offer .owl-nav button.owl-prev:hover:before {
left: -17px;
}
.ova-offer .owl-nav button.owl-next:before {
right: -23px;
}
.ova-offer .owl-nav button.owl-next:hover:before {
right: -17px;
}
.ova-offer .owl-nav button i {
font-size: 40px;
color: #000;
}
.ova-offer .owl-nav button:first-child {
margin-right: 28px;
}
.ova-offer .owl-nav button:hover i {
color: var(--primary);
}
.ova-offer .owl-nav button:hover:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
}
.ova-offer .owl-dots {
text-align: center;
margin-top: 48px;
}
.ova-offer .owl-dots .owl-dot {
outline: none;
}
.ova-offer .owl-dots .owl-dot span {
width: 8px;
height: 6px;
margin: 5px;
background: #58c2d0;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 3px;
}
.ova-offer .owl-dots .owl-dot.active span {
width: 31px;
background: var(--primary);
opacity: 1;
}
.ova-image-slide .owl-carousel .image-slide-img {
position: relative;
}
.ova-image-slide .owl-carousel .image-slide-img .caption {
position: absolute;
bottom: 40px;
left: 20px;
display: inline-block;
padding-top: 15px;
font-size: 20px;
font-weight: 500;
font-style: italic;
font-family: var(--primary-font);
}
.ova-image-slide .owl-carousel .image-slide-img img {
border-radius: 12px;
vertical-align: middle;
}
.ova-image-slide .owl-carousel .owl-dots {
position: absolute;
bottom: 21px;
left: 50%;
transform: translateX(-50%);
}
.ova-image-slide .owl-carousel .owl-dots .owl-dot {
outline: none;
}
.ova-image-slide .owl-carousel .owl-dots .owl-dot span {
width: 6px;
height: 6px;
margin: 3px;
background: #fff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 3px;
}
.ova-image-slide .owl-carousel .owl-dots .owl-dot.active span {
width: 25px;
}
.ova-image-slide .owl-carousel .owl-nav .owl-prev, .ova-image-slide .owl-carousel .owl-nav .owl-next {
transition: all 0.3s ease;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
transition: all 0.3s ease;
}
.ova-image-slide .owl-carousel .owl-nav .owl-prev i, .ova-image-slide .owl-carousel .owl-nav .owl-next i {
font-size: 20px;
color: #fff;
}
.ova-image-slide .owl-carousel .owl-nav .owl-prev:hover, .ova-image-slide .owl-carousel .owl-nav .owl-next:hover {
transition: all 0.3s ease;
background: var(--primary);
}
.ova-image-slide .owl-carousel .owl-nav .owl-prev {
left: 24px;
}
.ova-image-slide .owl-carousel .owl-nav .owl-next {
right: 24px;
}
.ova-image-slide.v2 .owl-carousel {
position: relative;
}
.ova-image-slide.v2 .owl-carousel:before {
content: "";
background: #fff;
width: 114%;
height: 80%;
position: absolute;
top: 47%;
left: -52px;
transform: translateY(-50%);
}
@media (max-width: 1024px) {
.ova-image-slide.v2 .owl-carousel:before {
content: none;
}
}
.ova-image-slide.v2 .owl-carousel .owl-dots {
display: flex;
justify-content: center;
margin-top: 26px;
position: static;
bottom: unset;
transform: unset;
left: unset;
}
.ova-image-slide.v2 .owl-carousel .owl-dots .owl-dot span {
width: 8px;
background: #58c2d0;
}
.ova-image-slide.v2 .owl-carousel .owl-dots .owl-dot.active span {
width: 31px;
background: var(--primary);
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next {
background: transparent;
}
@media (max-width: 1024px) {
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next {
background: #fff;
}
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev i, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next i {
font-size: 25px;
color: #130f26;
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev:hover, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next:hover {
transition: all 0.3s ease;
background: transparent;
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev:hover i, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next:hover i {
color: var(--primary);
}
@media (max-width: 1024px) {
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev:hover, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next:hover {
background: var(--primary);
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev:hover i, .ova-image-slide.v2 .owl-carousel .owl-nav .owl-next:hover i {
color: #fff;
}
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev {
left: -53px;
}
@media (max-width: 1024px) {
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-prev {
left: 23px;
}
}
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-next {
right: -53px;
}
@media (max-width: 1024px) {
.ova-image-slide.v2 .owl-carousel .owl-nav .owl-next {
right: 23px;
}
}
.ova-service-info {
background-color: transparent;
}
.ova-service-info .top {
display: flex;
align-items: flex-end;
padding-bottom: 28px;
border-bottom: 1px solid #cacaca;
margin-bottom: 32px;
}
.ova-service-info .top i {
font-size: 44px;
color: #BF380E;
padding-right: 20px;
}
.ova-service-info .top .title {
margin: 0;
font-weight: 600;
font-size: 32px;
line-height: 38px;
text-transform: uppercase;
color: var(--heading);
}
.ova-service-info .description {
margin: 0;
padding-bottom: 44px;
font-weight: 500;
font-size: 16px;
line-height: 1.4;
color: var(--text);
}
.ova-service-info .button {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
align-items: center;
padding: 13px 32px;
border: 1px solid var(--primary);
border-radius: 10px;
font-weight: 600;
font-size: 19px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
color: var(--primary);
background-color: transparent;
}
.ova-service-info .button i {
margin-left: 12px;
font-size: 33px;
line-height: 1;
}
.ova-service-info .button:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ova-place-slide {
display: grid;
grid-template-columns: 30% 70%;
}
@media (max-width: 1024px) {
.ova-place-slide {
grid-template-columns: 45% 55%;
}
}
@media (max-width: 767px) {
.ova-place-slide {
display: block;
}
}
.ova-place-slide .owl-item.active-place .item .place-slide-img {
padding: 0;
margin-right: 15px;
}
@media (max-width: 767px) {
.ova-place-slide .owl-item.active-place .item .place-slide-img {
margin-right: 0;
}
}
.ova-place-slide .owl-item .item .place-slide-img {
padding: 15px;
}
@media (max-width: 767px) {
.ova-place-slide .owl-item .item .place-slide-img {
padding: 0;
}
}
.ova-place-slide .owl-item .item .place-slide-img img {
border-radius: 12px;
}
.ova-place-slide .info {
padding-right: 85px;
}
@media (max-width: 1720px) {
.ova-place-slide .info {
padding-right: 40px;
}
}
@media (max-width: 767px) {
.ova-place-slide .info {
padding-right: 20px;
padding-bottom: 40px;
}
}
.ova-place-slide .info .place {
margin: 0;
padding-bottom: 12px;
font-size: 44px;
line-height: 1.3;
font-weight: 600;
color: #0F97AA;
}
.ova-place-slide .info .distance {
display: inline-block;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
color: #063c43;
padding-bottom: 32px;
}
.ova-place-slide .info .description {
margin: 0;
font-size: 16px;
line-height: 1.6;
border-top: 1px solid #cacaca;
padding-top: 32px;
padding-bottom: 70px;
}
.ova-place-slide .info .ova-nav button {
position: relative;
border: unset;
padding: unset;
background-color: unset;
}
.ova-place-slide .info .ova-nav button:before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-55%);
background-color: #f9f9f9;
z-index: -1;
border: 1px solid #cacaca;
border-radius: 50%;
width: 40px;
height: 40px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-place-slide .info .ova-nav button.owl-prev:before {
left: -23px;
}
.ova-place-slide .info .ova-nav button.owl-prev:hover:before {
left: -17px;
}
.ova-place-slide .info .ova-nav button.owl-next:before {
right: -23px;
}
.ova-place-slide .info .ova-nav button.owl-next:hover:before {
right: -17px;
}
.ova-place-slide .info .ova-nav button i {
font-size: 40px;
color: #000;
}
.ova-place-slide .info .ova-nav button:first-child {
margin-right: 28px;
}
.ova-place-slide .info .ova-nav button:hover i {
color: var(--primary);
}
.ova-place-slide .info .ova-nav button:hover:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
}
.ova-place-slide .owl-dots {
text-align: center;
margin-top: 48px;
}
.ova-place-slide .owl-dots .owl-dot {
outline: none;
}
.ova-place-slide .owl-dots .owl-dot span {
width: 8px;
height: 6px;
margin: 5px;
background: #58c2d0;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 3px;
}
.ova-place-slide .owl-dots .owl-dot.active span {
width: 31px;
background: var(--primary);
opacity: 1;
}
.ova-hotel {
position: relative;
width: fit-content;
width: -moz-fit-content;
overflow: hidden;
border-radius: 12px;
}
.ova-hotel .mask {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.09%, rgba(0, 0, 0, 0.92) 100%);
}
.ova-hotel:hover .info .location {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-hotel:hover .info .location i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #DF3429;
}
.ova-hotel:hover .info .name {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-hotel:hover .hotel-img {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
}
.ova-hotel .hotel-img {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: block;
border-radius: 12px;
}
.ova-hotel .info {
position: absolute;
padding-right: 30px;
left: 20px;
bottom: 24px;
}
.ova-hotel .info .name {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
font-weight: 600;
font-size: 28px;
color: #fff;
text-transform: capitalize;
padding-bottom: 12px;
}
.ova-hotel .info .location {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.ova-hotel .info .location i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-size: 20px;
padding-right: 8px;
}
.ova-room-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.ova-room-list .room-content {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.ova-room-list .room-content .mask {
position: absolute;
content: "";
width: 100%;
height: 50%;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
z-index: 1;
}
.ova-room-list .room-content:hover img {
transform: translate3d(-2%, 0, 0) scale(1.05);
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list .room-content .room-price {
position: absolute;
top: 12px;
left: 12px;
display: inline-block;
padding: 8px 12px;
color: #063c43;
background-color: #fff;
border-radius: 6px;
font-size: 14px;
line-height: 1.2em;
letter-spacing: 0.01em;
font-weight: 600;
}
.ova-room-list .room-content .room-meta {
position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
padding: 15px;
}
.ova-room-list .room-content .room-meta .room-title {
margin: 0;
padding-bottom: 14px;
font-size: 26px;
line-height: 1.2em;
letter-spacing: 0.01em;
font-weight: 600;
}
.ova-room-list .room-content .room-meta .room-title a {
color: #FFFFFF;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list .room-content .room-meta .room-info {
list-style-type: none;
margin: 0;
padding: 9px 12px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ova-room-list .room-content .room-meta .room-info li {
display: flex;
align-items: center;
font-size: 12px;
color: #fff;
}
.ova-room-list .room-content .room-meta .room-info li:not(:last-child) {
margin-right: 15px;
}
.ova-room-list .room-content .room-meta .room-info li i {
font-size: 19px;
line-height: 1;
margin-right: 6px;
}
.ova-room-list .room-content .room-meta .room-info li.square span {
text-transform: lowercase;
}
.ova-room-list .room-content .room-image img {
width: 100%;
height: 100%;
object-fit: cover;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list .room-content.grid_span {
grid-row: 1/span 2;
grid-column: 1/span 2;
}
@media screen and (max-width: 600px) {
.ova-room-list .room-content.grid_span {
grid-row: 1/span 1;
grid-column: 1/span 1;
height: auto;
}
}
@media screen and (max-width: 1200px) {
.ova-room-list {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 900px) {
.ova-room-list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.ova-room-list {
grid-template-columns: 1fr;
}
}
.ova-room-list-carousel .room-list-carousel {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
}
.ova-room-list-carousel .room-list-carousel.slick-initialized {
visibility: visible;
opacity: 1;
}
.ova-room-list-carousel .slick-slide {
transition: all 0.2s ease;
padding: 50px;
}
@media (max-width: 600px) {
.ova-room-list-carousel .slick-slide {
padding: 20px;
}
}
.ova-room-list-carousel .slick-slide .room-content {
position: relative;
border-radius: 10px;
transition: all 0.2s ease;
width: 100%;
}
.ova-room-list-carousel .slick-slide .room-content .mask {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
z-index: 1;
border-radius: 10px;
}
.ova-room-list-carousel .slick-slide .room-content img {
width: 100%;
border-radius: 10px;
object-fit: cover;
}
.ova-room-list-carousel .slick-slide .room-content .room-price {
position: absolute;
bottom: 20px;
right: 20px;
display: inline-block;
padding: 8px 18px;
color: #fff;
background: rgba(255, 255, 255, 0.16);
font-size: 14px;
line-height: 1.2em;
letter-spacing: 0.01em;
font-weight: 600;
z-index: 1;
}
@media (max-width: 600px) {
.ova-room-list-carousel .slick-slide .room-content .room-price {
top: 20px;
bottom: unset;
}
}
.ova-room-list-carousel .slick-slide .room-content .room-meta {
position: absolute;
width: 100%;
bottom: 20px;
left: 24px;
z-index: 1;
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-title {
margin: 0;
padding-bottom: 14px;
font-size: 28px;
line-height: 1.2em;
letter-spacing: 0.01em;
font-weight: 600;
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-title a {
color: #FFFFFF;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-info {
list-style-type: none;
margin: 0;
padding: 0;
background: transparent;
border-radius: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-info li {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.2em;
color: #fff;
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-info li:not(:last-child) {
margin-right: 20px;
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-info li i {
font-size: 24px;
line-height: 1;
margin-right: 6px;
}
@media (max-width: 600px) {
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-info li i {
font-size: 16px;
}
}
.ova-room-list-carousel .slick-slide .room-content .room-meta .room-info li.square span {
text-transform: lowercase;
}
.ova-room-list-carousel .slick-center .room-content {
transform: scale(1.2);
border-radius: 10px;
}
@media (max-width: 600px) {
.ova-room-list-carousel .slick-center .room-content {
transform: scale(1);
}
}
.ova-room-list-carousel .slick-dots {
bottom: -60px;
}
@media (max-width: 767px) {
.ova-room-list-carousel .slick-dots {
bottom: -40px;
}
}
.ova-room-list-carousel .slick-dots li {
width: unset;
}
.ova-room-list-carousel .slick-dots li.slick-active button {
background-color: var(--primary);
width: 31px;
}
.ova-room-list-carousel .slick-dots li button {
width: 8px;
height: 6px;
padding: 0;
margin-right: 5px;
background-color: #5dc2d0;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 3px;
}
.ova-room-list-carousel .slick-dots li button:before {
content: none;
}
.ova-room-list-2 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.ova-room-list-2 .room-content .room-image {
display: block;
overflow: hidden;
border-radius: 10px 10px 0 0;
}
.ova-room-list-2 .room-content .room-image img {
width: 100%;
height: 293px;
vertical-align: middle;
border-radius: 10px 10px 0 0;
object-fit: cover;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list-2 .room-content:hover .room-image img {
transform: translate3d(1%, 0, 0) scale(1.05);
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list-2 .room-content .room-meta {
padding: 20px;
border-radius: 0 0 10px 10px;
background-color: #fff;
}
.ova-room-list-2 .room-content .room-meta .room-price-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 20px;
}
.ova-room-list-2 .room-content .room-meta .room-price-title .room-title {
margin: 0;
font-size: 26px;
line-height: 1.2em;
letter-spacing: 0.01em;
font-weight: 600;
}
.ova-room-list-2 .room-content .room-meta .room-price-title .room-title a {
color: #000;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-room-list-2 .room-content .room-meta .room-price-title .room-price {
display: inline-block;
padding: 8px 12px;
color: var(--primary);
border: 2px solid var(--primary);
background-color: transparent;
border-radius: 4px;
font-size: 14px;
line-height: 1.2em;
letter-spacing: 0.01em;
font-weight: 600;
}
.ova-room-list-2 .room-content .room-meta .room-info {
list-style-type: none;
margin: 0;
padding: 0;
background: rgba(255, 255, 255, 0.16);
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ova-room-list-2 .room-content .room-meta .room-info li {
display: flex;
align-items: center;
font-size: 14px;
color: var(--text);
font-weight: 500;
}
.ova-room-list-2 .room-content .room-meta .room-info li:not(:last-child) {
margin-right: 15px;
}
.ova-room-list-2 .room-content .room-meta .room-info li i {
color: #063c43;
font-size: 22px;
line-height: 1;
margin-right: 6px;
}
.ova-room-list-2 .room-content .room-meta .room-info li.square span {
text-transform: lowercase;
}
@media screen and (max-width: 1200px) {
.ova-room-list-2 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.ova-room-list-2 {
grid-template-columns: 1fr;
}
}