🔐 Sid Gifari File Manager Pro
v8.0.5 | 2026-06-14 08:34:15 | PHP 8.1.34
📂
/ (Root)
/
home
/
therahul
/
ramailobhela.com
/
wp-content
/
themes
/
nighty
📍 /home/therahul/ramailobhela.com/wp-content/themes/nighty
🔄 Refresh
✏️
Editing: style.css
Writable
/* Theme Name: Nighty Theme URI: https://themeforest.net/user/ovatheme/portfolio Version: 1.0.7 Description: Nighty 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. Nighty will make your WordPress look beautiful everywhere. Created by <a href="https://themeforest.net/user/ovatheme">Ovatheme</a> Author: Ovatheme Author URI: <a href="https://themeforest.net/user/ovatheme/portfolio">Ovatheme</a> 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: nighty 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; margin: 0; padding: 0; font-size: var(--font-size); line-height: var(--line-height); color: var(--text); font-family: var(--primary-font); letter-spacing: var(--letter-spacing); } @media (max-width: 1024px) { body { overflow-x: hidden; } } body.admin-bar { top: 32px; } body.ova_primary_background { background-color: var(--primary-background); } body.rtl { direction: rtl; } 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; margin: 0; padding: 20px 60px 20px; } @media (max-width: 767px) { blockquote { padding: 10px; margin: 10px; } } blockquote.wp-block-quote.is-style-large { padding: 20px 60px 20px; } @media (max-width: 767px) { blockquote.wp-block-quote.is-style-large { padding: 35px; margin: 10px; } } blockquote.wp-block-quote.is-style-large:not(.is-style-plain) { padding: 20px 60px 20px; } blockquote p { margin-bottom: 30px; } blockquote cite { text-decoration: underline; } blockquote:before { position: absolute; left: 10px; top: 25px; content: "\f17f"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; font-size: 30px; color: var(--primary); } @media (max-width: 767px) { blockquote:before { left: -15px; top: 0; font-size: 15px; } } blockquote.has-text-align-right:before { right: 0; left: auto; transform: rotate(180deg); width: 30px; height: 30px; text-align: right; position: absolute; } @media (max-width: 767px) { blockquote.has-text-align-right:before { right: -20px; width: 15px; height: 15px; } } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } address { font-style: italic; margin: 0 0 24px; } cite, em, var, address, dfn { font-style: italic; } pre { border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 1.75em 0 1.75em 0; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } hr { background-color: #ccc; border: 0; height: 1px; margin: 0 0 1em; } .elementor-widget-text-editor p { line-height: inherit; } .btn, .button { border-radius: 0; 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.page-template-default .elementor-section.elementor-section-boxed > .elementor-container { padding-left: 0px; padding-right: 0px; } body.layout_1c #main-content { max-width: 100%; } body.layout_2l #main-content { float: right; } body.layout_2l #sidebar { float: left; } body.layout_2r #main-content { float: left; } body.layout_2r #sidebar { float: right; } body #main-content { max-width: calc(var(--main-content) - 60px); width: 100%; margin-bottom: 90px; } @media (max-width: 1023px) { body #main-content { max-width: 100%; margin-bottom: 60px; } } body #sidebar { max-width: var(--width-sidebar); width: 100%; } @media (max-width: 1023px) { body #sidebar { max-width: 100%; } } body .wrap_footer { clear: both; } body .inside-content { min-height: calc(100vh - 200px); } /* fix error pading when leave fancybox popup */ .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); } .site-brand a img { max-width: 207px; } @media (max-width: 1023px) { .site-brand { display: block; float: left; max-width: calc(100% - 120px); z-index: 1; position: relative; } } /*2.1.2 Menu*/ /** * General Menu Styles */ button.menu-toggle { cursor: pointer; text-align: left; position: relative; border: 2px solid transparent; box-shadow: none; border-radius: 4px; background-image: none; padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em; font-size: 0.875em; max-width: 120px; display: block; margin-left: auto; color: #fff; background-color: var(--primary); } @media (min-width: 1024px) { button.menu-toggle { display: none; } } button.menu-toggle:hover { color: #fff; background-color: var(--primary); } button.menu-toggle span:before { transition: all, ease, 0.2s; } button.menu-toggle:before, button.menu-toggle:after, button.menu-toggle span:before { content: ""; display: block; height: 2px; width: 14px; position: absolute; top: 50%; left: 1em; margin-top: -1px; transition: all, ease, 0.2s; border-radius: 3px; background-color: #fff; } button.menu-toggle:before { transform: translateY(-4px); } button.menu-toggle:after { transform: translateY(4px); } .toggled button.menu-toggle::before, .toggled button.menu-toggle::after { transform: rotate(45deg); } .toggled button.menu-toggle::after { transform: rotate(-45deg); } .toggled button.menu-toggle span::before { opacity: 0; } ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a { color: var(--primary); } .main-navigation { position: relative; } .main-navigation .ova-menu-decor-icon { position: absolute; top: 50%; left: 0; transform: translateY(-50%); line-height: 1; } @media (max-width: 1023px) { .main-navigation .ova-menu-decor-icon { display: none; } } .main-navigation .ova-menu-decor-icon i, .main-navigation .ova-menu-decor-icon svg, .main-navigation .ova-menu-decor-icon path { display: inline-flex; width: 1em; height: 1em; color: var(--primary); fill: var(--primary); } .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(--heading); padding: 0.6180469716em; display: block; } .main-navigation ul li a:hover { color: var(--primary); } .main-navigation.toggled .primary-navigation ul.menu { max-height: 999px; } .main-navigation .dropdown-toggle { background: transparent; position: absolute; top: 3px; right: 0; display: block; padding: 0.5em 1em; color: inherit; border-radius: 0; border: 1px solid #eee; } .main-navigation .dropdown-toggle::after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } .main-navigation .dropdown-toggle:focus { outline: none; } .main-navigation .dropdown-toggle:hover { background: transparent; } .main-navigation .dropdown-toggle.toggled-on:after { content: "\f10c"; font-family: "ovaicon"; } @media (min-width: 1024px) { .main-navigation .dropdown-toggle { display: none; } } @media (max-width: 1023px) { .main-navigation .primary-navigation ul { max-height: 0; overflow: hidden; transition: all ease 0.4s; margin: 0; padding: 0; } .main-navigation .primary-navigation ul.show { max-height: 999px; } } @media (min-width: 1024px) { .main-navigation ul li { display: inline-block; position: relative; text-align: left; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 1.1em; display: block; opacity: 1; visibility: visible; } .main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul { left: -9999px; /* 1 */ opacity: 0; visibility: hidden; } .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device { display: none; left: 0; } .main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul { left: 100%; top: 0; display: block; opacity: 1; visibility: visible; } .main-navigation ul ul.sub-menu { float: left; position: absolute; top: 100%; z-index: 99999; left: 0; /* 1 */ opacity: 0; visibility: hidden; border-radius: 3px; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07); padding: 15px 0; } .main-navigation ul ul.sub-menu.sub-menu--is-touch-device { display: none; left: 0; } .main-navigation ul ul.sub-menu li { display: block; min-width: 260px; } .main-navigation ul.menu { max-height: none; overflow: visible; margin-top: 0; transition: none; } .main-navigation ul.menu > li > a { padding: 1em; font-weight: 500; } .main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after { display: block; } .main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.menu > li.has-mega-menu > a:after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; margin: 0 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; color: #000; font-weight: 400; font-size: 14px; line-height: 1.5; } .main-navigation ul.menu ul.sub-menu li.menu-item:last-child { border-bottom: 0; margin-bottom: 0; } .main-navigation ul.menu ul.sub-menu ul { margin: 0; } .main-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, .main-navigation ul.menu ul.sub-menu li.page_item_has_children > a::after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; float: right; margin-left: 10px; margin-top: 7px; font-size: 0.5em; font-weight: 500; line-height: 1; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } } /*2.2 Footer */ footer.footer { clear: both; padding-bottom: 45px; padding-top: 45px; background-color: #1e1e1e; color: #fff; text-align: center; margin-top: 60px; } /*3.0 Blog*/ /* Blog General ****************************************************/ article.post-wrap { margin-bottom: 70px; } article.post-wrap.sticky { background: #282828; 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 15px 0px; font-size: 32px; line-height: 1.3em; font-weight: 600; 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: 0 0 30px 0; } article.post-wrap .post-media img { width: 100%; max-height: 529px; object-fit: cover; } article.post-wrap ul.post-meta { list-style-type: none; margin: 0 0 12px 0; padding: 0; } article.post-wrap ul.post-meta li { display: inline-block; margin: 0 20px 0px 0; color: var(--text); } article.post-wrap ul.post-meta li i { display: inline-flex; font-size: 0.9em; color: var(--primary); padding: 0 3px; vertical-align: middle; } 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; padding: 0; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.18em; 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); } article.post-wrap a.readmore:hover i { transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; padding-left: 12px; } article.post-wrap a.readmore i { transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; display: inline-flex; padding-left: 6px; font-size: 30px; vertical-align: middle; color: var(--primary); } /* 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; } .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 { font-size: 36px; text-transform: uppercase; } .single article.post-wrap .post-title:hover { color: var(--heading); } .single article.post-wrap .post-content { margin-bottom: 35px; } .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-and-share { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 15px; padding: 0 0 45px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .single article.post-wrap .post-tags-and-share .post-tags { clear: both; } .single article.post-wrap .post-tags-and-share .post-tags a { text-transform: capitalize; margin: 0px 5px 5px 0px; display: inline-block; margin-right: 5px; border: solid 1px rgba(246, 243, 238, 0.06); color: var(--text); padding: 5px 15px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .single article.post-wrap .post-tags-and-share .post-tags a:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } .single article.post-wrap .post-tags-and-share .share-social-icons { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; list-style: none; padding: 0 0 0 10px; margin: 0; } .single article.post-wrap .post-tags-and-share .share-social-icons li { display: inline-block; } .single article.post-wrap .post-tags-and-share .share-social-icons li a { transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; display: inline-flex; justify-content: center; align-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(242, 246, 247, 0.12); font-size: 14px; color: var(--heading); } .single article.post-wrap .post-tags-and-share .share-social-icons li a:hover { transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; color: var(--secondary); } .single.layout_1c ul.post-meta { text-align: center; } .single.layout_1c .post-title { margin: 0 0 35px 0; text-align: center; } .single.layout_1c #main-content { max-width: 1170px; margin-left: auto; margin-right: auto; } .single.layout_1c .ova-max-width-860px { margin-left: auto; margin-right: auto; max-width: 860px; } .single .ova-single-post-list ul li:not(:last-child) { margin-bottom: 10px; } /*Page Title ***************************************************/ h1.page-title { margin-top: 0; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; } .search .page-header .page-title { margin-bottom: 60px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; } .search .page-header .page-title span { color: var(--primary); } /* 3.1 */ .page article.post-wrap { display: flow-root; } /*4.0 Widgets*/ .sidebar .widget { display: block; margin-bottom: 30px; float: left; width: 100%; padding: 30px; background: rgba(255, 255, 255, 0.03); /* Widget Rss */ /* Widget Calendar */ /* Widget Tag clound */ /* Widget Search */ /** * Archives */ } .sidebar .widget:last-child { margin-bottom: 90px; } @media (max-width: 1024px) { .sidebar .widget:last-child { margin-bottom: 60px; } } .sidebar .widget a { color: var(--text); } .sidebar .widget a:hover { color: var(--primary); } .sidebar .widget h4.widget-title { position: relative; color: var(--heading); margin: 0 0 15px 0; padding: 0 0 0 10px; } .sidebar .widget h4.widget-title:before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); display: inline-block; width: 2px; height: 21px; background-color: var(--primary); } .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_text { padding: 0; } .sidebar .widget.widget_text h4.widget-title { margin: 30px 30px 13px 30px; } .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: #333; color: var(--heading); border: 1px solid #e4e4e4; text-align: center; } .sidebar .widget.widget_calendar table tbody tr td { border: none; text-align: center; border: 1px solid #e4e4e4; } .sidebar .widget.widget_calendar nav { border: none; padding: 10px 0px 0px 0px; display: flex; justify-content: space-between; } .sidebar .widget.widget_calendar nav a { color: var(--primary); } .sidebar .widget.widget_calendar nav a:hover { color: #343434; } .sidebar .widget.widget_tag_cloud .tagcloud { position: relative; width: 100%; float: left; } .sidebar .widget.widget_tag_cloud .tagcloud a { float: left; margin: 0 10px 10px 0; display: block; font-size: 0.9em !important; border: solid 1px rgba(246, 243, 238, 0.06); color: var(--text); padding: 5px 15px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .sidebar .widget.widget_tag_cloud .tagcloud a:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } .sidebar .widget.widget_search form { position: relative; } .sidebar .widget.widget_search form:before { font-size: 18px; color: var(--text); opacity: 0.8; font-family: "ovaicon"; content: "\f14f"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; position: absolute; top: 50%; right: 20px; line-height: 1; transform: translate(0, -50%); cursor: pointer; } .sidebar .widget.widget_search form input[type=search] { width: 100%; padding-right: 50px; padding-left: 20px; } .sidebar .widget.widget_search form input[type=submit] { position: absolute; right: 0px; top: 0; background-color: transparent; border: none; font-size: 0; width: 50px; } .sidebar .widget.widget_categories ul li, .sidebar .widget.widget_archive ul li { line-height: 1.3; color: var(--text); } .sidebar .widget.widget_categories ul li:before, .sidebar .widget.widget_archive ul li:before { content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); 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); 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: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; } .sidebar .widget.widget_categories .widget-custom ul li a, .sidebar .widget.widget_archive .widget-custom ul li a { display: flex; justify-content: space-between; } .sidebar .widget.widget_categories .widget-custom ul li a .number, .sidebar .widget.widget_archive .widget-custom ul li a .number { background: #eee; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; } .sidebar .widget.widget_categories ul li:before { content: "\f162"; font-family: "ovaicon"; } .sidebar .widget.widget_categories .widget-custom ul li { line-height: 30px; } .sidebar .widget.widget_categories .widget-custom ul li:before { content: "\f162"; font-family: "ovaicon"; } .sidebar .widget.widget_pages ul li:before { content: "\f163"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_nav_menu ul li:before { content: "\f163"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_meta ul li:before { content: "\f112"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_recent_comments ul li { color: var(--text); opacity: 0.8; } .sidebar .widget.widget_recent_comments ul li:before { content: "\f151"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_recent_comments ul li .comment-author-link { color: var(--heading); text-decoration: underline; } .sidebar .widget.widget_recent_comments ul li .comment-author-link a:hover { color: var(--primary); } /*5.0 Table*/ table { border-collapse: collapse; border-spacing: 0; border: 1px solid #ededed; font-size: 100%; line-height: 2; margin: 0 0 20px; width: 100%; } table caption { color: #fff; } 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; background: #333; } table thead tr td a, table thead tr th a { color: var(--heading); } table tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } table tbody tr { display: table-row; vertical-align: inherit; border-color: inherit; } table tbody tr td, table tbody tr th { padding: 5px 10px; border: 1px solid #ededed; color: var(--text); text-align: left; } table tbody tr td a, table tbody tr th a { color: var(--heading); border-bottom: 1px solid var(--primary); font-weight: normal; } table tbody tr td a:hover, table tbody tr th a:hover { color: var(--primary); } table tbody tr th { color: var(--heading); } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #333; } /*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: 0; padding: 12px 15px; border-color: rgba(229, 229, 229, 0.0784313725); background-color: rgba(255, 255, 255, 0.03); 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(--text); } .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: var(--text); } .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: var(--text); } button, input[type=button], input[type=reset], input[type=submit] { border: 1px solid; border-radius: 0; 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: rgba(255, 255, 255, 0.03); color: var(--text); border: 1px solid rgba(229, 229, 229, 0.0784313725); border-radius: 0; padding: 12px 15px; max-width: 100%; -webkit-appearance: none; -moz-appearance: textfield; appearance: none; width: 100%; background-image: url("./assets/img/base/select-arrow.svg"); background-position: calc(100% - 12px) center; background-repeat: no-repeat; background-size: 12px 12px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } label { font-weight: 400; } label.inline input { width: auto; } /*Placeholver*/ [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Edge */ opacity: 0.5; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.5; } input::placeholder, textarea::placeholder { opacity: 0.5; } /*7.0 Galleries*/ .gallery-caption { width: 100%; } .slide_gallery { clear: both; margin-bottom: 30px; } .slide_gallery .owl-dots { z-index: 1; position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; } .slide_gallery .owl-dots .owl-dot { width: 10px; height: 10px; background-color: #fff; border: 1px solid; border-radius: 50%; border-color: #ccc; margin: 0px 3px; } .slide_gallery .owl-dots .owl-dot.active, .slide_gallery .owl-dots .owl-dot:hover { background-color: var(--primary); border-color: var(--primary); } @media (max-width: 568px) { .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item { width: 100%; margin: 0 0 20px 0px; } } @media (max-width: 568px) { .gallery .gallery-item { width: 100% !important; } } /*8.0 Image*/ img { max-width: 100%; height: auto; } .alignleft, img.alignleft { margin-right: 2.2em; margin-bottom: 1em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; margin-bottom: 1em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /** Fix for img ajax contact form 7 */ img.ajax-loader { width: 16px; height: 16px; display: block; text-align: center; margin: 0 auto; margin-left: auto; } .wp-smiley { margin: 0 !important; max-height: 1em; } .bypostauthor { position: relative; } /*9.0 Embed*/ embed, iframe, object, video { max-width: 100%; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } /*10.0 Comment*/ /*List Comment*/ #comments { /*Title Comment*/ /*Fist Level*/ } #comments .title-comments { text-transform: uppercase; margin-bottom: 30px; font-size: 1.4em; } #comments .comment-lists { list-style-type: none; padding-left: 0; margin-left: 0; /*Children level*/ /*Item*/ } #comments .comment-lists .children { list-style-type: none; padding-left: 0; margin-left: 70px; } @media (max-width: 767px) { #comments .comment-lists .children { margin-left: 15px; } } #comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body, #comments .comment-lists .comment .comment-body { padding-left: 140px; min-height: 100px; margin-bottom: 40px; } @media (max-width: 767px) { #comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body, #comments .comment-lists .comment .comment-body { padding-left: 0; } } #comments .comment-lists .trackback .comment-body .comment-meta, #comments .comment-lists .pingback .comment-body .comment-meta, #comments .comment-lists .comment .comment-body .comment-meta { position: relative; margin-bottom: 10px; } #comments .comment-lists .trackback .comment-body .comment-meta .avatar, #comments .comment-lists .pingback .comment-body .comment-meta .avatar, #comments .comment-lists .comment .comment-body .comment-meta .avatar { position: absolute; left: -140px; top: 5px; border-radius: 50%; width: 100px; height: auto; } @media (max-width: 767px) { #comments .comment-lists .trackback .comment-body .comment-meta .avatar, #comments .comment-lists .pingback .comment-body .comment-meta .avatar, #comments .comment-lists .comment .comment-body .comment-meta .avatar { display: none; } } #comments .comment-lists .trackback .comment-body .comment-meta cite, #comments .comment-lists .pingback .comment-body .comment-meta cite, #comments .comment-lists .comment .comment-body .comment-meta cite { font-weight: 600; color: var(--heading); 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: var(--heading); 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: var(--text); 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: 30px; } #comments .comment-lists .trackback .comment-body .comment-content .comment-text p, #comments .comment-lists .pingback .comment-body .comment-content .comment-text p, #comments .comment-lists .comment .comment-body .comment-content .comment-text p { margin: 0 0 10px 0; padding: 0; } #comments .comment-lists .trackback .comment-body .comment-content .reply a, #comments .comment-lists .pingback .comment-body .comment-content .reply a, #comments .comment-lists .comment .comment-body .comment-content .reply a { font-weight: 500; color: var(--primary); } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link { margin-right: 10px; font-weight: bold; color: var(--primary); position: relative; padding-left: 18px; text-transform: uppercase; font-size: 12px; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:before, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:before, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:before { position: absolute; left: 0; top: 50%; margin-top: -7px; content: "\f10f"; font-weight: 600; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; vertical-align: middle; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:hover, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:hover, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:hover { color: #eee; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link { margin-right: 10px; font-weight: bold; color: var(--primary); position: relative; padding-left: 18px; text-transform: uppercase; font-size: 12px; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link:before, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link:before, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link:before { position: absolute; left: 0; top: 50%; margin-top: -7px; content: "\f167"; font-weight: 600; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; vertical-align: middle; } #comments .comment-lists .trackback .comment-body #respond, #comments .comment-lists .pingback .comment-body #respond, #comments .comment-lists .comment .comment-body #respond { margin-top: 0; border: 1px solid #eee; border-radius: 0; padding: 22px 25px 25px 25px; } #comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body { padding-left: 0; } /*Comment Form*/ #respond { clear: both; margin: 30px 0px; position: relative; } #respond .logged-in-as { padding-bottom: 15px; } #respond #reply-title { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; font-size: 1.4em; } #respond #reply-title #cancel-comment-reply-link { float: right; text-align: right; position: relative; color: red; } #respond #commentform { display: flex; flex-wrap: wrap; margin: 0 -15px; clear: both; } #respond #commentform p { padding: 0px 15px; margin: 0; } #respond #commentform p.logged-in-as { padding-bottom: 15px; } #respond #commentform label { margin: 0; font-weight: bold; text-transform: uppercase; font-size: 0.9em; display: inherit; } #respond #commentform .comment-notes { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } #respond #commentform .comment-form-author, #respond #commentform .comment-form-email, #respond #commentform .comment-form-url { flex: 0 0 100%; max-width: 100%; order: 1; margin-bottom: 30px; } @media (min-width: 1024px) { #respond #commentform .comment-form-author, #respond #commentform .comment-form-email, #respond #commentform .comment-form-url { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } #respond #commentform .comment-form-author input, #respond #commentform .comment-form-email input, #respond #commentform .comment-form-url input { width: 100%; } #respond #commentform .comment-form-comment { flex: 0 0 100%; max-width: 100%; order: 2; margin-bottom: 30px; } #respond #commentform .comment-form-comment textarea { width: 100%; } #respond #commentform .form-submit { flex: 0 0 100%; max-width: 100%; order: 3; } #respond #commentform .comment-form-cookies-consent { display: flex; line-height: 1; margin-bottom: 15px; width: 100%; } #respond #commentform .comment-form-cookies-consent label { padding-left: 5px; text-transform: inherit; font-weight: 500; } /*11.0 Pagination*/ /** * Pagination For Blog and WooCommerce */ .woocommerce.pagination, nav.pagination { margin: 60px 0px; } .woocommerce.woocommerce-pagination, nav.woocommerce-pagination { margin: 60px 0 120px 0; } @media (max-width: 767px) { .woocommerce.woocommerce-pagination, nav.woocommerce-pagination { margin: 30px 0 90px 0; } } .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 { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(237, 237, 237, 0.0784313725); border-radius: 50%; min-width: 50px; width: 50px; height: 50px; text-align: center; font-weight: 600; color: #fff; font-size: 1em; text-shadow: none; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i, .woocommerce .page-numbers li .page-numbers i, nav.woocommerce-pagination ul.page-numbers li .page-numbers i, nav .page-numbers li .page-numbers i { display: inline-flex; font-size: 0.7em; } .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: #eee; 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: var(--primary-background); margin-bottom: 60px; position: relative; } .wrap_breadcrumbs:before { position: absolute; left: -1000px; background-color: #fafafa; height: 100%; width: auto; top: 0; content: ""; z-index: -1; } ul.breadcrumb { margin: 0; padding: 20px 0px; display: inline-block; list-style-type: none; } ul.breadcrumb li { color: var(--primary); -webkit-hyphens: auto; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; display: inline-block; padding-right: 5px; word-break: break-word; } ul.breadcrumb li a { color: var(--text); } ul.breadcrumb li a:hover { color: var(--primary); } ul.breadcrumb li .separator i { font-size: 0.6em; color: var(--text); opacity: 0.5; position: relative; } /*13.0 Toup*/ #scrollUp { bottom: 20px; right: 20px; border-radius: 4px; background-color: var(--primary); color: #fff; text-align: center; } #scrollUp:hover { background-color: #333; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } #scrollUp i { color: #fff; text-align: center; display: block; font-weight: bold; position: relative; padding: 10px 10px 5px 10px; } #scrollUp i:before { font-weight: bold !important; } /*14.0 Caption*/ .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption img[class*=wp-image-] { display: block; margin: 0; } .wp-caption .wp-caption-text { text-align: left; font-style: italic; border-bottom: 2px solid #e6e6e6; padding: 0.5407911001em 0; font-size: 0.875em; color: var(--text); opacity: 0.8; } /*15.0 Block*/ /*Block Button*/ .wp-block-button { margin: 10px 0px; } .wp-block-button a { text-transform: uppercase; font-weight: 600; } .wp-block-button.alignleft { margin-right: 20px; } .wp-block-button.is-style-outline .wp-block-button__link { border-style: dashed; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 5px; } .wp-block-button.alignright { margin-left: 20px; } /*Block Image*/ .wp-block-image figcaption, figure figcaption { text-align: left; font-style: italic; border-bottom: 2px solid #e6e6e6; padding: 0.5407911001em 0; font-size: 0.875em; color: var(--text); opacity: 0.8; padding-top: 0; margin-top: 5px; } /*Block Covern*/ .wp-block-cover { margin-bottom: 30px; } .wp-block-cover.has-background-dim { color: #fff; } /*Block Gallery*/ .wp-block-gallery { margin-bottom: 20px; padding-top: 20px; } .wp-block-gallery:not(.has-nested-images).alignleft { margin-right: 30px; } .wp-block-gallery:not(.has-nested-images) { margin-bottom: 30px; } /*Block Category*/ /*Block Column*/ .wp-block-columns blockquote { padding: 20px 10px 20px 50px; } .wp-block-columns blockquote:before { left: 10px; top: 5px; } .wp-block-columns figure.wp-block-image img { width: 100%; } /*Block Group*/ .wp-block-group.has-background { margin-bottom: 30px; padding: 30px; color: #333; } /*Block media*/ .wp-block-media-text { margin-bottom: 30px; } .wp-block-media-text.has-background { color: #333; } /*Block Archive Widget*/ .wp-block-archives.wp-block-archives-list { list-style-type: none; margin: 0 0 30px 0; padding: 0; } .wp-block-archives.wp-block-archives-list li { margin: 5px 0px; } .wp-block-archives.wp-block-archives-list li a { position: relative; } .wp-block-archives.wp-block-archives-list li a:before { content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } /*Block Calendar*/ .wp-block-calendar { margin-bottom: 30px; } /*Bock categories*/ .wp-block-categories { list-style-type: none; margin: 0 0 30px 0; padding: 0; } .wp-block-categories li { margin: 5px 0px; } .wp-block-categories li a { position: relative; } .wp-block-categories li a:before { content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } /*Block latest comment*/ .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments.has-avatars li:before { display: none; } .wp-block-latest-comments li { margin-bottom: 2em; line-height: 1.5em; } .wp-block-latest-comments li:before { content: "\f151"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .wp-block-latest-comments li .wp-block-latest-comments__comment-author { text-decoration: underline; } .wp-block-latest-comments li a { color: var(--primary); } .wp-block-latest-comments li time { padding-top: 10px; } /*Block search*/ .wp-block-search { margin-bottom: 30px; } .wp-block-search .wp-block-search__label { margin-bottom: 10px; display: block; } .wp-block-search:before { display: none !important; } .wp-block-search .wp-block-search__input { border-color: rgba(229, 229, 229, 0.0784313725); background-color: rgba(255, 255, 255, 0.03); padding-right: 20px !important; padding-left: 20px !important; } .wp-block-search .wp-block-search__button { padding: 12px 25px; background-color: var(--primary); border-color: var(--primary); color: #fff; font-weight: 600; margin-left: 5px; } .wp-block-search .wp-block-search__button:hover { background-color: transparent; color: var(--primary); } /*Recent Post*/ .wp-block-latest-posts li a { position: relative; } .wp-block-latest-posts li a:before { content: "\f163"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .wp-block-latest-posts.has-dates li { margin-bottom: 15px; } .wp-block-latest-posts.has-dates time { padding-left: 20px; } /*Tags*/ .wp-block-tag-cloud { clear: both; position: relative; } .wp-block-tag-cloud:after { clear: both; content: ""; display: inline-block; width: 100%; } .wp-block-tag-cloud a { float: left; margin: 0 10px 10px 0; display: block; font-size: 0.9em !important; border: solid 1px rgba(246, 243, 238, 0.06); color: var(--text); padding: 5px 15px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .wp-block-tag-cloud a:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } /*RSS*/ .wp-block-rss { margin: 0; padding: 0; list-style-type: none; } .wp-block-rss li { margin-bottom: 5px; } .wp-block-rss li a:before { content: "\f197"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .widget_block .wp-block-group__inner-container > h2 { font-size: 1.3195em; padding-bottom: 15px; margin-bottom: 15px; } .has-pale-cyan-blue-background-color, .has-pale-pink-background-color { color: #333; } /*16.0 Sticky*/ .header_sticky.active_sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; 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; -webkit-animation: sticky 0.7s; animation: sticky 0.7s; } .header_sticky.sticky_bg_dark.active_sticky { background-color: #000; } @-webkit-keyframes sticky { 0% { top: -100px; } 100% { top: 0; } } @keyframes sticky { 0% { top: -100px; } 100% { top: 0; } } /*17.0 404*/ .ova_404_page { text-align: center; padding: 0 30px; margin-top: 90px; } .ova_404_page .title-404 { margin: 0; font-size: 350px; font-weight: 500; line-height: 1; color: var(--primary); } @media screen and (max-width: 666px) { .ova_404_page .title-404 { font-size: 170px; } } @media screen and (max-width: 400px) { .ova_404_page .title-404 { font-size: 130px; } } .ova_404_page .title { margin-bottom: 25px; font-size: 40px; line-height: 1.2; } .ova_404_page .description { margin-bottom: 60px; font-size: 20px; line-height: 1.2; } .ova_404_page form { position: relative; display: inline-block; width: 100%; height: 80px; max-width: 550px; margin-bottom: 40px; } .ova_404_page form:before { font-size: 24px; color: var(--heading); font-family: "ovaicon"; content: "\f14f"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; position: absolute; top: 50%; right: 50px; line-height: 1; transform: translate(0, -50%); cursor: pointer; } .ova_404_page form input[type=search] { width: 100%; height: 100%; border: none; border-radius: 0; font-size: 16px; line-height: 1.2; color: var(--text); padding-left: 50px; } .ova_404_page form input[type=submit] { position: absolute; right: 0; top: 0; background-color: transparent; border: none; font-size: 0; width: 110px; height: 100%; } .ova_404_page .ova-go-home { margin-bottom: 120px; } .ova_404_page .ova-go-home a { transition: all 0.3s ease; display: inline-block; font-size: 18px; font-weight: 500; line-height: 1.3; color: #fff; padding: 24px 70px; background-color: var(--primary); border-radius: 0; } /*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: 0; padding: 12px 25px; font-size: 1em; font-weight: 600; } .woocommerce #woo_main { padding: 0 10px; margin: 0 auto; display: flex; flex-wrap: wrap; } @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: 0; width: 100%; } } .woocommerce #woo_main .content-area .woocommerce-result-count { margin: 6px 0 0 0; font-size: 18px; line-height: 26px; font-weight: 400; } .woocommerce #woo_main .content-area .woocommerce-ordering { width: 245px; margin-bottom: 40px; } .woocommerce #woo_main .content-area .woocommerce-ordering .orderby { background-color: #fff; color: rgba(0, 0, 0, 0.7); } .woocommerce #woo_main .content-area ul.products { margin-bottom: 60px; } @media (max-width: 991px) { .woocommerce #woo_main .content-area ul.products { margin-bottom: 30px; } } @media (max-width: 580px) { .woocommerce #woo_main .content-area ul.products[class*=columns-] li.product { width: 100%; float: none; } } .woocommerce #woo_main .content-area ul.products li.product { text-align: center; position: relative; overflow: hidden; padding-bottom: 40px; background-color: rgba(255, 255, 255, 0.03); border: 1px solid rgba(229, 229, 229, 0.0784313725); } .woocommerce #woo_main .content-area ul.products li.product .cat_product { color: var(--text); font-weight: 500; line-height: 1; display: inline-block; padding: 0 8px; } .woocommerce #woo_main .content-area ul.products li.product .cat_product:hover { color: var(--primary); } .woocommerce #woo_main .content-area ul.products li.product .button { visibility: visible; opacity: 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 { padding: 40px 0 0 0; } .woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title { margin: 0; font-size: 18px; line-height: 26px; color: var(--heading); font-weight: 600; z-index: 3; } .woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title:hover { color: var(--primary); } .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 { transition: 0.4s; z-index: 2; } .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); color: #fff; } .woocommerce #woo_main .content-area ul.products li.product a.added_to_cart { margin-top: 20px; display: inline-block; visibility: visible; opacity: 1; background-color: transparent; color: var(--heading); text-decoration: underline; text-transform: capitalize; padding: 0 15px; } .woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:hover { color: var(--primary); } .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 { /* yith woo*/ } .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 div.images { margin-bottom: 65px; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; padding: 20px; background-color: rgba(255, 255, 255, 0.03); } .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image { background-color: rgba(255, 255, 255, 0.03); } .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) { margin-top: 10px; padding: 0px 0px 0 0px; } .woocommerce div.product div.summary { margin-bottom: 65px; } .woocommerce div.product div.summary .product_title { margin: 25px 0 15px 0; font-size: 34px; line-height: 1.2; font-weight: 500; letter-spacing: 0.2px; } .woocommerce div.product div.summary .woocommerce-product-rating { display: flex; align-items: center; margin: 0 0 15px 0; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating { font-size: 13px; margin: 0px; color: var(--primary); } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link { font-size: 15px; line-height: 1.2; } .woocommerce div.product div.summary .price { margin: 0 0 20px 0; color: var(--primary); } .woocommerce div.product div.summary .price .woocommerce-Price-amount { font-size: 25px; line-height: 1.2; color: var(--primary); font-weight: 600; } .woocommerce div.product div.summary .price ins { margin-left: 3px; font-weight: 500; text-decoration: none; } .woocommerce div.product div.summary .woocommerce-product-details__short-description { margin-bottom: 40px; } .woocommerce div.product div.summary .stock { margin: 0 0 18px 0; font-size: 16px; line-height: 24px; letter-spacing: 0.3px; } .woocommerce div.product div.summary form.cart { margin: 30px 0 20px 0; } .woocommerce div.product div.summary form.cart table.group_table { border: none; } .woocommerce div.product div.summary form.cart table.group_table tr { border: none; } .woocommerce div.product div.summary form.cart table.group_table td { border-color: #e8e8e8; } .woocommerce div.product div.summary form.cart table.group_table td { vertical-align: middle; font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; } .woocommerce div.product div.summary form.cart table.group_table td label { margin: 0; } .woocommerce div.product div.summary form.cart table.variations { margin: 0; } .woocommerce div.product div.summary form.cart table.variations tr { border: none; } .woocommerce div.product div.summary form.cart table.variations tr td { font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; } .woocommerce div.product div.summary form.cart table.variations tr td label { font-weight: 400; margin: 0; } .woocommerce div.product div.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 div.summary form.cart table.variations tr td .select2-container { height: 40px; } .woocommerce div.product div.summary form.cart table.variations tr td .select2-selection--single { border: 1px solid #e8e8e8; border-radius: 2px; } .woocommerce div.product div.summary form.cart table.variations tr td .select2-selection__rendered { padding: 0 14px; font-size: 15px; color: #919baf; } .woocommerce div.product div.summary form.cart .single_variation_wrap .woocommerce-variation-price { margin-bottom: 23px; } .woocommerce div.product div.summary form.cart .quantity { margin: 0 15px 0 0; } .woocommerce div.product div.summary form.cart .quantity input { font-size: 18px; padding-left: 15px; padding-right: 10px; border-color: #e5e5e5; width: 60px; height: 50px; line-height: 50px; } .woocommerce div.product div.summary form.cart .quantity input::placeholder { font-size: 18px; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button { font-size: 16px; border-radius: 0; padding: 12px 25px; line-height: 1.5em; color: #fff; background: var(--primary); text-transform: uppercase; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button:hover { background: #000; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button:focus { outline: none; } .woocommerce div.product div.summary .product_meta { padding: 25px 0 0 0; } .woocommerce div.product div.summary .product_meta .posted_in, .woocommerce div.product div.summary .product_meta .tagged_as, .woocommerce div.product div.summary .product_meta .sku_wrapper { margin-bottom: 8px; display: block; font-size: 18px; line-height: 1.2; letter-spacing: 0.2px; color: var(--heading); } .woocommerce div.product div.summary .product_meta .posted_in span, .woocommerce div.product div.summary .product_meta .tagged_as span, .woocommerce div.product div.summary .product_meta .sku_wrapper span { color: var(--heading); opacity: 0.8; } .woocommerce div.product div.summary .product_meta .posted_in a, .woocommerce div.product div.summary .product_meta .tagged_as a, .woocommerce div.product div.summary .product_meta .sku_wrapper a { font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: var(--heading); opacity: 0.8; } .woocommerce div.product div.summary .product_meta .posted_in a:hover, .woocommerce div.product div.summary .product_meta .tagged_as a:hover, .woocommerce div.product div.summary .product_meta .sku_wrapper a:hover { color: var(--primary); } .woocommerce div.product .woocommerce-tabs { margin-bottom: 55px; } .woocommerce div.product .woocommerce-tabs .panel#tab-additional_information h2 { font-size: 24px; line-height: 1.2; 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 rgba(229, 229, 229, 0.0784313725); } .woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th { font-size: 18px; line-height: 1.2; font-weight: 500; letter-spacing: 0.2px; text-transform: capitalize; padding: 5px 15px; border: 1px solid rgba(229, 229, 229, 0.0784313725); } .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; padding: 5px 15px; border: 1px solid rgba(229, 229, 229, 0.0784313725); } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-Reviews-title { font-size: 20px; line-height: 1.2; font-weight: 600; 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; 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; margin-bottom: 35px; color: var(--heading); 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 p { margin: 0 0 20px 0; padding: 0; } .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; } @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 rgba(229, 229, 229, 0.0784313725); background-color: rgba(255, 255, 255, 0.03); height: 145px; margin: 0; padding: 11px 15px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input { height: 45px; margin: 0; padding: 0 15px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes { font-size: 17px; line-height: 24px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating { width: 100%; margin-bottom: 10px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .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: #ff9000; } .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-author, .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-email { flex: calc(50% - 20px); max-width: 50%; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-author { margin-right: 10px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-email { margin-left: 10px; } .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: 600; color: #fff; background-color: var(--primary); padding: 0 30px; width: auto; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 40px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { position: relative; border: none; padding: 0; margin: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.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.active a { color: var(--primary); } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 18px; line-height: 1.2; font-weight: 500; padding: 16px 25px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--primary); } @media (max-width: 767px) { .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 16px; } } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title { font-size: 20px; line-height: 1.2; 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; font-weight: 600; margin: 0 0 35px 0; } .woocommerce .yith-wcwl-add-button, .woocommerce .yith-wcwl-wishlistaddedbrowse, .woocommerce .yith-wcwl-wishlistexistsbrowse { clear: both; padding: 12px 0; } .woocommerce-checkout { /* Heading */ /*Coupon*/ /*Custom Detail*/ /*Your Order*/ /*Payment*/ } .woocommerce-checkout .select2-container .select2-results__option, .woocommerce-checkout .select2-container .select2-search__field { color: #000; } .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: rgba(229, 229, 229, 0.0784313725); line-height: 1.5em; padding: 10px 15px; color: var(--text); border-radius: 4px; background: rgba(255, 255, 255, 0.03); } .woocommerce-checkout #customer_details textarea { border: 1px solid; border-color: rgba(229, 229, 229, 0.0784313725); height: 100px; padding: 10px 15px; border-radius: 4px; color: var(--text); background: rgba(255, 255, 255, 0.03); } .woocommerce-checkout #customer_details .select2-container .select2-selection--single { background: rgba(255, 255, 255, 0.03); height: 45px; border: 1px solid; border-color: rgba(229, 229, 229, 0.0784313725); 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: rgba(229, 229, 229, 0.0784313725); } .woocommerce-checkout table.shop_table thead tr th { border: none; border-bottom: 1px solid rgba(229, 229, 229, 0.0784313725); } .woocommerce-checkout table.shop_table thead tr th.product-name { border-right: 1px solid rgba(229, 229, 229, 0.0784313725); } .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 rgba(229, 229, 229, 0.0784313725); } .woocommerce-checkout #payment { border-radius: 0; background: rgba(255, 255, 255, 0.03); } .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: #333; } .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; } .woocommerce-checkout #payment .place-order #place_order { font-size: 1.2em; background: var(--primary); color: #fff; } .woocommerce-checkout #payment .place-order #place_order:hover { background: #000; color: #fff; } .woocommerce { /* end cart form */ /*Message*/ } .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; 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; height: 42px; } .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: rgba(229, 229, 229, 0.0784313725); line-height: 1.5em; padding: 12px 15px; margin-right: 10px; font-size: 15px; color: var(--text); } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text { width: 100%; display: block; margin-bottom: 20px; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button { background: var(--primary); line-height: 1.5em; padding: 12px 25px; border-radius: 0; color: #fff; font-weight: 600; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:hover { background-color: var(--heading); } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:focus { background-color: var(--heading); outline: none; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button { display: block; width: 100%; margin-bottom: 20px; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] { background: var(--primary); color: #fff; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart]:hover { background: var(--heading); } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] { display: block; width: 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td a { display: inline-block; border-bottom: none; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td a img { width: 60px; } .woocommerce .cart-collaterals { margin-bottom: 80px; } .woocommerce .cart-collaterals .cart_totals > h2 { font-size: 1.2em; text-transform: uppercase; color: var(--heading); margin-bottom: 15px; } @media (max-width: 767px) { .woocommerce .cart-collaterals .cart_totals table, .woocommerce .cart-collaterals .cart_totals tr, .woocommerce .cart-collaterals .cart_totals td, .woocommerce .cart-collaterals .cart_totals th { border: none; } } .woocommerce .cart-collaterals .cart_totals .shop_table { border: 1px solid rgba(229, 229, 229, 0.0784313725); 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 rgba(229, 229, 229, 0.0784313725); border-bottom: 1px solid rgba(229, 229, 229, 0.0784313725); } .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td { border: none; border-bottom: 1px solid rgba(229, 229, 229, 0.0784313725); } .woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single { height: 45px; border: 1px solid; border-color: rgba(229, 229, 229, 0.0784313725); border-radius: 4px; } .woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__arrow { height: 45px; position: absolute; top: 1px; right: 10px; width: 20px; } .woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__rendered { color: var(--text); padding-left: 15px; line-height: 45px; } .woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping] { background: var(--primary); line-height: 1.5em; padding: 12px 25px; border-radius: 0; color: #fff; } .woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping]:hover { background-color: var(--heading); color: #fff; } .woocommerce .cart-collaterals .cart_totals .checkout-button { background: var(--primary); } .woocommerce .cart-collaterals .cart_totals .checkout-button:hover { background: #000; color: #fff; } @media (max-width: 600px) { .woocommerce .woocommerce-message { display: flex; flex-direction: column-reverse; } .woocommerce .woocommerce-message a.button { margin-top: 10px; } } .woocommerce .woocommerce-order h2 { font-size: 1.3em; text-transform: uppercase; margin-bottom: 15px; } .woocommerce .woocommerce-order .order_details { padding-left: 15px; } .woocommerce .woocommerce-order .order_details li { margin-bottom: 10px; } @media (max-width: 767px) { .woocommerce .woocommerce-order .order_details li { display: block; width: 100%; margin: 0 0 15px 0px; padding: 0; border-right: none; } } .woocommerce { /*Tab*/ /*Login Form*/ } .woocommerce ul.ova-login-register-woo { list-style-type: none; padding: 0; margin: 0 0 50px 0; display: flex; justify-content: center; flex-wrap: wrap; } .woocommerce ul.ova-login-register-woo li { padding: 0 13px; } .woocommerce ul.ova-login-register-woo li.active a { position: relative; } .woocommerce ul.ova-login-register-woo li.active a:after { position: absolute; bottom: -6px; left: 0; content: ""; width: 100%; height: 2px; background: #f00; } .woocommerce ul.ova-login-register-woo li a { font-size: 24px; line-height: 26px; 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 { border-radius: 0; 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: 0; padding: 12px 25px; line-height: 1.5em; background-color: var(--primary); color: #fff; margin: 0; } .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: 0; padding: 12px 25px; line-height: 1.5em; background-color: var(--primary); color: #fff; } .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: rgba(0, 0, 0, 0.2); margin-bottom: 10px; padding: 10px 15px; display: block; color: var(--heading); font-weight: bold; } .woocommerce .woo-sidebar { flex: 0 0 320px; } @media (max-width: 991px) { .woocommerce .woo-sidebar { flex: 0 0 100%; } } .woocommerce .woo-sidebar .woo_widget 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; font-size: 1em !important; } .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 { line-height: 1; /*Style Menu*/ } .menu-canvas .menu-toggle { display: inline-block; z-index: 999; padding: 0px; width: 25px; height: 25px; border: none; background-color: transparent; } .menu-canvas .menu-toggle:hover { background-color: transparent; } .menu-canvas .menu-toggle:before, .menu-canvas .menu-toggle:after, .menu-canvas .menu-toggle span:before { width: 25px; left: 0px; background-color: var(--primary); } .menu-canvas .menu-toggle:before { transform: translateY(-7px); } .menu-canvas .menu-toggle:after { transform: translateY(7px); } .menu-canvas .container-menu { overflow: hidden; overflow-y: auto; position: fixed; top: 0; bottom: 0; background-color: #222; color: #fff; width: 290px; padding: 30px; z-index: 999; opacity: 1; transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; } .menu-canvas .container-menu .close-menu { padding-top: 0px; color: #fff; font-size: 1em; z-index: 999; cursor: pointer; text-align: right; } .menu-canvas .container-menu.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.9em 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: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } .menu-canvas .dropdown-toggle:focus { outline: none; } .menu-canvas .dropdown-toggle:hover { background: transparent; } .menu-canvas .dropdown-toggle.toggled-on:after { content: "\f10c"; font-family: "ovaicon"; } .wrap_header_banner { width: 100%; position: relative; /*title*/ } .wrap_header_banner.left ul.breadcrumb { justify-content: flex-start; } .wrap_header_banner.right ul.breadcrumb { justify-content: flex-end; } .wrap_header_banner.center ul.breadcrumb { justify-content: center; } .wrap_header_banner .breadcrumbs_underline ul.breadcrumb { background-image: url("assets/img/underline-sub-title.svg"); background-position: bottom center; background-repeat: no-repeat; } .wrap_header_banner ul.breadcrumb { margin: 0 0 15px 0; padding: 0 0 2px 0; } .wrap_header_banner ul.breadcrumb li { font-size: 16px; font-weight: 600; line-height: 1.1; text-transform: capitalize; } .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; } .wrap_header_banner .header_title .wrap-title { display: inline-flex; margin: 0; padding: 0; font-size: 65px; text-transform: capitalize; line-height: 1.2; font-weight: 700; color: #fff; } .wrap_header_banner .header_title .wrap-title.title_underline { background-image: url("assets/img/underline-title.svg"); background-position: bottom left; background-repeat: no-repeat; } /* Custom Animation */ .ova-move-up { animation-name: ovaMoveUp; -moz-animation-name: ovaMoveUp; -webkit-animation-name: ovaMoveUp; } @-webkit-keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .ova-move-down { animation-name: ovaMoveDown; -moz-animation-name: ovaMoveDown; -webkit-animation-name: ovaMoveDown; } @-webkit-keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .ova-move-left { animation-name: ovaMoveLeft; -moz-animation-name: ovaMoveLeft; -webkit-animation-name: ovaMoveLeft; } @-webkit-keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .ova-move-right { animation-name: ovaMoveRight; -moz-animation-name: ovaMoveRight; -webkit-animation-name: ovaMoveRight; } @-webkit-keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .ova-scale-up { animation-name: ovaScaleUp; -moz-animation-name: ovaScaleUp; -webkit-animation-name: ovaScaleUp; } @-webkit-keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-moz-keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } .ova-flip { animation-name: ovaFlip; -moz-animation-name: ovaFlip; -webkit-animation-name: ovaFlip; } @-webkit-keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-ms-keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } .ova-helix { animation-name: ovaHelix; -moz-animation-name: ovaHelix; -webkit-animation-name: ovaHelix; } @-webkit-keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-ms-keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } .ova-popup { animation: ovaPopup; -moz-animation-name: ovaPopup; -webkit-animation-name: ovaPopup; } @-webkit-keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-ms-keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } .elementor-button-wrapper .elementor-button { font-family: "Manrope"; font-weight: 800; font-size: 15px; line-height: 1.3; letter-spacing: 0.17em; text-transform: uppercase; color: var(--heading); background-color: var(--primary); border-radius: 0; padding: 29px 48px; } .elementor-button-wrapper .elementor-button:hover { background-color: var(--heading); color: var(--primary); } .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper { align-items: center; } .elementor-button-wrapper .elementor-button .elementor-button-icon { display: inline-flex; z-index: 1; } .elementor-button-wrapper .elementor-button .elementor-button-icon i { display: inline-flex; } /* custom scss icon list, icon box, icon widget default in elementor*/ .elementor-icon-list-items .elementor-icon-list-icon { color: var(--primary); } .elementor-view-stacked.elementor-widget-icon .elementor-icon, .elementor-view-stacked.elementor-widget-icon-box .elementor-icon { background-color: var(--primary); } .elementor-view-framed.elementor-widget-icon .elementor-icon, .elementor-view-framed.elementor-widget-icon-box .elementor-icon { color: var(--primary); border-color: var(--primary); } .elementor-widget-icon .elementor-icon, .elementor-widget-icon-box .elementor-icon { color: var(--primary); } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper { flex-basis: 39%; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: 458px; border-radius: 5px; padding: 16px 30px; background-color: rgba(26, 25, 34, 0.5019607843); color: var(--heading); margin-bottom: 20px; font-size: 18px; font-weight: 600; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--primary); color: #fff; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after, .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before { border-color: transparent; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active .ova-tab-icon i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #fff; transform: rotate(180deg); } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:last-child { margin-bottom: 0; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:after, .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before { border-color: transparent; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .ova-tab-icon { margin-left: 20px; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .ova-tab-icon i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-flex; font-size: 20px; color: #4D505C; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title { background-color: rgba(26, 25, 34, 0.5019607843); font-size: 18px; font-weight: 600; border-radius: 5px; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title .ova-tab-icon { margin: 0 10px; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active { background-color: var(--primary); color: var(--heading); } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active .ova-tab-icon { margin: 0 10px; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active .ova-tab-icon i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transform: rotate(180deg); } .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:before { font-size: 14px; float: right; content: "\f199"; font-family: ovaicon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active:before { content: "\f19b"; } .elementor-tab-content, .elementor-accordion-title { font-family: var(--primary-font) !important; } .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; } .ova-counter .wrap-content { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-block; vertical-align: middle; text-align: left; } .ova-counter .wrap-content:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-counter .wrap-content:hover .title, .ova-counter .wrap-content:hover .odometer, .ova-counter .wrap-content:hover .suffix { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } @media (max-width: 1024px) { .ova-counter .wrap-content { text-align: center; } } .ova-counter .wrap-content .odometer-wrapper { display: inline-flex; align-items: center; } .ova-counter .wrap-content .odometer { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 36px; font-weight: 600; color: var(--heading); line-height: 1.2; letter-spacing: -0.5px; } .ova-counter .wrap-content .odometer.odometer-auto-theme, .ova-counter .wrap-content .odometer .odometer-value { line-height: 1; } .ova-counter .wrap-content .suffix { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 36px; font-weight: 600; color: var(--heading); } .ova-counter .wrap-content .title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin: 20px 0 0 0; font-size: 18px; font-weight: 500; line-height: 1.3; color: var(--heading); } .ova-counter .line-decoration { width: 2px; height: 34px; background-color: rgba(255, 255, 255, 0.1294117647); display: inline-block; vertical-align: middle; margin: 0 74px 0 0; } @media (max-width: 1024px) { .ova-counter .line-decoration { display: none; } } .ova-counter.template2 .wrap-content { display: inline-flex; flex-direction: column-reverse; } .ova-counter.template2 .wrap-content .odometer { font-family: "Manrope"; font-size: 32px; color: #000; } .ova-counter.template2 .wrap-content .suffix { font-size: 32px; color: #000; } .ova-counter.template2 .wrap-content .title { font-size: 16px; color: #000; margin: 0 0 23px 0; } .ova-counter.template2 .line-decoration { margin: 0 34px 0 0; width: 1px; height: 76px; background-color: rgba(217, 217, 217, 0.3215686275); } .ova-heading { text-align: left; } .ova-heading .sub-title-wrapper { display: inline-flex; padding: 0 0 3px 0; } .ova-heading .sub-title-wrapper.underline { background-image: url("assets/img/underline-sub-title.svg"); background-size: contain; background-position: bottom left; background-repeat: no-repeat; } .ova-heading .sub-title-wrapper .prefix { color: var(--primary); font-size: 20px; margin: 0 4px 0 0; } .ova-heading .sub-title-wrapper .sub-title { font-size: 16px; font-weight: 600; margin: 0; } .ova-heading .title { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; font-size: 90px; font-weight: 600; line-height: 1.2; margin: 14px 0 0 0; white-space: pre-line; position: relative; z-index: 1; } @media (max-width: 1400px) { .ova-heading .title { font-size: 70px; } } @media (max-width: 1024px) { .ova-heading .title { font-size: 60px; } } @media (max-width: 767px) { .ova-heading .title { font-size: 45px; } } .ova-heading .title:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .ova-heading .title.text-stroke-white .word { text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading); } .ova-heading .title.text-stroke-black .word { text-shadow: -1px -1px 0 var(--primary-background), 1px -1px 0 var(--primary-background), -1px 1px 0 var(--primary-background), 1px 1px 0 var(--primary-background); } .ova-heading .title .word { background-image: url("assets/img/underline-title.svg"); background-position: bottom left 20px; background-repeat: no-repeat; color: var(--primary); } @media (max-width: 1024px) { .ova-heading .title .word { background-position: bottom left; background-size: contain; } } .ova-heading .title.no-shape-underline .word { background-image: none; } .ova-heading .title a { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--heading); } .ova-heading .title a:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--text); } .ova-heading .title img { width: 169px; min-width: 169px; height: 69px; object-fit: cover; border: 3px solid var(--primary); border-radius: 34.5px; margin: 0 0 -7px 20px; } @media (max-width: 767px) { .ova-heading .title img { width: 110px; min-width: 110px; height: 45px; } } .ova-heading .description { font-weight: 500; color: var(--heading); margin: 16px 0 0 0; white-space: pre-line; } .ova-heading .author { text-align: right; margin: 0; } .ova-heading .author .divider { width: 26px; height: 2px; background-color: var(--primary); display: inline-block; vertical-align: middle; } .ova-heading .author .author-prefix { color: var(--primary); font-size: 16px; margin: 0 5px 0 15px; } .ova-heading .author .text { font-weight: 600; font-size: 16px; color: var(--heading); } .ova-heading.template2 .sub-title-wrapper { padding: 0; } .ova-heading.template2 .sub-title-wrapper .sub-title { text-transform: uppercase; } .ova-heading.template2 .sub-title-wrapper.underline { background-image: none; border-bottom: 1px solid var(--primary); } .ova-heading.template2 .title { text-transform: uppercase; font-size: 55px; margin: 12px 0 0 0; } @media (max-width: 1024px) { .ova-heading.template2 .title { font-size: 40px; } } .ova-heading.template2 .title .word { background-image: none; } .ova-heading.template2 .title img { display: none; } .ova-heading.template3 { text-align: center; } .ova-heading.template3 .sub-title-wrapper { padding: 0; } .ova-heading.template3 .sub-title-wrapper .sub-title { text-transform: uppercase; line-height: 1.8; } .ova-heading.template3 .sub-title-wrapper.underline { background-image: none; border-bottom: 1px solid var(--primary); } .ova-heading.template3 .title { text-transform: uppercase; font-size: 80px; font-weight: 500; margin: 13px 0 0 0; } @media (max-width: 1400px) { .ova-heading.template3 .title { font-size: 60px; } } @media (max-width: 1024px) { .ova-heading.template3 .title { font-size: 50px; } } @media (max-width: 767px) { .ova-heading.template3 .title { font-size: 40px; } } .ova-heading.template3 .title .word { background-image: none; } .ova-heading.template3 .button-booking { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 170px; height: 170px; border-radius: 50%; background-color: var(--primary); color: var(--heading); border: 1px solid transparent; z-index: 2; } @media (max-width: 1024px) { .ova-heading.template3 .button-booking { width: 150px; height: 150px; } } .ova-heading.template3 .button-booking:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; background-color: var(--heading); color: var(--primary); border-color: var(--primary); } .ova-heading.template3 .button-booking .text-booking { font-weight: 600; font-size: 16px; line-height: 1.2; text-transform: uppercase; margin: 15px 0 5px 0; } .ova-heading.template3 .button-booking i { display: inline-flex; font-size: 20px; } .ova-heading.template4 .sub-title-wrapper .sub-title { color: #171313; } .ova-heading.template4 .sub-title-wrapper.underline { background-size: 100%; } .ova-heading.template4 .title { text-transform: uppercase; font-size: 65px; color: #191E3C; } @media (max-width: 1024px) { .ova-heading.template4 .title { font-size: 50px; } } @media (max-width: 767px) { .ova-heading.template4 .title { font-size: 40px; } } .ova-heading.template4 .title a { color: #191E3C; } .ova-heading.template4 .title a:hover { color: var(--text); } .ova-heading.template4 .title .word { background-image: none; position: relative; color: inherit; } .ova-heading.template4 .title .word:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-image: url("assets/img/background-circle-heading.png"); background-size: contain; background-position: center; background-repeat: no-repeat; } .ova-heading.template4 .title img { display: none; } .ova-heading.template4 .description { color: #171313; } .ova-heading.template5 .title { font-size: 42px; } .ova-heading.template5 .background-text { font-size: 40px; font-weight: 700; line-height: 1.5; color: rgba(255, 255, 255, 0.0509803922); position: absolute; top: 36px; left: 50%; transform: translateX(-50%); } .ova-heading.template5 .background-text.background-text-stroke-white { text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading); color: var(--background); opacity: 0.09; } .ova-heading.template5 .background-text.background-text-stroke-black { text-shadow: -1px -1px 0 var(--primary-background), 1px -1px 0 var(--primary-background), -1px 1px 0 var(--primary-background), 1px 1px 0 var(--primary-background); color: var(--heading); opacity: 0.09; } .ova-heading.template5 .background-text.alignment-left { right: unset; left: 0; transform: translateX(0); } .ova-heading.template5 .background-text.alignment-right { left: unset; right: 0; transform: translateX(0); } .ova-our-team { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background-color: #111111; padding-bottom: 75px; transition: all linear 0.3s; } .ova-our-team .image { width: 125px; height: 125px; border-radius: 50%; overflow: hidden; border: 5px solid #fff; margin-top: -67px; background-color: #fff; } .ova-our-team .image img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .ova-our-team .info { text-align: center; } .ova-our-team .info .title { font-size: 24px; font-weight: 600; margin-top: 34px; margin-bottom: 0; } .ova-our-team .info .job { display: inline-block; font-size: 18px; font-weight: normal; padding: 0px 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 15.5px; margin-top: 8px; margin-bottom: 55px; } .ova-our-team .socials { display: flex; align-items: center; column-gap: 32px; height: 19px; } .ova-our-team .socials a { display: flex; align-items: center; justify-content: center; transition: 0.3s; } .ova-our-team .socials a:hover i { color: #FF5348; } .ova-our-team .socials a i { color: #fff; } .ova-our-team:hover { box-shadow: 5px 5px #FF5348; } .ova-our-team:hover .image img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .ova-our-team-2 { overflow: hidden; } .ova-our-team-2 .image { position: relative; width: 100%; max-height: 411px; overflow: hidden; } .ova-our-team-2 .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; } .ova-our-team-2 .image .view-more { position: absolute; bottom: -100%; left: 0; font-size: 14px; font-weight: 700; color: #FFFFFF; letter-spacing: 0.19em; text-transform: uppercase; background-color: #FF5348; padding: 9px 12px; transition: 0.8s; z-index: 9; } .ova-our-team-2 .image .socials { margin: 0; padding: 19px 14px; width: 52px; border-radius: 34px 34px 0px 0px; list-style: none; position: absolute; right: 24px; bottom: -100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 5px; transition: 0.8s; z-index: 9; } .ova-our-team-2 .image .socials li a { color: #18181D; transition: all linear 0.3s; } .ova-our-team-2 .image .socials li:hover a { color: #FF5348; } .ova-our-team-2 .info { padding-top: 30px; display: flex; align-items: center; } .ova-our-team-2 .info .left h5 { color: #fff; font-size: 22px; font-weight: 600; text-transform: capitalize; margin: 0; } .ova-our-team-2 .info .left p { font-size: 15px; color: #FF5348; font-weight: 500; text-transform: uppercase; margin: 0; margin-top: 8.5px; } .ova-our-team-2 .info .right { margin-left: auto; } .ova-our-team-2 .info .right .btn-plus { position: relative; margin: 0; margin-right: 28.5px; padding: 0; outline: none; border: 1px solid #5D5D70; display: inline-block; width: 42px; height: 42px; background-color: #17161F; border-radius: 50%; cursor: pointer; } .ova-our-team-2 .info .right .btn-plus:after { content: ""; position: absolute; transform: translate(-50%, -50%); height: 2px; width: 30%; background: #5D5D70; top: 50%; left: 50%; } .ova-our-team-2 .info .right .btn-plus:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #5D5D70; height: 30%; width: 2px; } .ova-our-team-2:hover .image .view-more { bottom: 0; } .ova-our-team-2:hover .image .socials { bottom: 0; } .ova-our-team-2:hover .info .right .btn-plus { border: 1px solid #fff; background-color: #fff; transform: rotate(45deg); } @media screen and (max-width: 768px) { .ova-our-team-2 .image { max-height: 300px; } } .ova_wrap_search_popup { position: relative; display: inline-flex; vertical-align: middle; } .ova_wrap_search_popup .ova_search_close { display: none; } .ova_wrap_search_popup.show .ova_search_popup { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transform: translateY(0%); } .ova_wrap_search_popup i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; display: inline-flex; font-size: 20px; color: var(--heading); transform: rotate(-90deg); } .ova_wrap_search_popup i:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova_wrap_search_popup .ova_search_popup { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-110%); transform: translateY(-110%); } .ova_wrap_search_popup .ova_search_popup .search-popup__overlay { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary-background); opacity: 0.75; cursor: pointer; z-index: -1; } .ova_wrap_search_popup .ova_search_popup .container { width: 100%; max-width: 500px; } @media (max-width: 600px) { .ova_wrap_search_popup .ova_search_popup .container { max-width: 300px; } } .ova_wrap_search_popup .ova_search_popup .container .search-form { display: inline-flex; justify-content: center; width: 100%; } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-field { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 100%; background-color: #fff; color: #000; font-weight: 500; font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; border-radius: 0; } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::placeholder { opacity: 1; color: #000; font-weight: 500; } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::-webkit-search-cancel-button { filter: invert(63%) sepia(43%) saturate(286%) hue-rotate(351deg) brightness(93%) contrast(97%); opacity: 1; background-color: black; } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; border: 0; cursor: pointer; border-radius: 0; background-color: var(--primary); } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit i { font-size: 20px; color: #fff; line-height: 1; } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--primary-background); } .ova-footer-heading img { object-fit: cover; height: 76px; border-radius: 9px; } @media (max-width: 600px) { .ova-footer-heading img { display: none; } } .ova-footer-heading img.img1 { width: 137px; } .ova-footer-heading img.img2 { width: 188px; } .ova-footer-heading .top, .ova-footer-heading .bottom { display: flex; align-items: center; justify-content: right; } .ova-footer-heading .img1 { margin: 0 14px 0 0; } .ova-footer-heading .img2 { margin: 0 0 0 24px; } .ova-footer-heading .title { display: inline-block; margin: 0; text-transform: uppercase; font-size: 85px; font-weight: 600; line-height: 1; } @media (max-width: 1024px) { .ova-footer-heading .title { font-size: 65px; } } @media (max-width: 767px) { .ova-footer-heading .title { font-size: 40px; } } .ova-footer-heading .title.text-stroke { opacity: 0.6; } .ova-footer-heading .title.text-stroke-white { color: var(--primary-background); text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading); } .ova-footer-heading .title.text-stroke-black { color: var(--heading); text-shadow: -1px -1px 0 var(--primary-background), 1px -1px 0 var(--primary-background), -1px 1px 0 var(--primary-background), 1px 1px 0 var(--primary-background); } .ova-footer-heading .title .special-word { color: var(--primary); } .ova-footer-heading.template2 { text-align: center; } .ova-footer-heading.template2 .line-decoration { display: inline-block; vertical-align: middle; width: 34px; height: 2px; background-color: var(--primary); margin: 0; } @media (max-width: 767px) { .ova-footer-heading.template2 .line-decoration { width: 20px; } } .ova-footer-heading.template2 .title { vertical-align: middle; font-size: 66px; font-weight: 700; opacity: 0.7; text-transform: capitalize; } @media (max-width: 767px) { .ova-footer-heading.template2 .title { font-size: 25px; } } .toggle-content .content { overflow: hidden; overflow-y: auto; position: fixed; top: 0; bottom: 0; background-color: #222; color: #fff; width: 380px; padding: 50px; z-index: 999; opacity: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .toggle-content .content .close-menu { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; z-index: 999; cursor: pointer; width: 45px; height: 45px; border-radius: 50%; background-color: var(--primary); display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 30px; right: 30px; } .toggle-content .content .close-menu:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--heading); } .toggle-content .content .close-menu:hover i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .toggle-content .content .close-menu i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 1em; color: #fff; } .toggle-content .content.pos_left { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; left: 0; transform: translate3d(-380px, 0, 0); } .toggle-content .content.pos_right { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; right: 0; transform: translate3d(380px, 0, 0); } .toggle-content .content .wrap-content img { width: 100%; height: 175px; object-fit: cover; } .toggle-content .content .wrap-content .content-title { margin: 20px 0 15px 0; } .toggle-content .content .wrap-content .description { margin: 0 0 20px 0; } .toggle-content .content .wrap-content .button-contact { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--primary); color: var(--heading); padding: 15px 20px; display: flex; align-items: center; justify-content: center; font-weight: 700; gap: 10px; text-transform: uppercase; } .toggle-content .content .wrap-content .button-contact:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); background-color: var(--heading); } .toggle-content .content .wrap-content .contact-info-title { margin: 40px 0 20px 0; } .toggle-content .content .wrap-content .contact-item { display: flex; align-items: center; margin: 0 0 10px 0; gap: 10px; } .toggle-content .content .wrap-content .list-social { display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0 0 0; } .toggle-content .content .wrap-content .list-social .social { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; background-color: var(--primary); width: 40px; height: 40px; border-radius: 50%; } .toggle-content .content .wrap-content .list-social .social:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--heading); } .toggle-content .content .wrap-content .list-social .social:hover i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .toggle-content .content .wrap-content .list-social .social i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 18px; color: var(--heading); } .toggle-content .site-overlay { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; visibility: hidden; position: fixed; z-index: 998; } .toggle-content.toggled .content.pos_left { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transform: none; } .toggle-content.toggled .content.pos_right { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transform: none; } .toggle-content.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; } .toggle-content .button-toggle { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--primary); border-radius: 50%; width: 65px; min-width: 65px; height: 65px; display: inline-flex; justify-content: center; align-items: center; } @media (max-width: 1024px) { .toggle-content .button-toggle { width: 50px; min-width: 50px; height: 50px; } } .toggle-content .button-toggle:before, .toggle-content .button-toggle:after { width: 0; } .toggle-content .button-toggle span:before { width: 0; } .toggle-content .button-toggle:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--heading); } .toggle-content .button-toggle:hover .title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .toggle-content .button-toggle .title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 16px; font-weight: 500; line-height: 1.2; color: var(--heading); } @media (max-width: 1024px) { .toggle-content .button-toggle .title { font-size: 14px; } } .toggle-content.template2 .button-toggle { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; border-radius: 50%; width: 60px; min-width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.3098039216); background: transparent; } .toggle-content.template2 .button-toggle:before, .toggle-content.template2 .button-toggle:after { width: 0; } .toggle-content.template2 .button-toggle span:before { width: 0; } .toggle-content.template2 .button-toggle:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; border-color: var(--primary); } .toggle-content.template2 .button-toggle:hover i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .toggle-content.template2 .button-toggle i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 20px; color: var(--heading); } .toggle-content i { display: inline-flex; } .toggle-content .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; } .toggle-content .dropdown-toggle::after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } .toggle-content .dropdown-toggle:focus { outline: none; } .toggle-content .dropdown-toggle:hover { background: transparent; } .toggle-content .dropdown-toggle.toggled-on:after { content: "\f10c"; font-family: "ovaicon"; } .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; } .wpcf7 form.sent .wpcf7-response-output { border-color: green; } .ova-ctform7 .two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; width: 100%; margin-bottom: 27px; } @media (max-width: 767px) { .ova-ctform7 .two-column { grid-template-columns: 1fr; margin-bottom: 13px; } } .ova-ctform7 .two-column .ova_wrap_input p { margin: 0; } .ova-ctform7 .ova_wrap_input { width: 100%; } .ova-ctform7 .ova_wrap_input p { margin: 0; } .ova-ctform7 .ova-submit { display: inline-block; margin-top: 46px; } .ova-ctform7 .ova-submit input[type=submit] { font-size: 15px; font-weight: 700; padding: 22px 40px; border: 2px solid transparent; position: relative; font-family: var(--primary-font); text-transform: uppercase; color: #000000; background-color: var(--primary); } .ova-ctform7 .ova-submit input[type=submit]:hover { color: var(--heading); background-color: transparent; border-color: var(--heading); } .ova-ctform7 .ova-submit .wpcf7-spinner { position: absolute; } .ova-ctform7 textarea { height: 270px; } @media (max-width: 767px) { .ova-ctform7 textarea { height: 150px; } } .ova-ctform7 input, .ova-ctform7 textarea { border-radius: 0; border: none; } .ova-ctform7 input[type=text], .ova-ctform7 input[type=tel], .ova-ctform7 input[type=email], .ova-ctform7 textarea { font-size: 18px; line-height: 1.2; color: var(--text); width: 100%; padding: 18px 20px; background-color: transparent; border: 1px solid rgba(212, 220, 224, 0.06); border-radius: 5px; } .ova-ctform7 input[type=text]::placeholder, .ova-ctform7 input[type=tel]::placeholder, .ova-ctform7 input[type=email]::placeholder, .ova-ctform7 textarea::placeholder { opacity: 1; color: var(--text); text-transform: capitalize; } .ova-ctform7.home-3 .two-column { gap: 30px; margin-bottom: 60px; } @media (max-width: 767px) { .ova-ctform7.home-3 .two-column { margin-bottom: 30px; } } .ova-ctform7.home-3 .ova-submit { margin-top: 50px; } .ova-ctform7.home-3 .ova-submit input[type=submit] { font-family: var(--primary-font); font-size: 16px; font-weight: 600; line-height: 1.2; text-transform: capitalize; color: var(--heading); padding: 22px 52px; border: 1px solid #434447; background-color: transparent; } .ova-ctform7.home-3 .ova-submit input[type=submit]:hover { background-color: var(--primary); border-color: var(--heading); } .ova-ctform7.home-3 textarea { height: 120px; } .ova-ctform7.home-3 input:-webkit-autofill, .ova-ctform7.home-3 input:-webkit-autofill:hover, .ova-ctform7.home-3 input:-webkit-autofill:focus, .ova-ctform7.home-3 input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 70px #141519 inset !important; } .ova-ctform7.home-3 input:-webkit-autofill { -webkit-text-fill-color: #FFF !important; } .ova-ctform7.home-3 input[type=text], .ova-ctform7.home-3 input[type=tel], .ova-ctform7.home-3 input[type=email], .ova-ctform7.home-3 textarea { font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; color: var(--heading); width: 100%; padding: 15px 5px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-width: 0 0 1px 0; border-radius: 0; } .ova-ctform7.home-3 input[type=text]::placeholder, .ova-ctform7.home-3 input[type=tel]::placeholder, .ova-ctform7.home-3 input[type=email]::placeholder, .ova-ctform7.home-3 textarea::placeholder { opacity: 1; color: var(--heading); text-transform: capitalize; } .ova-mc4wp-form-wrapper .ova-mc4wp-form { position: relative; width: 100%; margin-bottom: 15px; } .ova-mc4wp-form-wrapper .ova-mc4wp-form .icon-email { display: none; } .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email] { font-size: 15px; line-height: 1.7; font-weight: 400; width: 100%; color: #817F7E; background-color: transparent; padding: 14px 170px 10px 5px; border-radius: 0; border-width: 0 0 1px 0; border-style: solid; border-color: rgba(237, 237, 237, 0.1019607843); outline: none; } .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email]::placeholder { color: #817F7E; opacity: 1; } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; position: absolute; padding: 12px 22px 13px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 0; border: none; outline: none; background-color: var(--primary); } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; background-color: var(--heading); } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover .text { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--primary); } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: #fff; text-transform: capitalize; font-size: 16px; line-height: 1.6; font-weight: 500; margin: 0; } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text-home2 { display: none; } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon { display: none; } .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon-about { display: none; } .ova-mc4wp-form-wrapper label { display: inline-flex; align-items: center; } .ova-mc4wp-form-wrapper label input[type=radio] { min-width: 16px; width: 16px; height: 16px; margin: 0 8px; } .ova-mc4wp-form-wrapper label a { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: #fff; line-height: 1.4; } .ova-mc4wp-form-wrapper label a:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--primary); } .mc4wp-response { margin: 15px 0; } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email] { border-radius: 0; padding: 27px 33px; border: none; background-color: rgba(255, 255, 255, 0.0784313725); font-size: 16px; font-weight: 500; line-height: 1.6; color: rgba(255, 255, 255, 0.6117647059); text-align: left; } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email]::placeholder { color: rgba(255, 255, 255, 0.6117647059); } @media (max-width: 1024px) { .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email] { padding: 15px 20px; } } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] { background-color: var(--secondary); padding: 27px 22px; } @media (max-width: 1024px) { .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] { padding: 17px 12px; } } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover { background-color: var(--heading); } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text { display: none; } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text-home2 { display: inline-block; font-family: "Manrope"; font-size: 15px; line-height: 1.3; font-weight: 800; letter-spacing: 0.17em; color: #000; background-color: rgba(255, 255, 255, 0.0784313725); } @media (max-width: 767px) { .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text-home2 { font-size: 12px; } } .custom-mailchimp-footer-home-2 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon { display: none; } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email] { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 13px 22px rgba(6, 34, 51, 0.06); border-radius: 0; padding: 17px 50px 16px 18px; } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] { background-color: var(--primary); padding: 16px 22px; } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover { background-color: var(--heading); } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover .icon i { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--primary); } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text { display: none; } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text-home2 { display: none; } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon { display: inline-flex; } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon i { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: inline-flex; font-size: 24px; color: var(--heading); } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper label a { color: var(--heading); } .custom-mailchimp-footer-home-3 .ova-mc4wp-form-wrapper label a:hover { color: var(--primary); } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form .icon-email { display: inline-flex; position: absolute; top: 50%; left: 3px; transform: translateY(-50%); padding: 0 12px 0 0; border-right: 1px solid #949392; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form .icon-email i { display: inline-flex; font-size: 18px; color: #949392; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email] { border-radius: 0; padding: 19px 170px 19px 45px; border-bottom: 1px solid #FFF; font-size: 18px; font-weight: 400; line-height: 1.6; color: #FFF; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input[type=email]::placeholder { color: #949392; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input:-webkit-autofill, .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input:-webkit-autofill:hover, .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input:-webkit-autofill:focus, .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 70px #141519 inset !important; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form input:-webkit-autofill { -webkit-text-fill-color: #FFF !important; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] { background-color: transparent; padding: 19px 0; display: inline-flex; align-items: center; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover .text { color: var(--primary); } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit]:hover .icon-about i { color: var(--primary); } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--text); text-transform: capitalize; letter-spacing: 0.05em; margin: 0 8px; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .text-home2 { display: none; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon-about { display: inline-flex; } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon-about i { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: inline-flex; font-size: 18px; color: var(--heading); } .custom-mailchimp-about-page .ova-mc4wp-form-wrapper .ova-mc4wp-form button[type=submit] .icon { display: none; } .ova-menu-footer ul { list-style: none; margin: 0; flex-wrap: wrap; } .ova-menu-footer ul li { margin: 0 0 11px 0; } .ova-menu-footer ul li:hover a { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: var(--primary); } .ova-menu-footer ul li:hover a:after { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; width: 100%; } .ova-menu-footer ul li a { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; font-size: 15px; font-weight: 400; line-height: 1.4; color: rgba(255, 255, 255, 0.8); position: relative; } .ova-menu-footer ul li a:after { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: var(--primary); } .ova-menu-footer ul.menu { padding: 0; } .ova-contact-info { display: flex; align-items: center; } .ova-contact-info .icon { color: var(--primary); font-size: 25px; margin: 0 18px 0 0; } .ova-contact-info .icon svg { width: 16px; height: auto; fill: var(--text); } .ova-contact-info .icon svg path { fill: var(--text); } .ova-contact-info .icon i { display: inline-flex; } .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: var(--text); } .ova-contact-info .contact .info .item a { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 18px; color: var(--text); position: relative; } .ova-contact-info .contact .info .item a:before { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; content: ""; width: 0%; height: 1px; left: 0px; bottom: 0px; 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-button-booking .button-booking { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin: 0; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; text-align: center; width: 126px; height: 126px; min-width: 126px; background-color: var(--primary); color: var(--heading); font-size: 18px; font-weight: 600; line-height: 1.2; text-transform: uppercase; border: 1px solid transparent; } .ova-button-booking .button-booking:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; background-color: var(--heading); color: var(--primary); border-color: var(--primary); } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item.center .item .wrap-quote .quote i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item.center .item .wrap-quote .quote svg path { fill: var(--primary); fill-opacity: 1; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item { padding: 0 50px 0 0; border-right: 1px solid rgba(255, 255, 255, 0.0509803922); } @media (max-width: 767px) { .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item { padding: 0; border: none; } } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote .author-image { margin: 0 20px 0 0; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote .author-image img { width: 100px; min-width: 100px; height: 100px; border-radius: 50%; object-fit: cover; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote .quote { margin: 0 30px 0 0; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote .quote i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 46px; display: inline-flex; color: rgba(255, 255, 255, 0.3490196078); } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote .quote svg { width: 46px; height: auto; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .wrap-quote .quote svg path { fill: #FFF; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .content { font-size: 22px; line-height: 1.6; opacity: 0.8; color: var(--heading); margin: 26px 0 23px 0; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .info { display: inline-flex; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .info .line-decoration { width: 18px; height: 1.5px; background-color: var(--primary); margin: 10px 10px 0 0; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .info .name-job .name { font-size: 18px; font-weight: 500; color: var(--heading); line-height: 1.3; margin: 0; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .info .name-job .job { text-transform: capitalize; opacity: 0.8; margin: -3px 0 0 0; } .ova-testimonial .slide-testimonials .owl-stage-outer .owl-item .item .info .name-job .job .company { color: var(--primary); } .ova-testimonial .slide-testimonials .owl-nav { display: inline-flex; justify-content: center; align-items: center; gap: 12px; width: 80px; height: 80px; position: absolute; left: 55%; bottom: 22%; background-color: rgba(255, 255, 255, 0.1019607843); border-radius: 50%; z-index: 1; } @media (max-width: 1150px) { .ova-testimonial .slide-testimonials .owl-nav { display: none; } } .ova-testimonial .slide-testimonials .owl-nav button:hover i { color: var(--primary); } .ova-testimonial .slide-testimonials .owl-nav button i { display: inline-flex; font-size: 12px; color: var(--heading); } .ova-testimonial .slide-testimonials .owl-dots { text-align: center; margin: 77px 0 0; } @media (max-width: 1150px) { .ova-testimonial .slide-testimonials .owl-dots { margin: 30px 0 0 0; } } .ova-testimonial .slide-testimonials .owl-dots .owl-dot { width: 154px; height: 2px; border-radius: 0; background-color: var(--heading); } @media (max-width: 1150px) { .ova-testimonial .slide-testimonials .owl-dots .owl-dot { width: 100px; } } @media (max-width: 767px) { .ova-testimonial .slide-testimonials .owl-dots .owl-dot { width: 50px; } } .ova-testimonial .slide-testimonials .owl-dots .owl-dot.active { background-color: var(--primary); } .ova-testimonial p { margin: 0; } .ova-testimonial .owl-carousel .owl-stage-outer { padding-top: 25px; margin-right: -25px; margin-left: -25px; padding-left: 25px; padding-right: 25px; width: calc(100% + 20px); } .ova-counter .wrap-content { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-block; vertical-align: middle; text-align: left; } .ova-counter .wrap-content:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-counter .wrap-content:hover .title, .ova-counter .wrap-content:hover .odometer, .ova-counter .wrap-content:hover .suffix { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } @media (max-width: 1024px) { .ova-counter .wrap-content { text-align: center; } } .ova-counter .wrap-content .odometer-wrapper { display: inline-flex; align-items: center; } .ova-counter .wrap-content .odometer { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 36px; font-weight: 600; color: var(--heading); line-height: 1.2; letter-spacing: -0.5px; } .ova-counter .wrap-content .odometer.odometer-auto-theme, .ova-counter .wrap-content .odometer .odometer-value { line-height: 1; } .ova-counter .wrap-content .suffix { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 36px; font-weight: 600; color: var(--heading); } .ova-counter .wrap-content .title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin: 20px 0 0 0; font-size: 18px; font-weight: 500; line-height: 1.3; color: var(--heading); } .ova-counter .line-decoration { width: 2px; height: 34px; background-color: rgba(255, 255, 255, 0.1294117647); display: inline-block; vertical-align: middle; margin: 0 74px 0 0; } @media (max-width: 1024px) { .ova-counter .line-decoration { display: none; } } .ova-counter.template2 .wrap-content { display: inline-flex; flex-direction: column-reverse; } .ova-counter.template2 .wrap-content .odometer { font-family: "Manrope"; font-size: 32px; color: #000; } .ova-counter.template2 .wrap-content .suffix { font-size: 32px; color: #000; } .ova-counter.template2 .wrap-content .title { font-size: 16px; color: #000; margin: 0 0 23px 0; } .ova-counter.template2 .line-decoration { margin: 0 34px 0 0; width: 1px; height: 76px; background-color: rgba(217, 217, 217, 0.3215686275); } .ova-icon-box { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1024px) { .ova-icon-box { justify-content: center; } } .ova-icon-box .prefix { margin: 0; font-size: 30px; } @media (max-width: 1024px) { .ova-icon-box .prefix { display: none; } } .ova-icon-box .content { display: inline-block; text-align: center; margin: 35px 50px -20px 20px; } @media (max-width: 1024px) { .ova-icon-box .content { margin: 0; } } .ova-icon-box .content:hover .icon-read-more { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; top: 0; opacity: 1; visibility: visible; } .ova-icon-box .content .icon { display: inline-flex; margin: 0 0 10px 0; } .ova-icon-box .content .icon svg { width: 56px; height: 56px; } .ova-icon-box .content .icon i { display: inline-flex; font-size: 56px; color: var(--primary); } .ova-icon-box .content .title { font-size: 24px; font-weight: 500; line-height: 1.5; color: var(--heading); text-transform: capitalize; margin: 0 0 4px 0; } @media (max-width: 1200px) { .ova-icon-box .content .title { font-size: 20px; } } .ova-icon-box .content .description { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 18px; color: var(--heading); margin: 0; } @media (max-width: 1200px) { .ova-icon-box .content .description { font-size: 16px; } } .ova-icon-box .content .description .special-word { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-icon-box .content .icon-read-more { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--primary); margin: 30px 0 0 0; top: -15px; opacity: 0; visibility: hidden; } .ova-icon-box .content .icon-read-more:hover { background-color: var(--heading); } .ova-icon-box .content .icon-read-more:hover i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } @media (max-width: 1024px) { .ova-icon-box .content .icon-read-more { opacity: 1; visibility: visible; margin: 15px 0 0 0; } } .ova-icon-box .content .icon-read-more i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 15px; display: inline-flex; color: var(--heading); transform: rotate(90deg); } .ova-audio-wrap .list-audio { margin: 0; padding: 0; padding-top: 30px; list-style: none; } .ova-audio-wrap .list-audio li { border-bottom: 1px solid rgba(217, 217, 217, 0.12); } .ova-audio-wrap .list-audio .item { display: flex; justify-content: space-between; align-items: center; padding: 47px 25px; margin-bottom: 17px; } .ova-audio-wrap .list-audio .item .audio-name { margin: 0; font-size: 32px; font-weight: 700; color: #fff; text-transform: uppercase; } .ova-audio-wrap .list-audio .item .audio-name span { font-weight: normal; } .ova-audio-wrap .list-audio .item .download-audio { font-size: 15px; font-family: "Manrope", sans-serif; font-weight: 800; text-transform: uppercase; color: #fff; letter-spacing: 0.17em; } .ova-audio-wrap .list-audio .item:hover { background: rgba(255, 255, 255, 0.1); } .ova-audio-wrap .list-audio .item:hover .audio-name span { color: var(--primary); } .ova-audio-wrap .list-audio div[id^=mep_] { width: 550px !important; } .ova-audio-wrap .list-audio span.mejs-time-buffering { height: 4px; } .ova-audio-wrap .list-audio .mejs-container, .ova-audio-wrap .list-audio .mejs-container .mejs-controls, .ova-audio-wrap .list-audio .mejs-embed, .ova-audio-wrap .list-audio .mejs-embed { background: transparent; } .ova-audio-wrap .list-audio .mejs-time-total.mejs-time-slider { height: 4px; margin-top: 10px; } .ova-audio-wrap .list-audio .mejs-controls .mejs-time-rail .mejs-time-current { background-color: #F1FF4F; height: 4px; } .ova-audio-wrap .list-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { height: 4px !important; } .ova-audio-wrap .list-audio .mejs-time-hovered { height: 4px; } .ova-audio-wrap .list-audio .mejs-time-handle-content { top: -7px !important; border-radius: 50%; } .ova-audio-wrap .list-audio .mejs-container * { font-family: var(--primary-font); } .ova-audio-wrap .list-audio span.mejs-currenttime, .ova-audio-wrap .list-audio span.mejs-duration { font-size: 21px; } .ova-audio-wrap .list-audio .mejs-button { width: 43px; } .ova-audio-wrap .list-audio .mejs-horizontal-volume-total { height: 4px; margin-top: 4px; } .ova-audio-wrap .list-audio .mejs-horizontal-volume-current { background-color: #F1FF4F; } .ova-audio-wrap .list-audio .mejs-button.mejs-playpause-button { border: 1px solid #fff; width: 43px; height: 43px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ova-audio-wrap .list-audio .mejs-button.mejs-playpause-button button { margin: 0; } .ova-audio-wrap .list-audio .mejs-time.mejs-currenttime-container { min-width: 60px; } @media screen and (max-width: 1200px) { .ova-audio-wrap .list-audio .item { flex-direction: column; row-gap: 15px; } .ova-audio-wrap .list-audio .item .download-audio { margin-top: 10px; } } @media screen and (max-width: 600px) { .ova-audio-wrap .list-audio .item .audio-name { font-size: 24px; } } /* EVENT PRODUCT */ .ova-product .list-product { margin: 0; padding: 0; display: grid; grid-gap: 30px; } .ova-product .list-product.col-2 { grid-template-columns: repeat(2, 1fr); } .ova-product .list-product.col-3 { grid-template-columns: repeat(3, 1fr); } .ova-product .list-product.col-4 { grid-template-columns: repeat(4, 1fr); } @media (max-width: 1200px) { .ova-product .list-product.col-4 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1024px) { .ova-product .list-product.col-3, .ova-product .list-product.col-4 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .ova-product .list-product.col-2, .ova-product .list-product.col-3, .ova-product .list-product.col-4 { grid-template-columns: auto; } } .ova-product .list-product .item { display: block; background-color: #F9F9F9; padding: 50px 30px 30px 30px; } .ova-product .list-product .item:hover .image .list-icon { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; top: 50%; opacity: 1; visibility: visible; } .ova-product .list-product .item .image { position: relative; overflow: hidden; text-align: center; } .ova-product .list-product .item .image .list-icon { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; padding: 0; list-style: none; line-height: 1; display: flex; align-items: center; column-gap: 9px; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; z-index: 1; } .ova-product .list-product .item .image .list-icon li.product-wishlist .yith-wcwl-add-to-wishlist { margin: 0; } .ova-product .list-product .item .image .list-icon li.product-wishlist .yith-wcwl-add-to-wishlist span, .ova-product .list-product .item .image .list-icon li.product-wishlist .yith-wcwl-add-to-wishlist a { font-size: 0; } .ova-product .list-product .item .image .list-icon li a { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #fff; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.03); border-radius: 50%; } .ova-product .list-product .item .image .list-icon li a:hover { background-color: var(--primary); } .ova-product .list-product .item .image .list-icon li a:hover i { color: #fff; } .ova-product .list-product .item .image .list-icon li a i { margin: 0; font-size: 14px; color: #000; } .ova-product .list-product .info { text-align: center; } .ova-product .list-product .info .product-title { margin: 30px 0 0 0; font-size: 24px; font-weight: 600; text-transform: capitalize; } .ova-product .list-product .info .product-title a { color: #000; } .ova-product .list-product .info .price { color: #696A6D; font-size: 24px; font-weight: 500; margin: 0; } .ova-product .list-product .info .price del { opacity: 0.7; } .ova-product .list-product .info .price ins { text-decoration: none; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox:hover:before { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; width: 100%; height: 100%; top: 0; left: 0; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox:hover .list-gallery .icon-box { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; top: 50%; opacity: 1; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox:before { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background-color: #000; opacity: 0.5; z-index: 1; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox .list-gallery { position: relative; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox .list-gallery img { object-fit: cover; margin: 0 auto; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox .list-gallery .icon-box { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; } .ova-gallery-slide .gallery-slide .owl-stage-outer .gallery-box .gallery-fancybox .list-gallery .icon-box i { font-size: 40px; color: var(--heading); display: inline-flex; } .ova-gallery-slide .gallery-slide .owl-nav { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 1; width: 90px; height: 90px; border-radius: 50%; gap: 10px; background-color: var(--secondary); } .ova-gallery-slide .gallery-slide .owl-nav:hover { background-color: var(--heading); } .ova-gallery-slide .gallery-slide .owl-nav button { display: inline-flex; } .ova-gallery-slide .gallery-slide .owl-nav button i { display: inline-flex; font-size: 16px; color: #000; } .ova-gallery-slide .gallery-slide .owl-nav button:hover i { color: var(--primary); } .ova-gallery-slide .gallery-slide .owl-dots { margin-top: 30px; text-align: center; } .ova-gallery-slide .gallery-slide .owl-dots button { width: 8px; height: 8px; background-color: var(--heading); border-radius: 50%; margin: 0px 4px; } .ova-gallery-slide .gallery-slide .owl-dots button.active { background-color: var(--primary); } .ova-gallery-slide .gallery-slide .owl-stage { display: flex; align-items: center; } .ova-gallery-slide.template2 .owl-stage-outer .gallery-box .gallery-fancybox:hover .list-gallery .icon-box { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; } .ova-gallery-slide.template2 .owl-stage-outer .gallery-box .gallery-fancybox:before { opacity: 0; } .ova-gallery-slide.template2 .owl-stage-outer .gallery-box .gallery-fancybox .list-gallery .icon-box i { font-size: 50px; } .ova-gallery-slide.template2 .owl-dots { display: none; } .ova-gallery-slide.template2 .owl-nav { display: none; } .ova-gallery-event .wrap-content { position: relative; overflow: hidden; } .ova-gallery-event .wrap-content .item { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: relative; cursor: pointer; } .ova-gallery-event .wrap-content .item:hover { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .ova-gallery-event .wrap-content .item:hover img { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; filter: grayscale(100%); } .ova-gallery-event .wrap-content .item:hover .content { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; bottom: 50px; } @media (max-width: 767px) { .ova-gallery-event .wrap-content .item:hover .content { bottom: 30px; } } .ova-gallery-event .wrap-content .item img { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: block; width: 100%; object-fit: cover; } .ova-gallery-event .wrap-content .item .content { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; width: 100%; bottom: 20px; left: 40px; opacity: 0; } @media (max-width: 767px) { .ova-gallery-event .wrap-content .item .content { left: 20px; } } .ova-gallery-event .wrap-content .item .content .wrap-title { display: flex; align-items: center; column-gap: 7px; background-color: var(--primary); padding: 10px 22px; width: max-content; max-width: 85%; } .ova-gallery-event .wrap-content .item .content .wrap-title .icon { display: inline-flex; } .ova-gallery-event .wrap-content .item .content .wrap-title .icon i { font-size: 21px; display: inline-flex; color: var(--secondary); } .ova-gallery-event .wrap-content .item .content .wrap-title .icon svg { width: 21px; height: 21px; } .ova-gallery-event .wrap-content .item .content .wrap-title .title { margin: 0; font-size: 22px; font-weight: 600; } .ova-gallery-event .wrap-content .item .content .description { display: inline-block; margin: 0; padding: 6px 20px; font-size: 18px; font-weight: 500; line-height: 1; background-color: #5748FF; color: var(--heading); } .ova-gallery-event.template1 .wrap-content { display: grid; grid-template-columns: 0.28fr 0.44fr 0.28fr; } @media (max-width: 1200px) { .ova-gallery-event.template1 .wrap-content { grid-template-columns: auto; } } @media (max-width: 1200px) { .ova-gallery-event.template1 .wrap-content .item { grid-row-start: unset !important; grid-row-end: unset !important; } } .ova-gallery-event.template1 .wrap-content .item:first-child { grid-row-start: 1; grid-row-end: 3; } .ova-gallery-event.template1 .wrap-content .item:nth-child(2) { grid-row-start: 1; grid-row-end: 1; } .ova-gallery-event.template1 .wrap-content .item:nth-child(3) { grid-row-start: 1; grid-row-end: 3; } .ova-gallery-event.template1 .wrap-content .item img { height: 100%; } @media (max-width: 1200px) { .ova-gallery-event.template1 .wrap-content .item img { height: 420px; } } @media (max-width: 600px) { .ova-gallery-event.template1 .wrap-content .item img { height: 330px; } } .ova-gallery-event.template2 .background-text { margin: 0; font-size: 50px; text-transform: uppercase; color: var(--primary-background); text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading); opacity: 0.3; position: absolute; top: 50%; left: -80px; transform: translate(-50%, -50%) rotate(-90deg); z-index: 1; } @media (max-width: 1600px) { .ova-gallery-event.template2 .background-text { font-size: 48px; left: -40px; } } @media (max-width: 1320px) { .ova-gallery-event.template2 .background-text { left: 0; } } @media (max-width: 1024px) { .ova-gallery-event.template2 .background-text { font-size: 36px; left: 20px; } } @media (max-width: 767px) { .ova-gallery-event.template2 .background-text { display: none; } } .ova-gallery-event.template2 .wrap-content { display: flex; } @media (max-width: 1024px) { .ova-gallery-event.template2 .wrap-content { flex-direction: column; } } .ova-gallery-event.template2 .wrap-content .item { width: 100%; flex: 1; } .ova-gallery-event.template2 .wrap-content .item:hover { flex: 2; } .ova-gallery-event.template2 .wrap-content .item img { width: 100%; height: 420px; filter: none; } @media (max-width: 600px) { .ova-gallery-event.template2 .wrap-content .item img { height: 330px; } } .ova-gallery-event.template3 .wrap-content { display: grid; grid-template-columns: repeat(4, 1fr); } @media (max-width: 1200px) { .ova-gallery-event.template3 .wrap-content { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1024px) { .ova-gallery-event.template3 .wrap-content { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .ova-gallery-event.template3 .wrap-content { grid-template-columns: auto; } } .ova-gallery-event.template3 .wrap-content .item img { height: 420px; } @media (max-width: 600px) { .ova-gallery-event.template3 .wrap-content .item img { height: 330px; } } .rtl .ova-gallery-event .item .content { left: unset; right: 50px; } @media (max-width: 767px) { .rtl .ova-gallery-event .item .content { right: 20px; } } .ova-blog { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; padding: 0; margin: 0; } @media (max-width: 1100px) { .ova-blog { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .ova-blog { grid-template-columns: 1fr; } } .ova-blog.ova-column_2 { grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .ova-blog.ova-column_2 { grid-template-columns: 1fr; } } .ova-blog.ova-column_4 { grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1400px) { .ova-blog.ova-column_4 { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1100px) { .ova-blog.ova-column_4 { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .ova-blog.ova-column_4 { grid-template-columns: 1fr; } } .ova-blog .item { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; list-style: none; } .ova-blog .item:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .ova-blog .item:hover .media .box-img a img { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transform: scale(1.05); } .ova-blog .item .media { position: relative; } .ova-blog .item .media .box-img { overflow: hidden; } .ova-blog .item .media .box-img a img { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; width: 100%; height: 306px; object-fit: cover; } .ova-blog .item .media .post-author { display: inline-block; padding: 6px 22px 4px; background-color: #FFF; font-weight: 500; position: absolute; bottom: 0; left: 0; font-weight: 600; font-size: 12px; text-transform: uppercase; color: #1B1A1A; } .ova-blog .item .media .post-author a { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #1B1A1A; } .ova-blog .item .media .post-author a:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-blog .item .content { padding: 24px 6px; } .ova-blog .item .content .post-title { margin: 0 0 10px; } .ova-blog .item .content .post-title a { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-weight: 600; font-size: 20px; line-height: 1; text-transform: uppercase; color: var(--heading); letter-spacing: -0.06em; } .ova-blog .item .content .post-title a:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-blog .item .content .post-meta { padding: 0; } .ova-blog .item .content .post-meta .item-meta { list-style: none; display: inline-block; vertical-align: middle; } .ova-blog .item .content .post-meta .item-meta.post-date { margin: 0 20px 0 0; } .ova-blog .item .content .post-meta .item-meta.post-date .date { font-size: 16px; line-height: 1; opacity: 0.6; color: var(--text); } .ova-blog .item .content .post-meta .item-meta.post-comment a { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 16px; line-height: 1; opacity: 0.6; color: var(--text); } .ova-blog .item .content .post-meta .item-meta.post-comment a:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-latest-posts { margin: 0 0 15px 0; } .ova-latest-posts .item { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: flex; gap: 20px; padding: 15px 30px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); } .ova-latest-posts .item:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-latest-posts .item:hover .media img { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transform: scale(1.05); } .ova-latest-posts .item:hover .info .post-title a { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-latest-posts .item .media a { display: flex; position: relative; overflow: hidden; } .ova-latest-posts .item .media a img { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 100px; min-width: 84px; min-height: 84px; object-fit: cover; } .ova-latest-posts .item .info { display: flex; justify-content: center; flex-flow: column; } .ova-latest-posts .item .info .post-title { margin: 0; font-size: 16px; font-weight: 600; } .ova-latest-posts .item .info .post-title a { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--heading); } .ova-latest-posts .item .info .item-meta { font-size: 15px; line-height: 1.7; } .ova-latest-posts .item .info .item-meta .left { margin-right: 8px; } .ova-latest-posts .item .info .item-meta .left i { font-size: 14px; display: inline-flex; vertical-align: middle; color: var(--primary); } .ova-latest-posts .item .info .item-meta .right { color: #9D9E9F; } .ova-text-marquee { position: relative; overflow: hidden; padding: 10px 0 4px 0; display: inline-flex; align-items: center; white-space: nowrap; background-color: var(--secondary); width: 100%; direction: ltr; } .ova-text-marquee.direction-ltr { direction: rtl; } .ova-text-marquee.direction-ltr .content-wrapper { animation: ova_scroll_ltr 20s linear infinite; animation-delay: -20s; } .ova-text-marquee.direction-ltr .content-wrapper-2 { animation: ova_scroll2_ltr 20s linear infinite; animation-delay: -10s; } .ova-text-marquee.direction-ltr.duration-slow .content-wrapper { animation: ova_scroll_ltr 30s linear infinite; animation-delay: -30s; } .ova-text-marquee.direction-ltr.duration-slow .content-wrapper-2 { animation: ova_scroll2_ltr 30s linear infinite; animation-delay: -15s; } .ova-text-marquee.direction-ltr.duration-fast .content-wrapper { animation: ova_scroll_ltr 10s linear infinite; animation-delay: -10s; } .ova-text-marquee.direction-ltr.duration-fast .content-wrapper-2 { animation: ova_scroll2_ltr 10s linear infinite; animation-delay: -5s; } .ova-text-marquee .content-wrapper, .ova-text-marquee .content-wrapper-2 { width: 300%; } @media (max-width: 1024px) { .ova-text-marquee .content-wrapper, .ova-text-marquee .content-wrapper-2 { width: 400%; } } @media (max-width: 767px) { .ova-text-marquee .content-wrapper, .ova-text-marquee .content-wrapper-2 { width: 700%; } } .ova-text-marquee .content-wrapper .icon, .ova-text-marquee .content-wrapper-2 .icon { margin: 0 30px; display: inline-block; vertical-align: middle; } .ova-text-marquee .content-wrapper .text, .ova-text-marquee .content-wrapper-2 .text { font-weight: 700; font-size: 20px; text-transform: uppercase; color: #000; width: 200%; } .ova-text-marquee .content-wrapper { animation: ova_scroll 20s linear infinite; animation-delay: -20s; } .ova-text-marquee .spacing { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 600px; } .ova-text-marquee .content-wrapper-2 { animation: ova_scroll2 20s linear infinite; animation-delay: -10s; } .ova-text-marquee.duration-slow .content-wrapper { animation: ova_scroll 30s linear infinite; animation-delay: -30s; } .ova-text-marquee.duration-slow .content-wrapper-2 { animation: ova_scroll2 30s linear infinite; animation-delay: -15s; } .ova-text-marquee.duration-fast .content-wrapper { animation: ova_scroll 10s linear infinite; animation-delay: -10s; } .ova-text-marquee.duration-fast .content-wrapper-2 { animation: ova_scroll2 10s linear infinite; animation-delay: -5s; } @keyframes ova_scroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes ova_scroll2 { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } } @keyframes ova_scroll_ltr { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @keyframes ova_scroll2_ltr { 0% { transform: translateX(0); } 100% { transform: translateX(200%); } } .ova-video .icon-content-view { display: inline-block; } .ova-video .icon-content-view.no-animation .video-btn:before, .ova-video .icon-content-view.no-animation .video-btn:after { animation: none; } .ova-video .icon-content-view .video-btn { display: flex; justify-content: center; align-items: center; position: relative; width: 122px; height: 122px; z-index: 2; } @media (max-width: 1024px) { .ova-video .icon-content-view .video-btn { width: 100px; height: 100px; } } .ova-video .icon-content-view .video-btn:hover { cursor: pointer; } .ova-video .icon-content-view .video-btn:hover:before { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; background-color: var(--primary); } .ova-video .icon-content-view .video-btn:hover i { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: #fff; } .ova-video .icon-content-view .video-btn:before { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; position: absolute; content: ""; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #fff; animation: lineScale 2.5s linear infinite; z-index: 1; } .ova-video .icon-content-view .video-btn i { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; font-size: 27px; display: inline-flex; color: var(--primary); z-index: 1; } .ova-video .icon-content-view .video-btn:after { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; position: absolute; content: ""; top: 0; left: 0; border-radius: 50%; z-index: 0; width: 122px; height: 122px; background-color: rgba(255, 255, 255, 0.368627451); animation: runAround 2.5s linear infinite; } @media (max-width: 1024px) { .ova-video .icon-content-view .video-btn:after { width: 100px; height: 100px; } } .ova-video .ova-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 .ova-modal-container .modal { width: 900px; height: 500px; position: relative; } @media screen and (max-width: 900px) { .ova-video .ova-modal-container .modal { width: 768px; height: 450px; } } @media screen and (max-width: 788px) { .ova-video .ova-modal-container .modal { width: 600px; height: 350px; } } @media screen and (max-width: 620px) { .ova-video .ova-modal-container .modal { width: 400px; height: 250px; } } @media screen and (max-width: 420px) { .ova-video .ova-modal-container .modal { width: 320px; height: 200px; } } @media screen and (max-width: 330px) { .ova-video .ova-modal-container .modal { width: 300px; height: 180px; } } .ova-video .ova-modal-container .modal i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; right: -10px; top: -35px; padding: 10px; cursor: pointer; font-size: 12px; color: #fff; font-weight: 600; } .ova-video .ova-modal-container .modal i:hover { color: #000; } .ova-video .ova-modal-container .modal .modal-video { width: 100%; height: 100%; border: none; } @keyframes lineScale { 50% { transform: translate(-50%, -50%) scale(1.5); } 50% { transform: translate(-50%, -50%) scale(0.8); } } @keyframes runAround { 0% { transform: translate(-5px, -5px); } 25% { transform: translate(-5px, 5px); } 50% { transform: translate(5px, 5px); } 75% { transform: translate(5px, -5px); } 100% { transform: translate(-5px, -5px); } } .ova-text-marquee-2 { position: relative; overflow: hidden; display: inline-flex; align-items: center; white-space: nowrap; width: 100%; direction: ltr; } .ova-text-marquee-2.direction-ltr { direction: rtl; } .ova-text-marquee-2.direction-ltr .content-wrapper { animation: ova_scroll_ltr 20s linear infinite; animation-delay: -20s; } .ova-text-marquee-2.direction-ltr .content-wrapper-2 { animation: ova_scroll2_ltr 20s linear infinite; animation-delay: -10s; } .ova-text-marquee-2.direction-ltr.duration-slow .content-wrapper { animation: ova_scroll_ltr 20s linear infinite; animation-delay: -20s; } .ova-text-marquee-2.direction-ltr.duration-slow .content-wrapper-2 { animation: ova_scroll2_ltr 20s linear infinite; animation-delay: -10s; } .ova-text-marquee-2.direction-ltr.duration-fast .content-wrapper { animation: ova_scroll_ltr 10s linear infinite; animation-delay: -10s; } .ova-text-marquee-2.direction-ltr.duration-fast .content-wrapper-2 { animation: ova_scroll2_ltr 10s linear infinite; animation-delay: -5s; } .ova-text-marquee-2 .content-wrapper .text, .ova-text-marquee-2 .content-wrapper-2 .text { font-weight: 500; font-size: 130px; line-height: 1; text-transform: capitalize; color: var(--heading); } @media (max-width: 1024px) { .ova-text-marquee-2 .content-wrapper .text, .ova-text-marquee-2 .content-wrapper-2 .text { font-size: 80px; } } .ova-text-marquee-2 .content-wrapper .image, .ova-text-marquee-2 .content-wrapper-2 .image { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 35px 0 10px; vertical-align: bottom; } .ova-text-marquee-2 .content-wrapper .image img, .ova-text-marquee-2 .content-wrapper-2 .image img { display: inline-block; width: 65px; height: 65px; border-radius: 50%; object-fit: cover; margin: 0 0 20px 0; } .ova-text-marquee-2 .content-wrapper .image .line-decoration, .ova-text-marquee-2 .content-wrapper-2 .image .line-decoration { width: 85px; height: 11px; background-color: var(--heading); display: inline-block; } .ova-text-marquee-2 .content-wrapper { animation: ova_scroll 20s linear infinite; animation-delay: -20s; } .ova-text-marquee-2 .spacing { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 600px; } .ova-text-marquee-2 .content-wrapper-2 { animation: ova_scroll2 20s linear infinite; animation-delay: -10s; } .ova-text-marquee-2.duration-slow .content-wrapper { animation: ova_scroll 20s linear infinite; animation-delay: -20s; } .ova-text-marquee-2.duration-slow .content-wrapper-2 { animation: ova_scroll2 20s linear infinite; animation-delay: -10s; } .ova-text-marquee-2.duration-fast .content-wrapper { animation: ova_scroll 10s linear infinite; animation-delay: -10s; } .ova-text-marquee-2.duration-fast .content-wrapper-2 { animation: ova_scroll2 10s linear infinite; animation-delay: -5s; } .ova-images-slider.owl-carousel { position: relative; } .ova-images-slider.owl-carousel .item-images-slider img { margin: 0 auto; object-fit: contain; max-height: 54px; width: auto; } .ova-images-slider.owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; margin: 30px 5px; position: relative; bottom: 4px; } .ova-images-slider.owl-carousel .owl-dots button { margin: 0px 5px; width: 6px; height: 6px; border-radius: 50%; background: #d1d1d6; } .ova-images-slider.owl-carousel .owl-dots button.active { background-color: var(--primary); width: 12px; border-radius: 5px; } .ova-images-slider.owl-carousel .owl-nav button { position: absolute; bottom: 40%; width: 50px; height: 50px; border-radius: 50%; padding: 0px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--primary); } .ova-images-slider.owl-carousel .owl-nav button.owl-prev { left: -50px; } .ova-images-slider.owl-carousel .owl-nav button.owl-next { right: -50px; } .ova-images-slider.owl-carousel .owl-nav button i { display: inline-flex; font-size: 14px; color: var(--heading); } .ova-images-slider.owl-carousel .owl-nav button:hover { background-color: var(--heading); } .ova-images-slider.owl-carousel .owl-nav button:hover i { color: var(--primary); } .ova-text-marquee-3 { position: relative; overflow: hidden; display: inline-flex; align-items: center; white-space: nowrap; width: 100%; opacity: 0.3; direction: ltr; } .ova-text-marquee-3.direction-ltr { direction: rtl; } .ova-text-marquee-3.direction-ltr .content-wrapper { animation: ova_scroll_ltr 20s linear infinite; animation-delay: -20s; } .ova-text-marquee-3.direction-ltr .content-wrapper-2 { animation: ova_scroll2_ltr 20s linear infinite; animation-delay: -10s; } .ova-text-marquee-3.direction-ltr.duration-slow .content-wrapper { animation: ova_scroll_ltr 15s linear infinite; animation-delay: -15s; } .ova-text-marquee-3.direction-ltr.duration-slow .content-wrapper-2 { animation: ova_scroll2_ltr 15s linear infinite; animation-delay: -7.5s; } .ova-text-marquee-3.direction-ltr.duration-fast .content-wrapper { animation: ova_scroll_ltr 5s linear infinite; animation-delay: -5s; } .ova-text-marquee-3.direction-ltr.duration-fast .content-wrapper-2 { animation: ova_scroll2_ltr 5s linear infinite; animation-delay: -2.5s; } .ova-text-marquee-3 .content-wrapper .text, .ova-text-marquee-3 .content-wrapper-2 .text { display: inline-block; font-weight: 500; font-size: 130px; line-height: 1; text-transform: capitalize; color: var(--heading); } .ova-text-marquee-3 .content-wrapper .text.stroke-white, .ova-text-marquee-3 .content-wrapper-2 .text.stroke-white { text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading); color: #0E0D16; } .ova-text-marquee-3 .content-wrapper .text.stroke-black, .ova-text-marquee-3 .content-wrapper-2 .text.stroke-black { text-shadow: -1px -1px 0 #0E0D16, 1px -1px 0 #0E0D16, -1px 1px 0 #0E0D16, 1px 1px 0 #0E0D16; color: var(--heading); } .ova-text-marquee-3 .content-wrapper .line-decoration, .ova-text-marquee-3 .content-wrapper-2 .line-decoration { width: 85px; height: 11px; background-color: transparent; display: inline-block; vertical-align: bottom; background-color: transparent; border: 1px solid var(--heading); margin: 0 30px 0 35px; } .ova-text-marquee-3 .content-wrapper { animation: ova_scroll 15s linear infinite; animation-delay: -15s; } .ova-text-marquee-3 .spacing { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 600px; } .ova-text-marquee-3 .content-wrapper-2 { animation: ova_scroll2 15s linear infinite; animation-delay: -7.5s; } .ova-text-marquee-3.duration-slow .content-wrapper { animation: ova_scroll 15s linear infinite; animation-delay: -15s; } .ova-text-marquee-3.duration-slow .content-wrapper-2 { animation: ova_scroll2 15s linear infinite; animation-delay: -7.5s; } .ova-text-marquee-3.duration-fast .content-wrapper { animation: ova_scroll 5s linear infinite; animation-delay: -5s; } .ova-text-marquee-3.duration-fast .content-wrapper-2 { animation: ova_scroll2 5s linear infinite; animation-delay: -2.5s; } .ova-menu-cart { position: relative; line-height: 1; } .ova-menu-cart .cart-total { cursor: pointer; display: inline-flex; align-items: center; color: #fff; } .ova-menu-cart .cart-total i { display: inline-flex; font-size: 24px; margin-right: 2px; } .ova-menu-cart .cart-total .items { display: inline-flex; justify-content: center; align-items: center; background-color: #FF6159; width: 22px; height: 22px; border-radius: 50%; font-size: 0.9em; line-height: 1; margin-top: -15px; } .ova-menu-cart .minicart { transition: all 0.5s ease; position: absolute; right: 0; top: 0; width: 280px; color: #000; background-color: #fff; font-size: 14px; padding: 1.5em 1em; visibility: hidden; opacity: 0; display: block; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); } .ova-menu-cart .minicart p.woocommerce-mini-cart__buttons { margin: 0; display: flex; gap: 10px; justify-content: space-between; clear: both; } .ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a { transition: all 0.3s ease; width: 100%; color: #fff; text-align: center; background-color: var(--primary); border-radius: 0; border: 1px solid var(--primary); } .ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a:hover { transition: all 0.3s ease; background-color: transparent; color: var(--primary); } .ova-menu-cart .minicart ul.woocommerce-mini-cart { list-style: none; padding: 0; margin: 0; } .ova-menu-cart .minicart ul.woocommerce-mini-cart li:after { content: ""; clear: both; display: table; } .ova-menu-cart .minicart ul.woocommerce-mini-cart li a { display: inline; padding: 0; text-transform: capitalize; font-weight: 500; } .ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove { padding: 0 5px 0 0; background-color: transparent; font-size: 1em; width: 1em; height: 1em; } .ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove:hover { background-color: transparent; } .ova-menu-cart .minicart ul.woocommerce-mini-cart li img { width: 90px; float: right; margin-bottom: 20px; } .ova-menu-cart .minicart ul.woocommerce-mini-cart li dl.variation { display: none; } .ova-menu-cart:hover .minicart { transition: all 0.5s ease; z-index: 9999; top: 32px; visibility: visible; opacity: 1; } .ova-icon-box-2 { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; background-color: #f9f9f9; padding: 40px; overflow: hidden; } @media (max-height: 767px) { .ova-icon-box-2 { padding: 40px 30px; } } .ova-icon-box-2:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #fff; } .ova-icon-box-2:hover .mask { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; } .ova-icon-box-2:hover:after { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; top: 0; right: 0; } .ova-icon-box-2:hover .iconbox { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-icon-box-2:hover .iconbox i { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-icon-box-2:hover .iconbox .title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #fff; } .ova-icon-box-2:hover .iconbox .description { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #fff; } .ova-icon-box-2:hover .button-readmore { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #fff; } .ova-icon-box-2:hover .button-readmore i { position: relative; z-index: 1; } .ova-icon-box-2:hover .button-readmore span { position: relative; z-index: 1; } .ova-icon-box-2 .mask { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-block; position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; filter: saturate(0); background-position: center center; background-size: cover; background-repeat: no-repeat; } .ova-icon-box-2:after { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-block; position: absolute; content: ""; width: 50px; height: 50px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%); background: var(--primary); right: -30px; top: -30px; opacity: 0; z-index: 1; } .ova-icon-box-2 .iconbox { position: relative; } .ova-icon-box-2 .iconbox i { display: inline-block; font-size: 60px; line-height: 1; color: var(--primary); } .ova-icon-box-2 .iconbox .title { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin: 24px 0 10px 0; font-size: 24px; font-weight: 600; color: #1d1919; line-height: 1.3; } .ova-icon-box-2 .iconbox .description { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin: 0 0 18px 0; color: #647077; } .ova-icon-box-2 .button-readmore { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; display: inline-flex; align-items: center; column-gap: 12px; font-size: 15px; font-weight: 600; line-height: 1.2; color: #000; } .ova-icon-box-2 .button-readmore:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: var(--primary); } .ova-icon-box-2 .button-readmore i { display: inline-flex; }
💾 Save Changes
❌ Cancel