OwlCyberSecurity - MANAGER
Edit File: style.css
@charset "UTF-8"; /* Theme Name: Chursy Theme URI: https://themeforest.net/user/ovatheme/portfolio Version: 1.0.4 Description: Chursy 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. Chursy 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: chursy Domain Path: /languages/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 1.1 Typography 2.0 Layout 2.1 Header 2.1.1 Brand 2.1.2 Menu 2.2 Footer 3.0 Blog 3.1 Page 4.0 Widgets 5.0 Table 6.0 Form 7.0 Galleries 8.0 Image 9.0 Embed 10.0 Comment 11.0 Pagination 12.0 Breadcrumbs 13.0 Toup 14.0 Caption 15.0 Block 16.0 Sticky 17.0 404 18.0 WooCommerce 19.0 Elementor 20.0 Give --------------------------------------------------------------*/ /* 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; } h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.5em 0px; color: var(--heading); font-family: var(--secondary-font); font-weight: normal; clear: both; } 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 0 30px 0; padding: 35px 55px; font-size: 1.2em; font-weight: 500; color: var(--heading); background-color: #f8f8f8; border-radius: 15px; text-align: center; } @media (max-width: 767px) { blockquote { padding: 25px 30px; margin: 10px; } } blockquote.wp-block-quote.is-style-large { padding: 40px 60px; } @media (max-width: 767px) { blockquote.wp-block-quote.is-style-large { padding: 30px 35px; margin: 10px; } } blockquote.wp-block-quote.is-style-large:not(.is-style-plain) { padding: 35px 55px; } blockquote.ova-block-quote { text-align: left; padding: 45px 0; background-color: #fff; border: 2px solid #efefef; border-left-width: 0; border-right-width: 0; border-radius: 0; background-image: url("./assets/img/arrow.png"); background-position: right calc(100% - 55px); background-repeat: no-repeat; background-size: 34px 34px; } blockquote.ova-block-quote:before { content: none; } blockquote.ova-block-quote p { margin-bottom: 25px; font-size: 23px; font-weight: 500; letter-spacing: 1.3px; text-transform: uppercase; } blockquote.ova-block-quote cite:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; font-size: 15px; color: #1237A5; transform: rotate(180deg); margin: 0 5px 5px 5px; } blockquote p { margin-bottom: 8px; line-height: 1.6; } blockquote cite { font-size: 16px; font-style: normal; } blockquote:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; font-size: 30px; color: var(--primary); transform: rotate(180deg); margin-bottom: 5px; } @media (max-width: 767px) { blockquote:before { font-size: 15px; } } blockquote.has-text-align-right:before { right: 0; left: auto; transform: rotate(180deg); width: 30px; height: 30px; text-align: right; position: absolute; } @media (max-width: 767px) { blockquote.has-text-align-right:before { right: -20px; width: 15px; height: 15px; } } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } address { font-style: italic; margin: 0 0 24px; } cite, em, var, address, dfn { font-style: italic; } pre { border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 1.75em 0 1.75em 0; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } hr { background-color: #ccc; border: 0; height: 1px; margin: 0 0 1em; } .elementor-widget-text-editor p { line-height: inherit; } .btn, .button { border-radius: 5px; padding: 12px 25px; line-height: 1.5em; } /*2.0 Layout*/ body { background-color: #fff; } body .ova_ltr { direction: ltr; } body.rtl { direction: rtl; } body.container_boxed .wrap-fullwidth { max-width: var(--container-width); margin: 0 auto; background-color: #fff; } body.container_boxed .row_site { padding: var(--boxed-offset); } body .row_site { margin: 0 auto; } body .container_site { padding-left: 10px; padding-right: 10px; } body .row_site, body .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--container-width); } @media (max-width: 1023px) { body .row_site, body .elementor-section.elementor-section-boxed > .elementor-container { padding-left: 10px; padding-right: 10px; } } @media (max-width: 1023px) { body .elementor-section.elementor-section-boxed.ova-elementor-section-mobile-nopadding > .elementor-container { padding-left: 0; padding-right: 0; } } body.page-template-default .elementor-section.elementor-section-boxed > .elementor-container { padding-left: 0px; padding-right: 0px; } body.layout_1c #main-content { max-width: 100%; } body.layout_2l #main-content { float: right; } body.layout_2l #sidebar { float: left; } body.layout_2r #main-content { float: left; } body.layout_2r #sidebar { float: right; } body #main-content { max-width: calc( var(--main-content) - 35px ); width: 100%; margin-bottom: 110px; } @media (max-width: 1023px) { body #main-content { max-width: 100%; margin-bottom: 70px; } } body #sidebar { max-width: var(--width-sidebar); width: 100%; padding: 40px 28px; background-color: #fff; border-radius: 10px; border: 1px solid #f7f7f7; margin-bottom: 60px; } @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; margin-right: 0 !important; } /*2.1 Header*/ .wrap_header { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 1024px) { .wrap_header { display: flex; justify-content: space-between; align-content: center; align-items: center; } } /*2.1.1 Brand*/ .site-brand a .blogname { font-weight: bold; font-size: 2em; line-height: 1.5em; color: var(--primary); } .site-brand a img { max-width: 217px; } @media (max-width: 1023px) { .site-brand { display: block; float: left; max-width: calc(100% - 120px); z-index: 1; position: relative; } } /*2.1.2 Menu*/ /** * General Menu Styles */ button.menu-toggle { cursor: pointer; text-align: left; position: relative; border: 2px solid transparent; box-shadow: none; border-radius: 4px; background-image: none; padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em; font-size: 0.875em; max-width: 120px; display: block; margin-left: auto; color: #fff; background-color: var(--primary); } @media (min-width: 1024px) { button.menu-toggle { display: none; } } button.menu-toggle:hover { color: #fff; background-color: var(--primary); } button.menu-toggle span:before { transition: all, ease, 0.2s; } button.menu-toggle:before, button.menu-toggle:after, button.menu-toggle span:before { content: ""; display: block; height: 2px; width: 14px; position: absolute; top: 50%; left: 1em; margin-top: -1px; transition: all, ease, 0.2s; border-radius: 3px; background-color: #fff; } button.menu-toggle:before { transform: translateY(-4px); } button.menu-toggle:after { transform: translateY(4px); } .toggled button.menu-toggle::before, .toggled button.menu-toggle::after { transform: rotate(45deg); } .toggled button.menu-toggle::after { transform: rotate(-45deg); } .toggled button.menu-toggle span::before { opacity: 0; } ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a { color: var(--primary); } .main-navigation { position: relative; } .main-navigation .menu { clear: both; } .main-navigation ul { list-style: none; } .main-navigation ul.menu { margin-left: 0; margin-bottom: 0; } .main-navigation ul.menu ul { display: block; margin-left: 1em; } .main-navigation ul li { display: inline-block; position: relative; text-align: left; } @media (max-width: 1023px) { .main-navigation ul li { display: block; } } .main-navigation ul li.menu-item.current-menu-parent > a, .main-navigation ul li.menu-item.current-menu-item > a, .main-navigation ul li.menu-item.current-menu-ancestor > a { color: var(--primary); } .main-navigation ul li.menu-item .sub-menu .menu-item:hover > a { color: var(--primary); background-color: rgba(0, 0, 0, 0.03); } .main-navigation ul li a { color: var(--text); padding: 0.6180469716em; display: block; } .main-navigation ul li a:hover { color: var(--primary); } .main-navigation.toggled .primary-navigation ul.menu { max-height: 999px; } .main-navigation .dropdown-toggle { background: transparent; position: absolute; top: 3px; right: 0; display: block; padding: 0.5em 1em; color: inherit; border-radius: 0; border: 1px solid #eee; } .main-navigation .dropdown-toggle::after { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } .main-navigation .dropdown-toggle:focus { outline: none; } .main-navigation .dropdown-toggle:hover { background: transparent; } .main-navigation .dropdown-toggle.toggled-on:after { content: ""; font-family: "ovaicon"; } @media (min-width: 1024px) { .main-navigation .dropdown-toggle { display: none; } } @media (max-width: 1023px) { .main-navigation .primary-navigation ul { max-height: 0; overflow: hidden; transition: all ease 0.4s; margin: 0; padding: 0; } .main-navigation .primary-navigation ul.show { max-height: 999px; } } @media (min-width: 1024px) { .main-navigation ul li { display: inline-block; position: relative; text-align: left; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 1.1em; display: block; opacity: 1; visibility: visible; } .main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul { left: -9999px; /* 1 */ opacity: 0; visibility: hidden; } .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device { display: none; left: 0; } .main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul { left: 100%; top: 0; display: block; opacity: 1; visibility: visible; } .main-navigation ul ul.sub-menu { float: left; position: absolute; top: 100%; z-index: 99999; left: 0; /* 1 */ opacity: 0; visibility: hidden; border-radius: 3px; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07); padding: 15px 0; } .main-navigation ul ul.sub-menu.sub-menu--is-touch-device { display: none; left: 0; } .main-navigation ul ul.sub-menu li { display: block; min-width: 260px; } .main-navigation ul.menu { max-height: none; overflow: visible; margin-top: 0; transition: none; } .main-navigation ul.menu > li > a { padding: 1em; font-size: 15px; font-weight: 600; text-transform: uppercase; } .main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after { display: block; } .main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.menu > li.has-mega-menu > a:after { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; margin: 0 0.5em; font-size: 0.5em; font-weight: 500; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; } .main-navigation ul.menu > li:last-child > a { padding-right: 0; } .main-navigation ul.menu ul.sub-menu { margin: 0; padding: 15px 0px; } .main-navigation ul.menu ul.sub-menu li.menu-item a { padding: 8px 25px 8px; font-weight: 400; font-size: 15px; line-height: 1.5; } .main-navigation ul.menu ul.sub-menu li.menu-item:last-child { border-bottom: 0; margin-bottom: 0; } .main-navigation ul.menu ul.sub-menu ul { margin: 0; } .main-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, .main-navigation ul.menu ul.sub-menu li.page_item_has_children > a::after { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; float: right; margin-left: 10px; margin-top: 7px; font-size: 0.5em; font-weight: 500; line-height: 1; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } } /*2.2 Footer */ footer.footer { clear: both; padding-bottom: 45px; padding-top: 45px; background-color: #333; color: #fff; text-align: center; margin-top: 60px; } /*3.0 Blog*/ /* Blog General ****************************************************/ article.post-wrap { margin-bottom: 40px; } article.post-wrap.sticky { background: #f9f9f9; padding: 30px; border-top: 5px solid; border-color: var(--primary); } article.post-wrap.sticky .post-excerpt { text-align: justify; } article.post-wrap .post-title { margin: 15px 0 20px 0; padding: 0; font-size: 30px; line-height: 1.3em; 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 img { display: block; width: 100%; max-height: 420px; border-radius: 20px 20px 0 0; object-fit: cover; } article.post-wrap ul.post-meta { display: inline-block; list-style-type: none; margin: 0; padding: 0; } article.post-wrap ul.post-meta li { margin: 0 20px 0 0; display: inline-block; font-size: 14px; text-transform: uppercase; color: var(--text); } article.post-wrap ul.post-meta li:hover { opacity: 1; } article.post-wrap ul.post-meta li i { font-size: 0.9em; color: var(--primary); padding-right: 3px; } article.post-wrap ul.post-meta li a { color: var(--text); } article.post-wrap ul.post-meta li a:hover { color: var(--primary); } article.post-wrap .post-excerpt > p { margin-top: 0; } article.post-wrap a.readmore { clear: both; background-color: var(--primary); border: 1px solid var(--primary); color: #fff; font-size: 14px; letter-spacing: 0.5px; padding: 15px 33px; text-transform: uppercase; font-weight: 600; box-shadow: none; display: inline-block; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } article.post-wrap a.readmore:hover { color: var(--primary); border-color: var(--primary); background-color: #fff; } /* Blog Default ****************************************************/ .blog_default .post-title { font-weight: normal; } .blog_default .post-excerpt { font-size: 1em; } .blog_default .date { font-size: 1em; } .blog_default .post-bottom { padding: 40px; border-radius: 0 0 20px 20px; border: 1px solid #f7f7f7; } .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; } .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 a.readmore { clear: both; background-color: transparent; border-color: var(--primary); border: 1px solid; color: var(--primary); transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .blog_masonry .content a.readmore:hover { color: #fff; border-color: var(--primary); background-color: var(--primary); } .layout_2l .blog_masonry article, .layout_2r .blog_masonry article { width: 50%; min-height: 200px; } @media (max-width: 767px) { .layout_2l .blog_masonry article, .layout_2r .blog_masonry article { width: 100%; } } /* Detail ***************************************************/ .single article.post-wrap .post-media { margin-bottom: 45px; } .single article.post-wrap .post-media img { border-radius: 20px; max-height: 638px; min-height: 280px; } .single article.post-wrap .post-title { -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; margin-bottom: 30px; margin-top: 0; word-break: break-word; font-size: 45px; } .single article.post-wrap .post-title:hover { color: var(--heading); } .single article.post-wrap .post-content { margin-bottom: 50px; } .single article.post-wrap .post-content:before, .single article.post-wrap .post-content:after { clear: both; content: ""; display: table; } .single article.post-wrap .post-tags { clear: both; } .single article.post-wrap .post-tags a { margin: 0 5px 5px 0; display: inline-block; font-size: 15px; font-weight: 500; text-transform: capitalize; background-color: #fff; border: solid 1px #EAEAEF; color: #000D44; border-radius: 5px; padding: 5px 15px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .single article.post-wrap .post-tags a:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } .single article.post-wrap .post-tags-and-share { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; } .single article.post-wrap .post-tags-and-share span { margin: 0 6px; display: inline-block; font-size: 15px; font-weight: 700; color: #000D44; } .single article.post-wrap .post-tags-and-share .share-social-icons { display: inline-flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; 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.share { font-size: 20px; font-weight: bold; color: var(--heading); } .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: 36px; height: 36px; border-radius: 5px; border: 1px solid #EAEAEF; font-size: 14px; line-height: 1.2; color: var(--text); } .single article.post-wrap .post-tags-and-share .share-social-icons li a i { display: inline-flex; } .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; background-color: var(--primary); color: #fff; } .single article.post-wrap.sticky .post-tags { border-top: 1px solid #e1e1e1; } .single.layout_1c #main-content .post-container, .single.layout_1c #main-content .comments { max-width: 1024px; margin-left: auto; margin-right: auto; } /*Page Title ***************************************************/ h1.page-title { margin-top: 0; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; } .search .page-header .page-title { margin-bottom: 60px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; } .search .page-header .page-title span { color: var(--primary); } .ova-block-image-border-radius img { border-radius: 20px; } /* 3.1 */ .page article.post-wrap { display: flow-root; } /*4.0 Widgets*/ .sidebar .widget { display: block; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #f7f7f7; float: left; width: 100%; /* Widget Rss */ /* Widget Calendar */ /* Widget Tag clound */ /* Widget Search */ /** * Archives */ } .sidebar .widget:last-child { border-bottom: none; } .sidebar .widget a { color: var(--text); } .sidebar .widget a:hover { color: var(--primary); } .sidebar .widget h4.widget-title { position: relative; margin: 0 0 20px 0; font-family: var(--primary-font); font-size: 22px; font-weight: 500; color: var(--heading); } .sidebar .widget p { margin-top: 0; } .sidebar .widget img { width: auto; } .sidebar .widget ul { list-style-type: none; margin: 0; padding-left: 0; padding-right: 0; } .sidebar .widget ul li { margin-bottom: 12px; } .sidebar .widget ul li:last-child { margin-bottom: 0; } .sidebar .widget ul.children, .sidebar .widget ul.sub-menu { margin: 0.5em 0 0 0.8em; } .sidebar .widget .screen-reader-text { display: none; } .sidebar .widget.widget_rss ul li { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; } .sidebar .widget.widget_rss ul li:first-child { padding-top: 0; } .sidebar .widget.widget_rss ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .widget.widget_rss ul li a.rsswidget { font-weight: 600; display: block; line-height: 1.5em; margin-bottom: 12px; color: var(--heading); font-size: 15px; } .sidebar .widget.widget_rss ul li a.rsswidget:hover { color: var(--primary); } .sidebar .widget.widget_rss ul li .rss-date { display: inline-block; margin-bottom: 12px; font-weight: 500; opacity: 0.7; } .sidebar .widget.widget_rss ul li .rssSummary { margin-bottom: 12px; color: var(--text); } .sidebar .widget.widget_rss ul li cite { color: var(--text); opacity: 0.8; text-decoration: underline; } .sidebar .widget.widget_calendar { width: 100%; } .sidebar .widget.widget_calendar caption { background: transparent; color: var(--heading); font-weight: bold; text-align: center; border: none; padding: 5px 0px; } .sidebar .widget.widget_calendar table { margin-bottom: 0; } .sidebar .widget.widget_calendar table thead { border: 1px solid #eee; } .sidebar .widget.widget_calendar table thead tr th { background-color: #f1f1f1; color: var(--heading); border: 1px solid #e4e4e4; text-align: center; } .sidebar .widget.widget_calendar table tbody tr td { border: none; text-align: center; border: 1px solid #e4e4e4; } .sidebar .widget.widget_calendar nav { border: none; padding: 10px 0px 0px 0px; display: flex; justify-content: space-between; } .sidebar .widget.widget_calendar nav a { color: var(--primary); } .sidebar .widget.widget_calendar nav a:hover { color: #343434; } .sidebar .widget.widget_tag_cloud .tagcloud { position: relative; width: 100%; float: left; } .sidebar .widget.widget_tag_cloud .tagcloud a { margin: 0 10px 10px 0; display: block; float: left; font-size: 14px !important; font-weight: 500; background-color: #fff; border: solid 1px #EAEAEF; color: #000D44; border-radius: 5px; 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: ""; -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; background-color: #F8F8F8; border-color: #f3f3f3; } .sidebar .widget.widget_search form input[type=search]:-webkit-autofill { transition-delay: 600s; } .sidebar .widget.widget_search form input[type=submit] { position: absolute; right: 0; top: 14px; background-color: transparent; border: none; font-size: 0; width: 50px; } .sidebar .widget.widget_categories ul li, .sidebar .widget.widget_archive ul li { color: var(--text); } .sidebar .widget.widget_categories ul li:before, .sidebar .widget.widget_archive ul li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); width: 1em; font-size: 0.85em; line-height: inherit; } .sidebar .widget.widget_categories ul li a, .sidebar .widget.widget_archive ul li a { color: var(--text); } .sidebar .widget.widget_categories ul li a:hover, .sidebar .widget.widget_archive ul li a:hover { color: var(--primary); } .sidebar .widget.widget_categories .widget-custom ul li, .sidebar .widget.widget_archive .widget-custom ul li { line-height: 30px; } .sidebar .widget.widget_categories .widget-custom ul li:before, .sidebar .widget.widget_archive .widget-custom ul li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; width: 1em; font-size: 0.9em; } .sidebar .widget.widget_categories .widget-custom ul li a, .sidebar .widget.widget_archive .widget-custom ul li a { display: flex; justify-content: space-between; } .sidebar .widget.widget_categories .widget-custom ul li a .number, .sidebar .widget.widget_archive .widget-custom ul li a .number { background: #eee; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; } .sidebar .widget.widget_categories ul li:before { content: ""; font-family: "ovaicon"; } .sidebar .widget.widget_categories .widget-custom ul li { line-height: 30px; } .sidebar .widget.widget_categories .widget-custom ul li:before { content: ""; font-family: "ovaicon"; } .sidebar .widget.widget_pages ul li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_nav_menu ul li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_meta ul li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_recent_comments ul li { color: var(--text); opacity: 0.8; } .sidebar .widget.widget_recent_comments ul li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .sidebar .widget.widget_recent_comments ul li .comment-author-link { color: var(--heading); text-decoration: underline; } .sidebar .widget.widget_recent_comments ul li .comment-author-link a:hover { color: var(--primary); } /*5.0 Table*/ table { border-collapse: collapse; border-spacing: 0; border: 1px solid #ededed; font-size: 100%; line-height: 2; margin: 0 0 20px; width: 100%; } table thead { display: table-header-group; vertical-align: middle; border-color: inherit; } table thead tr { display: table-row; vertical-align: inherit; border-color: inherit; } table thead tr td, table thead tr th { padding: 5px 10px; font-weight: bold; color: var(--heading); border: 1px solid #ededed; text-align: left; } table thead tr td a, table thead tr th a { color: var(--heading); } table tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } table tbody tr { display: table-row; vertical-align: inherit; border-color: inherit; } table tbody tr td, table tbody tr th { padding: 5px 10px; border: 1px solid #ededed; color: var(--text); text-align: left; } table tbody tr td a, table tbody tr th a { color: var(--heading); border-bottom: 1px solid var(--primary); font-weight: normal; } table tbody tr td a:hover, table tbody tr th a:hover { color: var(--primary); } table tbody tr th { color: var(--heading); } /*6.0 Form*/ button, input, select, textarea { color: var(--text); line-height: 1.5em; } button:focus, input:focus, select:focus, textarea:focus { outline: none; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text { border-radius: 5px; padding: 12px 15px; border-color: #e0e0e0; background-color: #ffffff; color: var(--text); border-width: 1px; border-style: solid; -webkit-appearance: none; box-sizing: border-box; font-weight: normal; outline: 0; transition: all ease-in-out 0.3s; font-size: 1em; } input[type=text]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, textarea::placeholder, .input-text::placeholder { color: var(--text); } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus { color: var(--heading); } .form-light input[type=text], .form-light input[type=number], .form-light input[type=email], .form-light input[type=tel], .form-light input[type=url], .form-light input[type=password], .form-light input[type=search], .form-light textarea, .form-light .input-text { color: #fff; } .form-light input[type=text]::placeholder, .form-light input[type=number]::placeholder, .form-light input[type=email]::placeholder, .form-light input[type=tel]::placeholder, .form-light input[type=url]::placeholder, .form-light input[type=password]::placeholder, .form-light input[type=search]::placeholder, .form-light textarea::placeholder, .form-light .input-text::placeholder { color: #fff; } button, input[type=button], input[type=reset], input[type=submit] { border: 1px solid; border-radius: 5px; padding: 12px 25px; font-size: 1em; border-color: var(--primary); background-color: var(--primary); color: #fff; cursor: pointer; font-weight: 600; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { background-color: transparent; border-color: var(--primary); color: var(--primary); } select:not([size]):not([multiple]) { background-color: #ffffff; color: var(--text); border: 1px solid #e0e0e0; border-radius: 5px; padding: 12px 15px; max-width: 100%; -webkit-appearance: none; -moz-appearance: textfield; appearance: none; width: 100%; background-image: url("./assets/img/base/select-arrow.svg"); background-position: calc(100% - 12px) center; background-repeat: no-repeat; background-size: 12px 12px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } label { font-weight: 400; } label.inline input { width: auto; } /*Placeholver*/ [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Edge */ opacity: 0.5; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.5; } input::placeholder, textarea::placeholder { opacity: 0.5; } .rtl select:not([size]):not([multiple]) { background-position: left 12px top 50%; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*7.0 Galleries*/ .gallery-caption { width: 100%; } .slide_gallery { clear: both; margin-bottom: 30px; } .slide_gallery .owl-dots { z-index: 1; position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; } .slide_gallery .owl-dots .owl-dot { width: 10px; height: 10px; background-color: #fff; border: 1px solid; border-radius: 50%; border-color: #ccc; margin: 0px 3px; } .slide_gallery .owl-dots .owl-dot.active, .slide_gallery .owl-dots .owl-dot:hover { background-color: var(--primary); border-color: var(--primary); } @media (max-width: 568px) { .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item { width: 100%; margin: 0 0 20px 0px; } } @media (max-width: 568px) { .gallery .gallery-item { width: 100% !important; } } /*8.0 Image*/ img { max-width: 100%; height: auto; } .alignleft, img.alignleft { margin-right: 2.2em; margin-bottom: 1em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; margin-bottom: 1em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /** Fix for img ajax contact form 7 */ img.ajax-loader { width: 16px; height: 16px; display: block; text-align: center; margin: 0 auto; margin-left: auto; } .wp-smiley { margin: 0 !important; max-height: 1em; } .bypostauthor { position: relative; } /*9.0 Embed*/ embed, iframe, object, video { max-width: 100%; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } /*10.0 Comment*/ /*List Comment*/ #comments { /*Title Comment*/ /*Fist Level*/ } #comments .title-comments { margin-bottom: 30px; font-size: 1.4em; } #comments .comment-lists { list-style-type: none; padding-left: 0; margin-left: 0; /*Children level*/ /*Item*/ } #comments .comment-lists .children { list-style-type: none; padding-left: 0; margin-left: 70px; } @media (max-width: 767px) { #comments .comment-lists .children { margin-left: 15px; } } #comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body, #comments .comment-lists .comment .comment-body { padding-left: 140px; min-height: 100px; margin-bottom: 40px; } @media (max-width: 767px) { #comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body, #comments .comment-lists .comment .comment-body { padding-left: 0; } } #comments .comment-lists .trackback .comment-body .comment-meta, #comments .comment-lists .pingback .comment-body .comment-meta, #comments .comment-lists .comment .comment-body .comment-meta { position: relative; margin-bottom: 10px; } #comments .comment-lists .trackback .comment-body .comment-meta .avatar, #comments .comment-lists .pingback .comment-body .comment-meta .avatar, #comments .comment-lists .comment .comment-body .comment-meta .avatar { position: absolute; left: -140px; top: 5px; border-radius: 50%; width: 100px; height: auto; } @media (max-width: 767px) { #comments .comment-lists .trackback .comment-body .comment-meta .avatar, #comments .comment-lists .pingback .comment-body .comment-meta .avatar, #comments .comment-lists .comment .comment-body .comment-meta .avatar { display: none; } } #comments .comment-lists .trackback .comment-body .comment-meta cite, #comments .comment-lists .pingback .comment-body .comment-meta cite, #comments .comment-lists .comment .comment-body .comment-meta cite { font-style: normal; font-size: 1.1em; color: var(--heading); text-transform: capitalize; } #comments .comment-lists .trackback .comment-body .comment-meta cite a, #comments .comment-lists .pingback .comment-body .comment-meta cite a, #comments .comment-lists .comment .comment-body .comment-meta cite a { font-weight: 600; color: #333; font-style: normal; font-size: 1.1em; } #comments .comment-lists .trackback .comment-body .comment-meta .comment-date time, #comments .comment-lists .pingback .comment-body .comment-meta .comment-date time, #comments .comment-lists .comment .comment-body .comment-meta .comment-date time { font-size: 0.9em; color: #999; line-height: 1.4; font-style: italic; } #comments .comment-lists .trackback .comment-body .comment-content, #comments .comment-lists .pingback .comment-body .comment-content, #comments .comment-lists .comment .comment-body .comment-content { padding-bottom: 40px; border-bottom: 1px solid; border-color: #eee; } #comments .comment-lists .trackback .comment-body .comment-content .comment-text p, #comments .comment-lists .pingback .comment-body .comment-content .comment-text p, #comments .comment-lists .comment .comment-body .comment-content .comment-text p { margin: 0 0 10px 0; padding: 0; } #comments .comment-lists .trackback .comment-body .comment-content .reply a, #comments .comment-lists .pingback .comment-body .comment-content .reply a, #comments .comment-lists .comment .comment-body .comment-content .reply a { font-weight: 500; color: var(--primary); } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link { margin-right: 10px; font-weight: bold; color: var(--primary); position: relative; padding-left: 18px; text-transform: uppercase; font-size: 12px; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:before, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:before, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:before { position: absolute; left: 0; top: 50%; margin-top: -7px; content: ""; font-weight: 600; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; vertical-align: middle; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:hover, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:hover, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:hover { color: #333; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link { margin-right: 10px; font-weight: bold; color: var(--primary); position: relative; padding-left: 18px; text-transform: uppercase; font-size: 12px; } #comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link:before, #comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link:before, #comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link:before { position: absolute; left: 0; top: 50%; margin-top: -7px; content: ""; font-weight: 600; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; vertical-align: middle; } #comments .comment-lists .trackback .comment-body #respond, #comments .comment-lists .pingback .comment-body #respond, #comments .comment-lists .comment .comment-body #respond { margin-top: 0; border: 1px solid #eee; border-top: none; border-radius: 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; font-size: 1.4em; } #respond #reply-title #cancel-comment-reply-link { float: right; text-align: right; position: relative; color: red; } #respond #commentform { display: flex; flex-wrap: wrap; margin: 0 -15px; clear: both; } #respond #commentform p { padding: 0px 15px; margin: 0; } #respond #commentform p.logged-in-as { padding-bottom: 15px; } #respond #commentform label { font-weight: bold; text-transform: uppercase; 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 .form-submit input[type=submit] { font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; padding: 17px 34px; } #respond #commentform .comment-form-cookies-consent { display: flex; line-height: 1; margin-bottom: 15px; width: 100%; } #respond #commentform .comment-form-cookies-consent label { padding-left: 5px; text-transform: inherit; font-weight: 500; } /*11.0 Pagination*/ /** * Pagination For Blog and WooCommerce */ .woocommerce.woocommerce-pagination, .woocommerce.pagination, nav.woocommerce-pagination, nav.pagination { margin: 45px 0 0 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: 0 2px 10px 2px; border: none; padding: 0; float: none; } .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers, .woocommerce .page-numbers li .page-numbers, nav.woocommerce-pagination ul.page-numbers li .page-numbers, nav .page-numbers li .page-numbers { border: 1px solid #F5F5F5; border-radius: 5px; padding: 0 10px 0 10px; min-width: 49px; width: 49px; text-align: center; font-weight: 500; color: var(--heading); font-size: 15px; line-height: 49px; text-shadow: none; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i, .woocommerce .page-numbers li .page-numbers i, nav.woocommerce-pagination ul.page-numbers li .page-numbers i, nav .page-numbers li .page-numbers i { font-size: 0.7em; line-height: 1; } .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i:before, .woocommerce .page-numbers li .page-numbers i:before, nav.woocommerce-pagination ul.page-numbers li .page-numbers i:before, nav .page-numbers li .page-numbers i:before { font-weight: bold !important; } .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce .page-numbers li .page-numbers:hover, .woocommerce .page-numbers li .page-numbers:focus, .woocommerce .page-numbers li .page-numbers.current, nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover, nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus, nav.woocommerce-pagination ul.page-numbers li .page-numbers.current, nav .page-numbers li .page-numbers:hover, nav .page-numbers li .page-numbers:focus, nav .page-numbers li .page-numbers.current { background-color: var(--primary); color: #fff; } /** * Page Link */ .page-links { clear: both; margin: 20px 0 30px 0; float: left; } .page-links .post-page-numbers { border: 1px solid; border-radius: 2px; display: inline-block; font-size: 1rem; height: 1.8461538462em; line-height: 1.6923076923em; margin-right: 0.3076923077em; text-align: center; width: 1.8461538462em; font-weight: 600; background-color: transparent; border-color: var(--primary); color: var(--text); } .page-links .post-page-numbers:hover, .page-links .post-page-numbers:focus, .page-links .post-page-numbers.current { background-color: var(--primary); border-color: var(--primary); color: #fff; } .page-links > .page-links-title { border: 0; color: #1a1a1a; height: auto; margin: 0; padding-right: 0.6153846154em; width: auto; } .page-links .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text { display: none; } /*12.0 Breadcrumbs*/ .wrap_breadcrumbs { background-color: #fafafa; margin-bottom: 60px; position: relative; } .wrap_breadcrumbs:before { position: absolute; left: -1000px; background-color: #fafafa; height: 100%; width: 10000px; top: 0; content: ""; z-index: -1; } ul.breadcrumb { margin: 0; padding: 20px 0px; display: inline-block; list-style-type: none; } ul.breadcrumb li { color: var(--primary); -webkit-hyphens: auto; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; display: inline-block; padding-right: 5px; word-break: break-word; } ul.breadcrumb li a { color: var(--text); } ul.breadcrumb li a:hover { color: var(--primary); } ul.breadcrumb li .separator i { font-size: 0.6em; color: var(--text); opacity: 0.5; position: relative; } /*13.0 Toup*/ #scrollUp { bottom: 15px; right: 15px; border-radius: 5px; background-color: var(--primary); } #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; display: block; text-align: center; 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; } .wp-block-image img { width: 100%; } /*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; } /*Block Group*/ .wp-block-group.has-background { margin-bottom: 30px; padding: 30px; } /*Block media*/ .wp-block-media-text { margin-bottom: 30px; } /*Block Archive Widget*/ .wp-block-archives.wp-block-archives-list { list-style-type: none; margin: 0 0 30px 0; padding: 0; } .wp-block-archives.wp-block-archives-list li { margin: 5px 0px; } .wp-block-archives.wp-block-archives-list li a { position: relative; } .wp-block-archives.wp-block-archives-list li a:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } /*Block Calendar*/ .wp-block-calendar { margin-bottom: 30px; } /*Bock categories*/ .wp-block-categories { list-style-type: none; margin: 0 0 30px 0; padding: 0; } .wp-block-categories li { margin: 5px 0px; } .wp-block-categories li a { position: relative; } .wp-block-categories li a:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } /*Block Post Author*/ .wp-block-post-author { padding: 40px 35px 35px 35px; background: #F8F8F8; gap: 25px; } .wp-block-post-author .wp-block-post-author__avatar { margin: 0; } .wp-block-post-author .wp-block-post-author__avatar img { border-radius: 50%; } @media (max-width: 460px) { .wp-block-post-author .wp-block-post-author__avatar img { width: 36px; height: 36px; object-fit: cover; } } .wp-block-post-author .wp-block-post-author__byline { font-size: 16px; line-height: 1.2; } .wp-block-post-author .wp-block-post-author__name { margin: 10px 0; font-family: var(--secondary-font); font-size: 20px; font-weight: 600; line-height: 1.3; color: #000D44; text-transform: capitalize; } .wp-block-post-author .wp-block-post-author__bio { font-size: 16px; } /*Block latest comment*/ .wp-block-latest-comments { padding-left: 0; padding-right: 0; } .wp-block-latest-comments.has-avatars li:before { display: none; } .wp-block-latest-comments li { margin-bottom: 2em; line-height: 1.5em; } .wp-block-latest-comments li:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .wp-block-latest-comments li .wp-block-latest-comments__comment-author { text-decoration: underline; } .wp-block-latest-comments li a { color: var(--primary); } .wp-block-latest-comments li time { padding-top: 10px; } /*Block search*/ .wp-block-search { margin-bottom: 30px; } .wp-block-search .wp-block-search__label { margin-bottom: 10px; display: block; } .wp-block-search:before { display: none !important; } .wp-block-search .wp-block-search__input { border-color: #e0e0e0; background-color: #ffffff; padding-right: 20px !important; padding-left: 20px !important; } .wp-block-search .wp-block-search__button { padding: 12px 25px; background-color: var(--primary); border-color: var(--primary); color: #fff; font-weight: 600; margin-left: 5px; } .wp-block-search .wp-block-search__button:hover { background-color: transparent; color: var(--primary); } /*Recent Post*/ .wp-block-latest-posts li a { position: relative; } .wp-block-latest-posts li a:before { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .wp-block-latest-posts.has-dates li { margin-bottom: 15px; } .wp-block-latest-posts.has-dates time { padding-left: 20px; } /*Tags*/ .wp-block-tag-cloud { clear: both; position: relative; } .wp-block-tag-cloud:after { clear: both; content: ""; display: inline-block; width: 100%; } .wp-block-tag-cloud a { float: left; margin: 0 10px 10px 0; display: block; font-size: 0.9em !important; background-color: #fff; border: solid 1px #EAEAEF; color: #000D44; border-radius: 5px; 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: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .widget_block .wp-block-group__inner-container > h2 { font-size: 1.3195em; padding-bottom: 15px; margin-bottom: 15px; } /*16.0 Sticky*/ .header_sticky.active_sticky { position: fixed; top: 0; left: 0; width: 100%; padding-top: 10px !important; padding-bottom: 10px !important; 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: #232526; } @-webkit-keyframes sticky { 0% { top: -100px; } 100% { top: 0; } } @keyframes sticky { 0% { top: -100px; } 100% { top: 0; } } /*17.0 404*/ .page_404 .message { margin-top: 0; padding-top: 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: 5px; 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: 0px; width: 100%; } } .woocommerce #woo_main .content-area .woocommerce-result-count { margin: 6px 0 0 0; font-size: 18px; line-height: 26px; color: #62718d; font-weight: 400; } .woocommerce #woo_main .content-area .woocommerce-ordering { width: 245px; margin-bottom: 40px; } .woocommerce #woo_main .content-area ul.products { margin-bottom: 80px; } @media (max-width: 991px) { .woocommerce #woo_main .content-area ul.products { margin-bottom: 0px; } } .woocommerce #woo_main .content-area ul.products li.product { text-align: center; position: relative; overflow: hidden; padding-bottom: 30px; border: 1px solid #e5e5e5; border-radius: 10px; } .woocommerce #woo_main .content-area ul.products li.product .cat_product { color: var(--text); font-size: 17px; font-weight: 500; line-height: 50px; display: inline-block; padding: 0px 15px 0px 15px; } .woocommerce #woo_main .content-area ul.products li.product .button { visibility: visible; opacity: 1; } .woocommerce #woo_main .content-area ul.products li.product:hover { box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); } .woocommerce #woo_main .content-area ul.products li.product .star-rating { font-size: 13px; margin: 0 auto 8px auto; } .woocommerce #woo_main .content-area ul.products li.product .onsale { display: inline-block; top: 10px; right: 10px; left: auto; background: var(--primary); padding: 0 10px; margin: 0; min-height: 25px; line-height: 25px; font-size: 14px; font-weight: 600; min-width: unset; border-radius: 3px; text-transform: uppercase; } .woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link img { margin: 0; } .woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title { font-size: 18px; line-height: 26px; color: var(--heading); margin-top: -20px; padding: 20px 15px 7px 15px; z-index: 3; font-weight: 600; } .woocommerce #woo_main .content-area ul.products li.product .price { font-size: 16px; line-height: 26px; color: var(--primary); font-weight: 600; padding: 0px 15px 0px 15px; } .woocommerce #woo_main .content-area ul.products li.product .price ins { font-weight: 600; margin-left: 6px; text-decoration: none; } .woocommerce #woo_main .content-area ul.products li.product .button, .woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button { margin-top: 10px; color: #fff; margin: 0px; transition: 0.4s; z-index: 2; margin: 10px 15px 0px 15px; background: var(--heading); border: 1px solid var(--heading); } .woocommerce #woo_main .content-area ul.products li.product .button.loading:after, .woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button.loading:after { right: 0.5em; } .woocommerce #woo_main .content-area ul.products li.product .button:hover, .woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button:hover { background: var(--primary); border-color: var(--primary); } .woocommerce #woo_main .content-area ul.products li.product a.added_to_cart { margin-top: 20px; display: inline-block; visibility: visible; opacity: 1; background-color: transparent !important; color: var(--heading); text-decoration: underline; text-transform: capitalize; padding: 0px 15px 0px 15px; } .woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:hover { color: var(--primary); transition: 0.3s ease; } .woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:after { padding-left: 5px; } .woocommerce #woo_main .content-area ul.products li.product .product_type_external:after, .woocommerce #woo_main .content-area ul.products li.product .product_type_grouped:after, .woocommerce #woo_main .content-area ul.products li.product .product_type_variable:after { position: absolute; top: 0; right: 10px; } .woocommerce.elementor-default #woo_main { padding: 0 10px; } .woocommerce div.product { /** * Sumary */ /*end summary*/ /* woo tabs */ /* end woo tabs */ /* related */ /* end related */ } .woocommerce div.product .onsale { display: inline-block; top: 10px; left: 10px; right: auto; background: var(--primary); padding: 0 10px; margin: 0; min-height: 25px; line-height: 25px; font-size: 14px; font-weight: 600; min-width: unset; border-radius: 0; text-transform: uppercase; } .woocommerce div.product .woocommerce-product-gallery { margin: 0 0px 60px 0px; } .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child { margin-left: 0px; margin-right: 0px; display: block; } .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) { margin-top: 10px; padding: 0px 0px 0 0px; } .woocommerce div.product .summary .product_title { font-size: 34px; line-height: 1.2; font-weight: 500; letter-spacing: 0.2px; color: #2c2734; margin-bottom: 15px; } .woocommerce div.product .summary .woocommerce-product-rating { display: flex; align-items: center; margin: 0 0 15px 0; } .woocommerce div.product .summary .woocommerce-product-rating .star-rating { font-size: 13px; margin: 0px; color: var(--primary); } .woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link { font-size: 15px; color: #62718d; line-height: 1.2; } .woocommerce div.product .summary .price { margin: 0 0 20px 0; color: var(--primary); } .woocommerce div.product .summary .price .woocommerce-Price-amount { font-size: 25px; line-height: 26px; color: var(--primary); font-weight: 600; } .woocommerce div.product .summary .price ins { margin-left: 3px; font-weight: 600; text-decoration: none; } .woocommerce div.product .summary .woocommerce-product-details__short-description { margin-bottom: 7px; } .woocommerce div.product .summary .woocommerce-product-details__short-description p { line-height: 24px; margin: 0px; } .woocommerce div.product .summary .stock { margin: 0 0 18px 0; font-size: 16px; line-height: 24px; letter-spacing: 0.3px; color: #0067da; } .woocommerce div.product .summary form.cart { margin-bottom: 36px; margin-top: 18px; } .woocommerce div.product .summary form.cart table.group_table { border: none; } .woocommerce div.product .summary form.cart table.group_table tr { border: none; } .woocommerce div.product .summary form.cart table.group_table td { border-color: #e8e8e8; } .woocommerce div.product .summary form.cart table.group_table td { vertical-align: middle; font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #202b5d; } .woocommerce div.product .summary form.cart table.group_table td label { margin: 0; } .woocommerce div.product .summary form.cart table.variations { margin: 0; } .woocommerce div.product .summary form.cart table.variations tr { border: none; } .woocommerce div.product .summary form.cart table.variations tr td { font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #62718d; } .woocommerce div.product .summary form.cart table.variations tr td label { font-weight: 400; margin: 0; } .woocommerce div.product .summary form.cart table.variations tr td .reset_variations { font-size: 15px; line-height: 1.2; color: #202b5d; margin-top: 10px; display: inline-block !important; } .woocommerce div.product .summary form.cart table.variations tr td .select2-container { height: 40px; } .woocommerce div.product .summary form.cart table.variations tr td .select2-selection--single { border: 1px solid #e8e8e8; border-radius: 2px; } .woocommerce div.product .summary form.cart table.variations tr td .select2-selection__rendered { padding: 0 14px; font-size: 15px; color: #919baf; } .woocommerce div.product .summary form.cart .single_variation_wrap .woocommerce-variation-price { margin-bottom: 23px; } .woocommerce div.product .summary form.cart .quantity { margin: 0 15px 0 0; } .woocommerce div.product .summary form.cart .quantity input { font-size: 17px; color: #202b5d; padding-left: 20px; padding-right: 10px; border-color: #e5e5e5; width: 80px; height: 50px; line-height: 50px; border-radius: 4px; } .woocommerce div.product .summary form.cart .quantity input::placeholder { font-size: 17px; color: #202b5d; } .woocommerce div.product .summary form.cart .single_add_to_cart_button { font-size: 16px; border-radius: 5px; padding: 12px 25px; line-height: 1.5em; font-weight: 700; color: #fff; text-transform: uppercase; border-radius: 4px; background-color: var(--heading); } .woocommerce div.product .summary form.cart .single_add_to_cart_button:hover { background: var(--primary); } .woocommerce div.product .summary form.cart .single_add_to_cart_button:focus { outline: none; } .woocommerce div.product .summary .product_meta .posted_in { margin-bottom: 8px; display: block; font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #62718d; } .woocommerce div.product .summary .product_meta .posted_in a { font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #202b5d; } .woocommerce div.product .summary .product_meta .tagged_as { display: block; font-size: 17px; line-height: 1.2; letter-spacing: 0.2px; color: #62718d; } .woocommerce div.product .summary .product_meta .tagged_as a { font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #202b5d; } .woocommerce div.product .summary .product_meta .sku_wrapper { margin-bottom: 8px; display: block; font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #62718d; } .woocommerce div.product .summary .product_meta .sku_wrapper .sku { font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #202b5d; } .woocommerce div.product .woocommerce-tabs { margin-bottom: 55px; } .woocommerce div.product .woocommerce-tabs .panel { border: 1px solid #e8e8e8; border-top: none; padding: 36px 30px 20px 30px; } .woocommerce div.product .woocommerce-tabs .panel#tab-additional_information h2 { font-size: 24px; line-height: 1.2; color: #202b5d; font-weight: 600; margin: 0 0 20px 0; display: inline-block; } .woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes { border: 1px solid #e8e8e8; } .woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th { font-size: 17px; line-height: 1.2; font-weight: 400; letter-spacing: 0.2px; color: #202b5d; text-transform: capitalize; padding: 5px 15px; } .woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes td { font-size: 16px; line-height: 1.2; font-weight: 400; letter-spacing: 0.2px; color: #62718d; padding: 5px 15px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-Reviews-title { font-size: 20px; line-height: 1.2; font-weight: 600; color: #2c2734; margin-bottom: 35px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-noreviews { margin: -25px 0 29px 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist { padding: 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li:not(:last-child) { margin-bottom: 35px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container img.avatar { width: 80px; border: none; border-radius: 50%; background: transparent; padding: 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text { margin: 0 0 0 105px; border: none; padding: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating { font-size: 13px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta { margin: 0 0 14px 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__author { display: block; font-size: 18px; font-weight: 600; color: var(--heading); margin-bottom: 4px; text-transform: capitalize; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__dash { display: none; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__published-date { display: block; color: #42516d; font-size: inherit; } .woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .description { color: var(--text); } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-reply-title { font-size: 20px; line-height: 1.2; font-weight: 600; color: #2c2734; margin-bottom: 35px; font-family: var(--secondary-font); text-transform: none; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form { margin: 15px 0px 0px 0px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating { margin-bottom: 10px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form p { margin: 0 0 20px 0; padding: 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes { font-size: 17px; line-height: 24px; color: #62718d; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes .required { color: #ff623f; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label { display: inline-block; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 0.2px; color: var(--heading); text-transform: capitalize; margin-bottom: 10px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label .required { color: #ff623f; } @media (max-width: 767px) { .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label { display: block; } } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form textarea { border: 1px solid #e8e8e8; background-color: #fff; height: 145px; margin: 0; padding: 11px 15px; border-radius: 10px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input { border: 1px solid #e8e8e8; background-color: #fff; height: 45px; width: calc(100% - 150px); margin: 0; padding: 0 15px; } @media (max-width: 767px) { .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input { width: 100%; } } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating label { margin: 0 0 10px; width: 100%; display: block; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .stars { display: inline-flex; align-items: center; margin: 0; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .stars a { color: #cccccc; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .select2-container--default { display: none; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-comment { margin-top: 0px; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-cookies-consent { display: none; } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input { display: inline-block; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; color: #fff; padding: 0 30px; width: unset; border-radius: 4px; background-color: var(--primary); border-color: var(--primary); } .woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input:hover { background: #222222; border-color: #222222; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0px; display: flex; background: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #e8e8e8; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background: #fff; border-radius: 0px; padding: 0 30px; margin: 0; position: relative; z-index: 3; border-bottom: 1px solid #e8e8e8; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border: 1px solid #e8e8e8; border-bottom: none; border-top: 2px solid; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child { margin-left: 1px; border-left: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child:before { content: ""; position: absolute; display: block; top: 0; left: -1px; width: 1px; height: 100%; background: #e8e8e8; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 20px; line-height: 26px; font-weight: 500; color: #2c2734; padding: 15px 0; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title { font-size: 20px; line-height: 1.2; color: #202b5d; margin: 0; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description > p { margin-top: 0; margin-bottom: 0; } .woocommerce div.product .related > h2 { font-size: 24px; line-height: 1.2; color: #2c2734; font-weight: 600; margin: 0 0 35px 0; } .woocommerce-checkout { /* Heading */ /*Coupon*/ /*Custom Detail*/ /*Your Order*/ /*Payment*/ } .woocommerce-checkout h3 { text-transform: uppercase; font-size: 1.2em; margin-top: 0; } .woocommerce-checkout form.checkout_coupon p { margin-bottom: 10px; margin-top: 0; } .woocommerce-checkout form.checkout_coupon .form-row-first, .woocommerce-checkout form.checkout_coupon .form-row-last { width: 49% !important; } .woocommerce-checkout form.checkout_coupon input.input-text { line-height: 1.5em; } .woocommerce-checkout form.checkout_coupon .button { line-height: 1.5em; background-color: var(--primary); border-color: var(--primary); color: #fff; padding: 12px 25px; } .woocommerce-checkout form.checkout_coupon .button:hover { background-color: var(--heading); color: #fff; } .woocommerce-checkout #customer_details { margin-bottom: 30px; } .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { max-width: 100%; padding: 0; } .woocommerce-checkout #customer_details label { display: block; width: 100%; font-size: 1em; color: var(--heading); font-weight: 600; margin-bottom: 5px; margin-top: 5px; } .woocommerce-checkout #customer_details input { border: 1px solid; border-color: #e0e0e0; line-height: 1.5em; padding: 12px 15px; color: var(--text); border-radius: 4px; background: #ffffff; } .woocommerce-checkout #customer_details textarea { border: 1px solid; border-color: #e0e0e0; height: 100px; padding: 10px 15px; border-radius: 4px; color: var(--text); background: #ffffff; } .woocommerce-checkout #customer_details .select2-container .select2-selection--single { height: 45px; border: 1px solid; border-color: #e0e0e0; border-radius: 4px; } .woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__arrow { height: 45px; position: absolute; top: 1px; right: 10px; width: 20px; } .woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered { color: var(--text); padding-left: 15px; line-height: 45px; } .woocommerce-checkout #customer_details .form-row { margin-top: 0; margin-bottom: 15px; padding: 0; width: 100%; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { display: flex; flex-wrap: wrap; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field { order: 1; width: 50%; padding-right: 10px; } @media (max-width: 767px) { .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field { padding-right: 0px; width: 100%; } } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field { order: 2; width: 50%; padding-left: 10px; } @media (max-width: 767px) { .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field { padding-left: 0px; width: 100%; } } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_company_field { order: 3; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field { order: 4; width: 50%; padding-right: 10px; } @media (max-width: 767px) { .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field { padding-right: 0px; width: 100%; } } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field { order: 5; width: 50%; padding-left: 10px; } @media (max-width: 767px) { .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field { padding-left: 0; width: 100%; } } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_country_field { order: 7; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_1_field { order: 8; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_2_field { order: 9; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_city_field { order: 10; } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field { order: 11; width: 50%; padding-right: 10px; } @media (max-width: 767px) { .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field { padding-right: 0px; width: 100%; } } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field { order: 12; width: 50%; } @media (max-width: 767px) { .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field { padding: 0; width: 100%; } } .woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row .woocommerce-input-wrapper { width: 100%; display: block; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label { margin: 0; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label input { height: unset; margin: 0 5px 0 0; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label span { font-weight: 600; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row { margin: 0 0 15px 0; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-first { width: 100%; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-last { width: 100%; } .woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row .woocommerce-input-wrapper { width: 100%; } .woocommerce-checkout #customer_details .woocommerce-additional-fields .form-row { margin: 0 0 15px 0; padding: 0; } .woocommerce-checkout table.shop_table { border: 1px solid; border-color: #e0e0e0; } .woocommerce-checkout table.shop_table thead tr th { border: none; border-bottom: 1px solid #e0e0e0; } .woocommerce-checkout table.shop_table thead tr th.product-name { border-right: 1px solid #e0e0e0; } .woocommerce-checkout table.shop_table tbody tr { border: none; } .woocommerce-checkout table.shop_table tbody tr td { border: none; } .woocommerce-checkout table.shop_table tbody tr td.product-name { border-right: 1px solid #e0e0e0; } .woocommerce-checkout #payment { border-radius: 0px; background: #e8eaee; } .woocommerce-checkout #payment ul.wc_payment_methods { padding: 32px 25px 32px 25px; border-bottom-color: #e0e0e0; } .woocommerce-checkout #payment ul.wc_payment_methods li input { height: unset; margin: 0 8px 0 0; } .woocommerce-checkout #payment ul.wc_payment_methods li label { margin: 0 0 0 0; font-size: 18px; line-height: 1.2; letter-spacing: 0.2px; color: var(--heading); font-weight: 500; } .woocommerce-checkout #payment ul.wc_payment_methods li .payment_box { background: #fff; margin: 12px 0 22px 0; border-radius: 0; } .woocommerce-checkout #payment ul.wc_payment_methods li .payment_box:before { border-bottom-color: #fff; } .woocommerce-checkout #payment ul.wc_payment_methods li .payment_box p { font-size: 17px; line-height: 22px; color: var(--text); } .woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label { width: calc(100% - 26px); } .woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a { float: right; } .woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a:after { content: ""; display: block; clear: both; } .woocommerce-checkout #payment .place-order { justify-content: flex-end; padding: 20px 25px 20px 20px; } .woocommerce-checkout #payment .place-order #place_order { font-size: 1.2em; color: #fff; background: #333; } .woocommerce-checkout #payment .place-order #place_order:hover { background: var(--primary); } .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; background: #e8eaee; height: 55px; padding: 0 0 0 13px; } .woocommerce .woocommerce-cart-form table.shop_table thead tr th { font-size: 1em; color: var(--heading); text-transform: uppercase; } .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-remove { order: 9; flex: 0 0 60px; } .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-thumbnail { display: none; } .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name { flex: 0 0 calc(100% - 610px); } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price { flex: 0 0 150px; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity { flex: 0 0 165px; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal { flex: 0 0 235px; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr { display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0 13px; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr { padding: 0; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr:not(:last-child) { border-bottom: 1px solid #e8e8e8; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child { padding: 0; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child td { padding: 25px 0px 20px 0px; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td { font-size: 16px; letter-spacing: 0.2px; padding: 20px 12px; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td input { border-radius: 4px; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove { order: 9; flex: 0 0 60px; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove { order: unset; flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a { font-size: 20px; border: 1px solid #e5e5e5; width: 25px; height: 25px; font-weight: normal; padding: 1px 0px 0px 1px; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a:hover { color: #fff !important; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-thumbnail { flex: 0 0 90px; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name { flex: 0 0 calc(100% - 700px); padding-left: 0; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name { flex: 0 0 100%; padding-left: 12px; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a { font-size: 1em; color: var(--heading); font-weight: bold; border-bottom: none; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a:hover { color: var(--primary); } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price { flex: 0 0 150px; color: var(--text); line-height: 1.2; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity { flex: 0 0 165px; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity input { font-size: 16px; color: var(--text); height: 33px; width: 70px; line-height: 33px; border: 1px solid #e8e8e8; padding-right: 0; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal { flex: 0 0 235px; color: var(--text); } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal { flex: 0 0 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon { width: 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text { min-width: 160px; border: 1px solid; border-color: #e0e0e0; line-height: 1.5em; padding: 12px 15px; margin-right: 10px; font-size: 15px; color: var(--text); } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text::placeholder { font-size: 15px; color: #62718d; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text { width: 100%; display: block; margin-bottom: 20px; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button { background: var(--primary); line-height: 1.5em; padding: 12px 25px; border-radius: 5px; color: #fff; font-weight: 600; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:hover { background-color: var(--heading); } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:focus { background-color: var(--heading); outline: none; } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button { display: block; width: 100%; margin-bottom: 20px; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] { background: var(--primary); color: #fff; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart]:hover { background: var(--heading); } @media (max-width: 767px) { .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] { display: block; width: 100%; } } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td a { display: inline-block; border-bottom: none; } .woocommerce .woocommerce-cart-form table.shop_table tbody tr td a img { width: 60px; } .woocommerce .cart-collaterals { margin-bottom: 80px; } .woocommerce .cart-collaterals .cart_totals > h2 { font-size: 1.2em; text-transform: uppercase; color: var(--heading); margin-bottom: 15px; } @media (max-width: 767px) { .woocommerce .cart-collaterals .cart_totals table, .woocommerce .cart-collaterals .cart_totals tr, .woocommerce .cart-collaterals .cart_totals td, .woocommerce .cart-collaterals .cart_totals th { border: none; } } .woocommerce .cart-collaterals .cart_totals .shop_table { border: 1px solid #e0e0e0; border-collapse: separate !important; border-bottom: none; border-radius: 4px; } .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th { border: none; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td { border: none; border-bottom: 1px solid #e0e0e0; } .woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single { height: 45px; border: 1px solid; border-color: #e0e0e0; border-radius: 4px; } .woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__arrow { height: 45px; position: absolute; top: 1px; right: 10px; width: 20px; } .woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__rendered { color: var(--text); padding-left: 15px; line-height: 45px; } .woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping] { background: var(--primary); line-height: 1.5em; padding: 12px 25px; border-radius: 5px; color: #fff; } .woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping]:hover { background-color: var(--heading); color: #fff; } .woocommerce .cart-collaterals .cart_totals .checkout-button { background-color: var(--heading); } .woocommerce .cart-collaterals .cart_totals .checkout-button:hover { background: var(--primary); } @media (max-width: 600px) { .woocommerce .woocommerce-message { display: flex; flex-direction: column-reverse; } .woocommerce .woocommerce-message a.button { margin-top: 10px; } } .woocommerce .woocommerce-order h2 { font-size: 1.3em; text-transform: uppercase; margin-bottom: 15px; } .woocommerce .woocommerce-order .order_details { padding-left: 15px; } .woocommerce .woocommerce-order .order_details li { margin-bottom: 10px; } @media (max-width: 767px) { .woocommerce .woocommerce-order .order_details li { display: block; width: 100%; margin: 0 0 15px 0px; padding: 0; border-right: none; } } .woocommerce { /*Tab*/ /*Login Form*/ } .woocommerce ul.ova-login-register-woo { list-style-type: none; padding: 0; margin: 0 0 50px 0; display: flex; justify-content: center; flex-wrap: wrap; } .woocommerce ul.ova-login-register-woo li { padding: 0 13px; } .woocommerce ul.ova-login-register-woo li.active a { position: relative; } .woocommerce ul.ova-login-register-woo li.active a:after { position: absolute; bottom: -6px; left: 0; content: ""; width: 100%; height: 2px; background: #f00; } .woocommerce ul.ova-login-register-woo li a { font-size: 24px; line-height: 26px; color: #202b5d; letter-spacing: 0.2px; font-weight: 400; } .woocommerce #customer_login.col2-set .col-1, .woocommerce #customer_login.col2-set .col-2 { max-width: 100%; float: unset; margin: 0 auto; } .woocommerce #customer_login.col2-set .col-1 > h2, .woocommerce #customer_login.col2-set .col-2 > h2 { display: none; } .woocommerce #customer_login .woocommerce-form { border: none; margin-top: 0; padding-top: 0; } .woocommerce #customer_login .woocommerce-form .woocommerce-form-row { padding: 0; margin: 0 0 15px 0; } .woocommerce #customer_login .woocommerce-form .woocommerce-form-row label { font-size: 17px; line-height: 24px; color: var(--heading); display: block; width: 100%; margin: 0 0 6px 0; font-weight: 600; } .woocommerce #customer_login .woocommerce-form .woocommerce-form-row input { border-radius: 5px; padding: 12px 15px; line-height: 1.5em; color: var(--text); } .woocommerce #customer_login .woocommerce-form .woocommerce-form-row .show-password-input { right: 10px; } .woocommerce #customer_login .woocommerce-form .form-row { display: flex; flex-direction: column; } .woocommerce #customer_login .woocommerce-form .form-row .woocommerce-form-login__rememberme { order: 1; margin-bottom: 10px; } .woocommerce #customer_login .woocommerce-form .form-row button { order: 2; } .woocommerce #customer_login .woocommerce-form button[type=submit] { margin: 0; border-radius: 5px; padding: 12px 25px; line-height: 1.5em; background-color: var(--primary); color: #fff; } .woocommerce #customer_login .woocommerce-form button[type=submit]:hover { background-color: var(--heading); color: #fff; } .woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword { margin-top: 7px; } .woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a { color: var(--heading); text-decoration: underline; } .woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a:hover { color: var(--primary); } .woocommerce #customer_login .woocommerce-form.woocommerce-form-register { display: none; border: none; max-width: 400px; padding: 0; margin: -5px auto 80px auto; } .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-row, .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-privacy-policy-text { margin-bottom: 15px; } .woocommerce #customer_login .woocommerce-form.woocommerce-form-register p { margin-bottom: 10px; } .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit { border-radius: 5px; padding: 12px 25px; line-height: 1.5em; background-color: var(--primary); color: #fff; } .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit:hover { background-color: var(--heading); color: #fff; } /*Hide title of page*/ .woocommerce-account .page-title { display: none; } .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style-type: none; } .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a { background-color: var(--primary); color: #fff; } .woocommerce-MyAccount-navigation ul li a { list-style-type: none; background-color: #f1f1f1; margin-bottom: 10px; padding: 10px 15px; display: block; color: var(--heading); font-weight: bold; } .woocommerce .woo-sidebar { flex: 0 0 320px; } @media (max-width: 991px) { .woocommerce .woo-sidebar { flex: 0 0 100%; } } .woocommerce .woo-sidebar .widget_product_categories { padding: 50px 30px 40px 30px; background-color: #f7f4f2; border-radius: 10px; } .woocommerce .woo-sidebar .woo_widget ul { margin: 0; } .woocommerce .woo-sidebar .widget_products { padding: 50px 30px 40px 30px; background-color: #f7f4f2; border-radius: 10px; } @media (max-width: 991px) { .woocommerce .woo-sidebar .widget_products ul.product_list_widget { padding: 0 20px 0 0; } } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li:not(:last-child) { border-bottom: 1px solid #e5e5e5; margin: 0 0 20px 0; padding: 0 0 40px 0; } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li a { display: flex; margin-bottom: -47px; } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li a img { float: unset; width: 80px; flex: 0 0 80px; border: 1px solid #e5e5e5; border-radius: 5px; } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li a .product-title { flex: 0 0 calc(100% - 100px); font-size: 18px; line-height: 26px; letter-spacing: 0.2px; font-weight: 400; color: #2c2734; margin-left: 20px; } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li .star-rating { margin: 0 0 8px 104px; font-size: 13px; } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li .woocommerce-Price-amount { font-size: 20px; line-height: 26px; color: #88858e; font-weight: 400; margin-left: 104px; position: relative; bottom: -20px; } .woocommerce .woo-sidebar .widget_products ul.product_list_widget li ins .woocommerce-Price-amount { margin-left: 2px; } .woocommerce .woo-sidebar .widget_product_tag_cloud .tagcloud a { float: left; display: block; margin: 0 10px 10px 0; } .woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider { border-radius: 0; background: #e5e5e5; margin: 0 0 25px 0; } .woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { background: #fff; border: 1px solid #e5e5e5; } .woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount { display: flex; justify-content: space-between; align-items: center; } .woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button { font-size: 18px; color: #fff; font-weight: 500; background: #2c2734; height: 35px; line-height: 35px; padding: 0 20px; border-radius: 20px; } .woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label { font-size: 16px; line-height: 1.2; color: #88858e; text-transform: uppercase; } .woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .clear { display: none; } .woocommerce-error, .woocommerce-info, .woocommerce-message { line-height: 3em; } @media (max-width: 767px) { .woocommerce-error, .woocommerce-info, .woocommerce-message { line-height: 1.6em; } } /*19.0 Elementor*/ .brand_el .logo_desktop { display: block; } @media (max-width: 1023px) { .brand_el .logo_desktop { display: none; } } .brand_el .logo_mobile { display: none; } @media (max-width: 1023px) { .brand_el .logo_mobile { display: block; } } .brand_el .logo_sticky { display: none; } .header_sticky.active_sticky .brand_el .logo_desktop, .header_sticky.active_sticky .brand_el .logo_mobile { display: none; } .header_sticky.active_sticky .brand_el .logo_sticky { display: block; } @media (max-width: 1023px) { .elementor-widget-ova_menu .primary-navigation { position: absolute; left: 0; top: 0; } } /* DeskTop *********************************************************************/ /* Fix when menu is full width */ .align_right > .elementor-container { float: right; width: 100%; } /* Button Open Canvas */ .ova_openNav { display: none; } .ova_nav { width: 100%; /* Sub Menu */ /* Parent Menu */ } .ova_nav .ova_closeNav { display: none; } .ova_nav .dropdown-menu { padding: 0px; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .ova_nav .dropdown-menu > li { width: 100%; position: relative; } .ova_nav .dropdown-menu > li > a { color: #343434; display: block; text-transform: uppercase; font-weight: 500; font-size: 14px; } .ova_nav ul.menu { display: flex; list-style: none; margin: 0; padding: 0; /* Dropdown arrow */ } .ova_nav ul.menu > li { padding: 0px 15px; } .ova_nav ul.menu > li > a { color: #343434; font-weight: 500; font-size: 14px; text-transform: uppercase; display: inline-block; } .ova_nav ul.menu button.dropdown-toggle { display: none; } .ova_nav ul.menu button.dropdown-toggle:after { display: none; } /* Fix Sub Menu Direction */ .sub_menu_dir_left .dropdown-menu li { text-align: right; position: relative; /* Menu level 3 */ } .sub_menu_dir_left .dropdown-menu li.dropdown a i { position: absolute; left: 10px; top: 50%; margin-top: -10px; } .sub_menu_dir_left .dropdown-menu li.dropdown a i:before { content: "4"; font-family: "eleganticons"; } .sub_menu_dir_left .dropdown-menu li .dropdown-menu { position: absolute; left: auto; right: 100%; top: 0; } .sub_menu_dir_right .dropdown-menu li { text-align: left; /* Menu level 3 */ } .sub_menu_dir_right .dropdown-menu li.dropdown a i { position: absolute; right: 10px; top: 50%; margin-top: -10px; } .sub_menu_dir_right .dropdown-menu li.dropdown a i:before { content: "5"; font-family: "eleganticons"; } .sub_menu_dir_right .dropdown-menu li .dropdown-menu { position: absolute; right: auto; left: 100%; top: 0; } /* Cover page when open canvas */ .ova_closeCanvas { height: 100%; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; visibility: hidden; } .ova_closeCanvas.show { opacity: 1; z-index: 9998; visibility: visible; } @media (min-width: 1025px) { /* Vertical Menu Desktop */ .ova_wrap_nav.column ul.menu.sub_menu_dir_right > li.dropdown > a i:before { content: "5"; font-family: "eleganticons"; } .ova_wrap_nav.column ul.menu > li { width: 100%; } .ova_wrap_nav.column ul.menu > li > .dropdown-menu { left: 100%; top: 0 !important; } .ova_nav ul.menu { /* Sub Menu */ } .ova_nav ul.menu .dropdown-menu { visibility: hidden; display: block; top: 110%; z-index: -1; } .ova_nav ul.menu > li:hover > .dropdown-menu { display: block; z-index: 9999; webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; visibility: visible; top: 100%; } .ova_nav ul.menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu { display: block; opacity: 1; z-index: 9999; webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; visibility: visible; top: 0; } } /* Mobile *********************************************************************/ @media (max-width: 1024px) { /*transition when display nav*/ .ova-wrapp { transition: margin-left 0.5s; } .ova_openNav { display: block; border: none; outline: none; cursor: pointer; } .ova_openNav:focus { outline: none; } /* Align Menu Button */ .NavBtn_right { float: right; margin: 0; padding: 0; } .NavBtn_left { float: left; } .NavBtn_center { justify-content: center; } /* Hide Menu */ .logged-in .ova_nav { padding-top: 60px; } .ova_nav { height: 100%; width: 250px; position: fixed; z-index: 9999; top: 0; overflow-x: hidden; padding-top: 30px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); /* Canvas direction */ /* Background Canvas */ /* Always display column in mobile */ } .ova_nav ul.menu li { width: 100%; display: block; align-items: center; /* Dropdown arrow */ } .ova_nav ul.menu li a { width: 100%; } .ova_nav ul.menu li a i { display: none; } .ova_nav ul.menu li button.dropdown-toggle { display: block; position: absolute; top: 3px; right: 10px; background: transparent; border: none; outline: none; } .ova_nav ul.menu li.active_sub > .dropdown-menu { display: block; } .ova_nav ul.menu li.active_sub > button.dropdown-toggle > i:before { content: "2"; font-family: "eleganticons"; } .ova_nav ul.menu .dropdown-menu { position: relative !important; transform: none !important; left: 0; top: 0; right: auto; border: none !important; background: transparent !important; display: none; opacity: 1; visibility: visible; width: 100%; } .ova_nav.canvas_left { left: 0; -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); /* Show/hide Canvas */ } .ova_nav.canvas_left.show { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .ova_nav.canvas_left .ova_closeNav { display: block; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: #fff; text-align: right; } .ova_nav.canvas_left ul.menu { align-items: flex-start; text-align: left; /* Dropdown arrow */ /* level 2 */ } .ova_nav.canvas_left ul.menu button.dropdown-toggle { right: 10px; } .ova_nav.canvas_left ul.menu .dropdown-menu { transition: unset; /* level 3 */ } .ova_nav.canvas_left ul.menu .dropdown-menu li { text-align: left; border: none !important; background: transparent !important; clear: both; } .ova_nav.canvas_left ul.menu .dropdown-menu .dropdown-menu { padding-left: 15px; } .ova_nav.canvas_right { right: 0; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); /* Show/hide Canvas */ } .ova_nav.canvas_right.show { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .ova_nav.canvas_right .ova_closeNav { display: block; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: #fff; text-align: left; } .ova_nav.canvas_right ul.menu { align-items: flex-end; text-align: right; /* Dropdown arrow */ /* level 2 */ } .ova_nav.canvas_right ul.menu button.dropdown-toggle { left: 10px; } .ova_nav.canvas_right ul.menu .dropdown-menu { transition: unset; /* level 3 */ } .ova_nav.canvas_right ul.menu .dropdown-menu li { text-align: right; border: none !important; background: transparent !important; } .ova_nav.canvas_right ul.menu .dropdown-menu .dropdown-menu { padding-right: 15px; } .ova_nav.canvas_bg_gray { background-color: #343434; } .ova_nav.canvas_bg_gray ul.menu li a, .ova_nav.canvas_bg_gray ul.menu li .dropdown-toggle { color: #fff !important; } .ova_nav.canvas_bg_white { background-color: #fff; } .ova_nav.canvas_bg_white ul.menu li a, .ova_nav.canvas_bg_white ul.menu li .dropdown-toggle { color: #343434 !important; } .ova_nav ul.menu { flex-direction: column !important; } } @media (max-width: 767px) { /* Align Menu Button */ .NavBtn_right, .NavBtn_left { float: none; margin: 0; padding: 0; } .NavBtn_right_m { float: right; margin: 0; padding: 0; } .NavBtn_left_m { float: left; } .NavBtn_center_m { justify-content: center; } .mobi_no_shrink { position: relative !important; } } /*Hide in desktop*/ .menu-canvas { 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: 0; 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 { margin-bottom: 25px; 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 .container-menu .menu-button { margin-top: 40px; } .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: 1em 0; display: block; border-bottom: 1px solid #333; } .menu-canvas ul li a:hover { opacity: 0.7; } .menu-canvas .dropdown-toggle { background: transparent; position: absolute; top: 0; right: 0; display: block; padding: 0.5em 0 0.5em 10px; color: inherit; border-radius: 0; border: none; cursor: pointer; } .menu-canvas .dropdown-toggle::after { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } .menu-canvas .dropdown-toggle:focus { outline: none; } .menu-canvas .dropdown-toggle:hover { background: transparent; } .menu-canvas .dropdown-toggle.toggled-on:after { content: ""; font-family: "ovaicon"; } .wrap_header_banner { width: 100%; position: relative; /*title*/ } .wrap_header_banner.left ul.breadcrumb { justify-content: flex-start; } .wrap_header_banner.right ul.breadcrumb { justify-content: flex-end; } .wrap_header_banner.center ul.breadcrumb { justify-content: center; } .wrap_header_banner ul.breadcrumb { margin: 0; padding: 0; } .wrap_header_banner ul.breadcrumb li .separator i { opacity: 0.6; } .wrap_header_banner.bg_feature_img { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .wrap_header_banner .cover_color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wrap_header_banner .header_banner_el { position: relative; z-index: 1; } .wrap_header_banner .header_title { margin: 0; padding: 0; font-size: 26px; text-transform: uppercase; line-height: 1.1em; font-weight: 500; } .wrap_header_banner_2 { width: 100%; position: relative; /*title*/ } .wrap_header_banner_2.bg_feature_img { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .wrap_header_banner_2 .cover_color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wrap_header_banner_2 .header_banner_el { position: relative; z-index: 1; } .wrap_header_banner_2 .header_title { margin: 0 0 20px 0; font-size: 45px; line-height: 1.1em; font-weight: 400; } .wrap_header_banner_2 .header_excerpt p { font-size: 16px; } /* Custom Animation */ .ova-move-up { animation-name: ovaMoveUp; -moz-animation-name: ovaMoveUp; -webkit-animation-name: ovaMoveUp; } @-webkit-keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes ovaMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .ova-move-down { animation-name: ovaMoveDown; -moz-animation-name: ovaMoveDown; -webkit-animation-name: ovaMoveDown; } @-webkit-keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes ovaMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .ova-move-left { animation-name: ovaMoveLeft; -moz-animation-name: ovaMoveLeft; -webkit-animation-name: ovaMoveLeft; } @-webkit-keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes ovaMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .ova-move-right { animation-name: ovaMoveRight; -moz-animation-name: ovaMoveRight; -webkit-animation-name: ovaMoveRight; } @-webkit-keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes ovaMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .ova-scale-up { animation-name: ovaScaleUp; -moz-animation-name: ovaScaleUp; -webkit-animation-name: ovaScaleUp; } @-webkit-keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-moz-keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ovaScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } .ova-flip { animation-name: ovaFlip; -moz-animation-name: ovaFlip; -webkit-animation-name: ovaFlip; } @-webkit-keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-ms-keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes ovaFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } .ova-helix { animation-name: ovaHelix; -moz-animation-name: ovaHelix; -webkit-animation-name: ovaHelix; } @-webkit-keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-ms-keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes ovaHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } .ova-popup { animation: ovaPopup; -moz-animation-name: ovaPopup; -webkit-animation-name: ovaPopup; } @-webkit-keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-ms-keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @keyframes ovaPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:before { font-size: 14px; float: right; content: ""; font-family: ovaicon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active:before { content: ""; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title.elementor-active .elementor-toggle-title span, .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title:hover .elementor-toggle-title span { color: #fff; background-color: #323C3E; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .elementor-toggle-title span { display: inline-flex; margin: 0 15px 0 0; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; border: 1px solid #E9ECED; width: 48px; height: 48px; } @media (max-width: 1024px) { .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .elementor-toggle-title span { display: flex; margin: 0 0 15px 0; } } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-toggle-title { padding-right: 5px; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-icon i { line-height: 26px; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title { position: relative; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title:before { position: absolute; content: ""; width: 4px; height: 24px; top: 50%; left: -12px; margin-top: -12px; background-color: var(--secondary); } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #E9E9E9; border-radius: 2px; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon i { vertical-align: middle; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-content p { margin: 0 0 1em; } .elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-content p:last-child { margin: 0; } .elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-title span, .elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title span { color: #fff; background-color: #323C3E; } .elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-title span { display: inline-flex; margin: 0 15px 0 0; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; border: 1px solid #E9ECED; width: 48px; height: 48px; } @media (max-width: 1024px) { .elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-title span { display: flex; margin: 0 0 15px 0; } } .elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-content p { margin: 0 0 1em; } .elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-content p:last-child { margin: 0; } .elementor-widget-counter .elementor-counter { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper { position: relative; margin-bottom: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper:before { position: absolute; content: ""; width: 66px; height: 4px; bottom: -24px; left: 50%; margin-left: -33px; background-color: var(--secondary); } .elementor-widget-counter .elementor-counter .elementor-counter-title { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-counter .elementor-counter .ova-counter-behind { position: absolute; font-weight: bold; font-size: 144px; line-height: 180px; color: rgba(0, 0, 0, 0.03); top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-counter .elementor-counter:hover .ova-counter-behind { color: rgba(255, 255, 255, 0.06); } .ova-menu-footer .menu { margin: 0; padding: 0 15px; flex-wrap: wrap; column-gap: 40px; } .ova-menu-footer .menu li.current-menu-item > a, .ova-menu-footer .menu li.current-menu-parent > a { color: var(--primary); } .ova-menu-footer .menu li::marker { font-size: 11px; color: #D0D0D0; } .ova-menu-footer .menu a { transition: all 0.3s ease; position: relative; font-weight: 500; color: #D0D0D0; text-decoration: none; } .ova-menu-footer .menu a:before { position: absolute; content: ""; width: 0%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; background-color: var(--primary); } .ova-menu-footer .menu a:hover:before { width: 100%; } .ova-menu-footer .menu .sub-menu { list-style: none; padding: 0 15px; } .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; -webkit-transform: translateY(0%); 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(--heading); 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: var(--heading); font-weight: 500; font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; transition: all 0.3s; -webkit-border-radius: 0; border-radius: 0; } .ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::placeholder { opacity: 1; color: var(--text); 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; -webkit-border-radius: 0; 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(--heading); } .elementor-button-wrapper .elementor-button { position: relative; font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; background-color: var(--primary); border: 1px solid transparent; padding: 24px 48px; text-align: left; } .elementor-button-wrapper .elementor-button:hover { transition: all 0.3s; background-color: #fff; border: 1px solid var(--primary); color: var(--primary); } .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:visited { color: #fff; background-color: var(--primary); } .elementor-button-wrapper .elementor-button:focus:hover, .elementor-button-wrapper .elementor-button:visited:hover { transition: all 0.3s; background-color: #fff; border: 1px solid var(--primary); color: var(--primary); } .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper { align-items: center; width: 100%; } .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; } .ova_shape_button .elementor-button-wrapper .elementor-button:hover:after { background-color: inherit; } .ova_shape_button .elementor-button-wrapper .elementor-button:after { content: ""; position: absolute; bottom: -13px; right: calc(50% - 17px); transform: translateX(-50%); width: 17px; height: 13px; -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%); clip-path: polygon(100% 0, 0 0, 50% 100%); background-color: inherit; } /* 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); } @media (min-width: 1024px) and (max-width: 1300px) { .ova-hide-element-min1024-max1300 { display: none; } } .ova-element-column-gap-40px .elementor-widget-wrap { column-gap: 40px; } .ova-element-column-gap-30px .elementor-widget-wrap { column-gap: 30px; } .ova-element-column-margin-left-40px .elementor-widget-wrap { margin: 0 0 0 40px; } .ova-element-column-margin-left-30px .elementor-widget-wrap { margin: 0 0 0 30px; } .rtl .ova-element-column-margin-left-40px .elementor-widget-wrap { margin: 0 40px 0 0; } .rtl .ova-element-column-margin-left-30px .elementor-widget-wrap { margin: 0 30px 0 0; } .ova-contact-info { display: flex; align-items: center; gap: 10px; } .ova-contact-info .icon { margin-top: 10px; } .ova-contact-info .icon svg { width: 20px; height: auto; fill: var(--text); } .ova-contact-info .icon svg path { fill: var(--text); } .ova-contact-info .icon i { display: inline-flex; font-size: 20px; } .ova-contact-info .contact .label { margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: 600; line-height: 1.2; } .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 { color: var(--text); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .ova-contact-info .contact .info .item a:before { position: absolute; content: ""; width: 0%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; background-color: var(--primary); } .ova-contact-info .contact .info .item a:hover { color: var(--primary); } .ova-contact-info .contact .info .item a:hover:before { width: 100%; } .ova-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; } .ova-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: 40px; height: 40px; border-radius: 50%; background-color: var(--primary); display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 30px; right: 30px; } .ova-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); } .ova-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); } .ova-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; display: inline-flex; font-size: 14px; color: #fff; } .ova-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); } .ova-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); } .ova-toggle-content .content .wrap-content img { display: block; margin: 0 auto; width: 175px; height: 175px; object-fit: cover; border-radius: 50%; } .ova-toggle-content .content .wrap-content .content-title { margin: 40px 0 20px 0; color: #fff; } .ova-toggle-content .content .wrap-content .description { margin: 0 0 20px 0; } .ova-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: #fff; padding: 15px 20px; display: flex; align-items: center; justify-content: center; font-weight: 700; gap: 10px; border-radius: 14px; } .ova-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: #fff; } .ova-toggle-content .content .wrap-content .contact-info-title { margin: 40px 0 20px 0; color: #fff; } .ova-toggle-content .content .wrap-content .contact-item { display: flex; align-items: center; margin: 0 0 10px 0; gap: 10px; } .ova-toggle-content .content .wrap-content .contact-item i { display: inline-flex; color: var(--primary); } .ova-toggle-content .content .wrap-content .list-social { display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0 0 0; } .ova-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%; } .ova-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); } .ova-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: #fff; } .ova-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; display: inline-flex; color: #fff; } .ova-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; } .ova-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; } .ova-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; } .ova-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; } .ova-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; display: inline-flex; justify-content: center; align-items: center; gap: 10px; background-color: #1F2137; border: none; } .ova-toggle-content .button-toggle i { display: inline-flex; } .ova-toggle-content .button-toggle:before, .ova-toggle-content .button-toggle:after { width: 0; } .ova-toggle-content .button-toggle span:before { width: 0; } .ova-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; } .ova-toggle-content .button-toggle:hover .title { color: var(--primary); } .ova-toggle-content .button-toggle:hover i { color: var(--primary); } .ova-toggle-content .button-toggle .title { font-size: 16px; font-weight: 500; line-height: 1.2; } @media (max-width: 1024px) { .ova-toggle-content .button-toggle .title { font-size: 14px; } } .ova-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; } .ova-toggle-content .dropdown-toggle::after { content: ""; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } .ova-toggle-content .dropdown-toggle:focus { outline: none; } .ova-toggle-content .dropdown-toggle:hover { background: transparent; } .ova-toggle-content .dropdown-toggle.toggled-on:after { content: ""; font-family: "ovaicon"; } .ova-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: 50px; min-width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; background: #ffff; border: 1px solid #e9e9e9; } .ova-toggle-content.template2 .button-toggle:before, .ova-toggle-content.template2 .button-toggle:after { width: 0; } .ova-toggle-content.template2 .button-toggle span:before { width: 0; } .ova-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; } .ova-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); } .ova-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); } .mc4wp-response { color: red; } .mc4wp-response a { color: red; } .ova-subscribe-form-wrapper .ova-subscribe-form { position: relative; display: flex; background-color: #232526; border-radius: 5px; max-width: 470px; margin-bottom: 10px; } .ova-subscribe-form-wrapper .ova-subscribe-form input[type=email] { font-family: var(--primary-font); font-size: 14px; line-height: 1; color: #fff; padding: 18px 20px; border: none; width: 100%; background-color: transparent; } .ova-subscribe-form-wrapper .ova-subscribe-form input[type=email]:-webkit-autofill { transition-delay: 600s; } .ova-subscribe-form-wrapper .ova-subscribe-form button[type=submit] { font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.08em; background-color: #D14D42; border-color: #D14D42; } .ova-subscribe-form-wrapper .ova-subscribe-form button[type=submit]:hover { color: #D14D42; background-color: #fff; } .ova-subscribe-form-wrapper label { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; line-height: 1.3; color: #A8ADB0; text-align: left; } .ova-subscribe-form-wrapper label input[type=checkbox], .ova-subscribe-form-wrapper label input[type=radio] { vertical-align: middle; display: inline-block; min-width: 14px; width: 14px; height: 14px; } .ova-heading .sub-title-wrapper { margin: 0 0 15px 0; display: inline-flex; align-items: center; gap: 7px; } .ova-heading .icon { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; } .ova-heading .icon i { display: inline-flex; font-size: 15px; color: var(--primary); } .ova-heading .sub-title { margin: 0; display: inline-block; font-family: var(--primary-font); font-size: 16px; font-weight: 500; color: var(--heading); line-height: 1.2; } .ova-heading .title { margin: 0 0 25px 0; font-size: 55px; font-weight: 400; line-height: 1.25; white-space: pre-line; } @media (max-width: 767px) { .ova-heading .title { font-size: 42px; white-space: normal; } } .ova-heading .title a { transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; color: var(--heading); } .ova-heading .title a:hover { transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; color: var(--primary); } .ova-heading .description { margin: 0; white-space: pre-line; } @media (max-width: 1024px) { .ova-heading .description { white-space: normal; } } .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; column-gap: 20px; } .ova-latest-posts .item:not(:last-child) { margin-bottom: 30px; } .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 .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; height: 100%; } .ova-latest-posts .item .media a img { width: 97px; min-width: 97px; height: 78px; border-radius: 10px; object-fit: cover; } .ova-latest-posts .item .info { display: flex; justify-content: center; flex-flow: column; } .ova-latest-posts .item .info .item-meta { font-size: 13px; text-transform: uppercase; line-height: 1; margin-bottom: 8px; } .ova-latest-posts .item .info .item-meta .right a { color: var(--text); } .ova-latest-posts .item .info .item-meta .right a:hover { color: var(--primary); } .ova-latest-posts .item .info .post-title { margin: 0; font-size: 16px; line-height: 1.4; 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: #000D44; } .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: 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; box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1); animation: lineScale 2.5s linear infinite; } .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; display: inline-flex; font-size: 18px; color: var(--primary); z-index: 1; } .ova-video .icon-content-view .video-btn .text { position: absolute; left: calc(100% + 10px); width: max-content; color: var(--heading); font-weight: bold; text-transform: capitalize; text-decoration: underline; } .ova-video .icon-content-view .video-btn .text:hover { color: var(--primary); } .ova-video.template_2 .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; background-color: var(--primary); } .ova-video.template_2 .icon-content-view .video-btn:hover:before { background: #0d0e0f; } .ova-video.template_2 .icon-content-view .video-btn i { color: #fff; } .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: 9999; } .ova-modal-container .modal { width: 900px; height: 500px; position: relative; } @media screen and (max-width: 900px) { .ova-modal-container .modal { width: 768px; height: 450px; } } @media screen and (max-width: 788px) { .ova-modal-container .modal { width: 600px; height: 350px; } } @media screen and (max-width: 620px) { .ova-modal-container .modal { width: 400px; height: 250px; } } @media screen and (max-width: 420px) { .ova-modal-container .modal { width: 320px; height: 200px; } } @media screen and (max-width: 330px) { .ova-modal-container .modal { width: 300px; height: 180px; } } .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-modal-container .modal i:hover { color: #000; } .ova-modal-container .modal .modal-video { width: 100%; height: 100%; border: none; } @-webkit-keyframes lineScale { 0% { transform: translate(-50%, -50%) scale(1.2); } 50% { transform: translate(-50%, -50%) scale(0.8); } 100% { transform: translate(-50%, -50%) scale(1.2); } } @keyframes lineScale { 0% { transform: translate(-50%, -50%) scale(1.2); } 50% { transform: translate(-50%, -50%) scale(0.8); } 100% { transform: translate(-50%, -50%) scale(1.2); } } .rtl .ova-video .icon-content-view .video-btn .text { left: usset; right: calc(100% + 10px); } .ova-blog { display: grid; gap: 30px; } .ova-blog.column_2 { grid-template-columns: 1fr 1fr; } @media screen and (max-width: 767px) { .ova-blog.column_2 { grid-template-columns: 1fr; } } .ova-blog.column_3 { grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 1023px) { .ova-blog.column_3 { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .ova-blog.column_3 { grid-template-columns: 1fr; } } .ova-blog.column_4 { grid-template-columns: 1fr 1fr 1fr 1fr; } @media screen and (max-width: 1200px) { .ova-blog.column_4 { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (max-width: 1023px) { .ova-blog.column_4 { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .ova-blog.column_4 { grid-template-columns: 1fr; } } .ova-blog .item { padding: 24px; background: #fff; border-radius: 20px; border: 1px solid #E7EAEE; 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 img { transform: scale(1.1); } .ova-blog .item .media { position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 20px; } .ova-blog .item .media img { display: block; width: 100%; height: 240px; object-fit: cover; object-position: center; 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 .post-title { margin: 0; font-size: 22px; font-weight: 500; line-height: 1.3; } .ova-blog .item .post-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-blog .item .post-title a:hover { color: var(--primary); } .ova-blog .item .short_desc { margin: 16px 0; font-size: 16px; line-height: 1.6; color: #939393; } .ova-blog .item .post-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .ova-blog .item .post-meta { list-style-type: none; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 5px; margin: 0; padding: 0; } .ova-blog .item .post-meta .item-meta { display: inline-block; font-size: 15px; } .ova-blog .item .post-meta .item-meta .right a { color: var(--text); } .ova-blog .item .post-meta .item-meta .right a:hover { color: var(--primary); text-decoration: underline; } .ova-blog .item .category { font-size: 15px; font-weight: 500; color: #1237A5; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-blog .item .category:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .wrap-load-more { position: relative; width: 100%; } .wrap-load-more .loader { position: absolute; bottom: -90px; left: 50%; transform: translate(-50%); stroke-linecap: round; z-index: 1; } .wrap-load-more .loader circle { fill: none; stroke-width: 1.5; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; transform-origin: 25px 25px; will-change: transform; stroke: var(--primary); } .wrap-load-more .loader circle:nth-of-type(1) { stroke-dasharray: 40px; animation-name: preloader_1; } .wrap-load-more .loader circle:nth-of-type(2) { stroke-dasharray: 80px; animation-name: preloader_2; } @keyframes preloader_1 { 100% { transform: rotate(360deg); } } @keyframes preloader_2 { 100% { transform: rotate(-360deg); } } .ova_pagination_ajax ul { display: flex; justify-content: flex-end; flex-wrap: wrap; list-style: none; margin: 55px 0 0 0; padding: 0; } .ova_pagination_ajax ul li { margin: 0; } .ova_pagination_ajax ul li:not(:last-child) { margin-right: 5px !important; } .ova_pagination_ajax ul li .page-numbers { width: 57px; min-width: 57px; height: 32px; font-size: 14px; line-height: 1; color: var(--heading); background-color: #f4f4f4; display: inline-flex; justify-content: center; align-items: center; padding: 0; margin: 0; border-radius: 99px; font-weight: 500; cursor: pointer; text-decoration: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ova_pagination_ajax ul li .page-numbers i { display: inline-flex; font-size: 0.6em; line-height: 1; } .ova_pagination_ajax ul li .page-numbers:focus { outline: none; } .ova_pagination_ajax ul li .page-numbers.next { margin: 0; text-decoration: none; padding: 9px 15px; } .ova_pagination_ajax ul li .page-numbers.prev { margin: 0; text-decoration: none; padding: 9px 15px; } .ova_pagination_ajax ul li .page-numbers:hover, .ova_pagination_ajax ul li .page-numbers.current { color: #fff; background-color: var(--primary); } .ova-box-featured .item { padding: 28px; background: #fff; border-radius: 20px; border: 1px solid #E7EAEE; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .ova-box-featured .item .text { display: inline-block; margin: 0 4px; font-family: General Sans; font-size: 12px; line-height: 1.3; font-weight: 600; color: #B3B3B3; letter-spacing: 0.24px; text-transform: uppercase; } .ova-box-featured .item .post-title { margin: 18px 0 36px 0; font-size: 32px; font-weight: 500; line-height: 1.3; } .ova-box-featured .item .post-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-box-featured .item .post-title a:hover { color: var(--primary); } .ova-box-featured .item .short_desc { margin: 16px 0 40px 0; font-size: 16px; line-height: 1.6; color: #939393; } .ova-box-featured .item .post-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .ova-box-featured .item .post-meta { list-style-type: none; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 5px; margin: 0; padding: 0; } .ova-box-featured .item .post-meta .item-meta { display: inline-block; font-size: 15px; } .ova-box-featured .item .post-meta .item-meta .right a { color: var(--text); } .ova-box-featured .item .post-meta .item-meta .right a:hover { color: var(--primary); text-decoration: underline; } .ova-box-featured .item .category { font-size: 15px; font-weight: 500; color: #1237A5; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ova-box-featured .item .category: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-box-mail { text-align: center; } .ova-box-mail .item { padding: 32px 24px 24px 24px; background: #fff; border-radius: 20px; border: 1px solid #E7EAEE; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .ova-box-mail .item .text { display: inline-block; margin: 0 4px; font-family: General Sans; font-size: 12px; line-height: 1.3; font-weight: 600; color: #B3B3B3; letter-spacing: 0.24px; text-transform: uppercase; } .ova-box-mail .item .title { margin: 4px 0 16px 0; font-size: 32px; font-weight: 500; line-height: 1.3; } .ova-box-mail .item .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-box-mail .item .title a:hover { color: var(--primary); } .ova-box-mail .item .short_desc { display: inline-block; font-size: 16px; line-height: 1.6; color: #939393; } .ova-box-mail .item .shortcode { margin-top: 20px; } .ova-box-mail .ova-subscribe-form-wrapper .ova-subscribe-form { flex-direction: column; gap: 14px; max-width: 100%; background-color: transparent; } .ova-box-mail .ova-subscribe-form-wrapper .ova-subscribe-form input[type=email] { border: 1px solid #e7eaea; } .ova-box-mail .ova-subscribe-form-wrapper .ova-subscribe-form button[type=submit] { padding: 18px 36px; } .ova-blog-list .top-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; margin-bottom: 42px; } .ova-blog-list .top-heading .heading { margin: 0; font-size: 45px; line-height: 1.3; color: #232526; font-weight: 500; text-transform: uppercase; letter-spacing: 2.25px; } @media (max-width: 1024px) { .ova-blog-list .top-heading .heading { font-size: 35px; } } .ova-blog-list .top-heading .read-more { transition: all 0.3s ease; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 1.6px; text-transform: uppercase; padding: 24px 48px; color: #fff; background-color: #17181A; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.15); } .ova-blog-list .top-heading .read-more:hover { background-color: var(--primary); } .ova-blog-list .item { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: grid; align-items: center; grid-template-columns: 0.2fr 0.8fr; gap: 30px; padding: 20px 0; background: #171819; border-bottom: 1px solid #515658; } .ova-blog-list .item:not(:last-child) { margin-bottom: 30px; } .ova-blog-list .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; border-bottom: 1px solid #fff; } .ova-blog-list .item:hover .media img { transform: scale(1.1); } @media (max-width: 1200px) { .ova-blog-list .item { grid-template-columns: 0.3fr 0.7fr; } } @media (max-width: 767px) { .ova-blog-list .item { grid-template-columns: auto; } } .ova-blog-list .item .right-item { display: flex; justify-content: space-between; align-items: center; gap: 20px; } .ova-blog-list .item .media { position: relative; overflow: hidden; border-radius: 7px; } .ova-blog-list .item .media img { display: block; width: 100%; height: 140px; object-fit: cover; object-position: center; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } @media (max-width: 767px) { .ova-blog-list .item .media img { height: 220px; } } .ova-blog-list .item .post-title { margin: 0 0 5px 0; font-size: 35px; font-weight: 500; line-height: 1.3; } @media (max-width: 1200px) { .ova-blog-list .item .post-title { font-size: 30px; } } .ova-blog-list .item .post-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: #fff; } .ova-blog-list .item .post-title a:hover { color: var(--primary); } .ova-blog-list .item .post-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .ova-blog-list .item .post-meta { list-style-type: none; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 5px; margin: 0; padding: 0; } .ova-blog-list .item .post-meta .item-meta { display: inline-block; font-size: 15px; color: #CDCDCD; } .ova-blog-list .item .post-meta .item-meta .right a { color: #CDCDCD; } .ova-blog-list .item .post-meta .item-meta .right a:hover { color: var(--primary); text-decoration: underline; } .ova-blog-list .item .details-button { display: inline-flex; justify-content: center; align-items: center; gap: 20px; color: #fff; } @media (max-width: 767px) { .ova-blog-list .item .details-button { font-size: 14px; gap: 8px; } } .ova-blog-list .item .details-button:hover { color: var(--primary); } .ova-blog-list .item .details-button span { line-height: 1.3; } .ova-blog-list .item .details-button i { display: inline-flex; line-height: 1; transform: rotate(-45deg); } .ova-gallery-filter .filter-btn-wrapper { list-style-type: none; text-align: center; margin: 0 0 70px 0; padding: 0; border-bottom: 2px solid #f1f1f1; display: flex; gap: 20px; justify-content: center; align-items: center; flex-wrap: wrap; } .ova-gallery-filter .filter-btn-wrapper li.filter-btn { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; position: relative; display: inline-block; margin: 0 25px; padding: 7px; color: var(--heading); font-weight: 500; text-transform: capitalize; cursor: pointer; border-bottom: 2px solid transparent; } .ova-gallery-filter .filter-btn-wrapper li.filter-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; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: transparent; z-index: 1; } .ova-gallery-filter .filter-btn-wrapper li.filter-btn.active-category, .ova-gallery-filter .filter-btn-wrapper li.filter-btn:hover { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; border-bottom: 2px solid var(--primary); color: var(--primary); } .ova-gallery-filter .filter-btn-wrapper li.filter-btn.active-category:before, .ova-gallery-filter .filter-btn-wrapper li.filter-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); bottom: -2px; } .ova-gallery-filter .gallery-row.always_show_overlay .gallery-item .gallery-img .icon-box, .ova-gallery-filter .gallery-row.always_show_overlay .gallery-item .gallery-img .mask { opacity: 1; transform: translateY(0); } .ova-gallery-filter .gallery-column.three_column .gallery-item { width: calc( 33.33% - 20px ); } .ova-gallery-filter .gallery-column.three_column .gallery-item.is_large_column { width: calc( 66% - 3px ); } @media (max-width: 1024px) { .ova-gallery-filter .gallery-column.three_column .gallery-item { width: calc( 50% - 20px ) !important; } } @media (max-width: 767px) { .ova-gallery-filter .gallery-column.three_column .gallery-item { width: 100% !important; } } .ova-gallery-filter .gallery-column.four_column .gallery-item { width: calc( 25% - 25px ); } @media (max-width: 1200px) { .ova-gallery-filter .gallery-column.four_column .gallery-item { width: calc( 33.33% - 20px ); } } .ova-gallery-filter .gallery-column.four_column .gallery-item.is_large_column { width: calc( 50% - 20px ); } @media (max-width: 1200px) { .ova-gallery-filter .gallery-column.four_column .gallery-item.is_large_column { width: calc( 66% - 3px ); } } @media (max-width: 1024px) { .ova-gallery-filter .gallery-column.four_column .gallery-item { width: calc( 50% - 20px ) !important; } } @media (max-width: 767px) { .ova-gallery-filter .gallery-column.four_column .gallery-item { width: 100% !important; } } .ova-gallery-filter .gallery-item { margin-bottom: 30px; } .ova-gallery-filter .gallery-item:hover .gallery-img img { -webkit-transition: 0.6s; transition: 0.6s; transform: scale(1.05); } .ova-gallery-filter .gallery-item:hover .gallery-img .icon-box, .ova-gallery-filter .gallery-item:hover .gallery-img .mask { transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity: 1; transform: translateY(0); } .ova-gallery-filter .gallery-item .gallery-img { position: relative; overflow: hidden; } .ova-gallery-filter .gallery-item .gallery-img img { -webkit-transition: 0.6s; transition: 0.6s; display: block; width: 100%; object-fit: cover; } .ova-gallery-filter .gallery-item .gallery-img .icon-box { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: 0; z-index: 1; transform: translateY(-100%); cursor: pointer; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .ova-gallery-filter .gallery-item .gallery-img .icon-box .icon { -webkit-transition: 0.6s; transition: 0.6s; z-index: 1; border: 1.5px solid #FFF; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); width: 56px; height: 56px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; } .ova-gallery-filter .gallery-item .gallery-img .icon-box .icon:hover { border: 1.5px solid var(--primary); } .ova-gallery-filter .gallery-item .gallery-img .icon-box .icon:hover i { color: var(--primary); } .ova-gallery-filter .gallery-item .gallery-img .icon-box .icon i { transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; display: inline-flex; color: #fff; } .ova-gallery-filter .gallery-item .gallery-img .icon-box .title { margin: 12px 0 0 0; color: #fff; text-align: center; font-size: 25px; line-height: 1.3; z-index: 1; } .ova-gallery-filter .gallery-item .gallery-img .mask { transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(41, 41, 48, 0) 17.37%, rgba(0, 0, 0, 0.88) 99.62%); opacity: 0; transform: translateY(-100%); } .ova-testimonial .owl-stage-outer { padding-bottom: 50px; } @media (max-width: 767px) { .ova-testimonial .owl-stage-outer { padding-bottom: 30px; } } .ova-testimonial.testimonial-version_2 .slide-testimonials .owl-stage-outer { padding-bottom: 0; } .ova-testimonial.testimonial-version_2 .slide-testimonials .client_info { padding: 68px 8%; background-color: #0d0e0f; text-align: center; } @media (max-width: 767px) { .ova-testimonial.testimonial-version_2 .slide-testimonials .client_info { padding: 48px 30px 28px 30px; } } .ova-testimonial.testimonial-version_2 .slide-testimonials .client_info .client { margin-bottom: 45px; } .ova-testimonial.testimonial-version_2 .slide-testimonials .client_info .info .name-job .name { font-size: 20px; color: #fff; } .ova-testimonial.testimonial-version_2 .slide-testimonials .client_info p.evaluate { margin: 0 0 45px 0; font-size: 45px; line-height: 1.4; color: #fff; } @media (max-width: 1024px) { .ova-testimonial.testimonial-version_2 .slide-testimonials .client_info p.evaluate { margin: 0 0 25px 0; font-size: 35px; } } .ova-testimonial .slide-testimonials .item .rating i { display: inline-flex; font-size: 19px; color: var(--primary); } .ova-testimonial .slide-testimonials .client_info { position: relative; background-color: #fff; padding: 40px; } @media (max-width: 767px) { .ova-testimonial .slide-testimonials .client_info { padding: 30px; } } .ova-testimonial .slide-testimonials .client_info:after { content: ""; display: block; position: absolute; top: 100%; left: 50px; width: 27px; height: 30px; background-color: #fff; clip-path: polygon(0 0, 0% 100%, 100% 0); } @media (max-width: 767px) { .ova-testimonial .slide-testimonials .client_info:after { left: 20px; } } .ova-testimonial .slide-testimonials .client_info .client { display: inline-block; margin-bottom: 30px; } .ova-testimonial .slide-testimonials .client_info .client img { display: block; height: 146px; width: 146px; min-width: 146px; object-fit: cover; border-radius: 50%; border: 3px solid var(--primary); } .ova-testimonial .slide-testimonials .client_info p.evaluate { margin: 0 0 8px 0; font-size: 16px; line-height: 1.6; font-weight: 500; color: var(--text); } .ova-testimonial .slide-testimonials .client_info .info { padding-top: 24px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 15px; row-gap: 15px; } .ova-testimonial .slide-testimonials .client_info .info .name-job .name { margin: 0; font-size: 18px; color: var(--heading); line-height: 1.2; font-weight: 500; } .ova-testimonial .slide-testimonials .owl-dots { text-align: center; margin-top: 20px; } .ova-testimonial .slide-testimonials .owl-dots .owl-dot { outline: none; } .ova-testimonial .slide-testimonials .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px; background: var(--text); display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; } .ova-testimonial .slide-testimonials .owl-dots .owl-dot.active span { width: 12px; border-radius: 5px; opacity: 1; background-color: var(--primary); } .ova-testimonial .slide-testimonials .owl-nav button { position: absolute; display: flex; justify-content: center; align-items: center; width: 82px; height: 82px; border-radius: 50%; top: calc(50% + 41px); } @media (max-width: 1024px) { .ova-testimonial .slide-testimonials .owl-nav button { width: 62px; height: 62px; top: calc(50% + 31px); } } .ova-testimonial .slide-testimonials .owl-nav button.owl-prev { left: -20.5px; } .ova-testimonial .slide-testimonials .owl-nav button.owl-next { right: -20.5px; } .ova-testimonial .slide-testimonials .owl-nav button.owl-next, .ova-testimonial .slide-testimonials .owl-nav button.owl-prev { background-color: var(--heading); } .ova-testimonial .slide-testimonials .owl-nav button.owl-next i, .ova-testimonial .slide-testimonials .owl-nav button.owl-prev i { display: inline-flex; font-size: 22px; line-height: 1; color: #fff; } @media (max-width: 1024px) { .ova-testimonial .slide-testimonials .owl-nav button.owl-next i, .ova-testimonial .slide-testimonials .owl-nav button.owl-prev i { font-size: 18px; } } .ova-testimonial .slide-testimonials .owl-nav button.owl-next:hover, .ova-testimonial .slide-testimonials .owl-nav button.owl-prev:hover { background-color: var(--primary); } .ova-our-team:hover .share-button { transition: all 0.5s ease; background-color: var(--primary); border: 1px solid var(--primary); } .ova-our-team:hover .share-button .share-icon { transition: all 0.5s ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: scale(0.95) rotateY(360deg); transform: scale(0.95) rotateY(360deg); } .ova-our-team:hover .share-button .socials { transition: all 0.5s ease; top: calc( 100% + 10px); opacity: 1; visibility: visible; z-index: 1; } .ova-our-team:hover .share-button .socials.top { top: unset; bottom: calc( 100% + 10px); } .ova-our-team .image { display: flex; position: relative; overflow: hidden; } .ova-our-team .image img { display: block; width: 100%; max-height: 450px; object-fit: cover; } .ova-our-team .share-button { transition: all 0.5s ease; position: relative; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background-color: #0D0E0F; border: 1px solid #232526; cursor: pointer; } .ova-our-team .share-button .share-icon { transition: all 0.3s ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: scale(1) rotateY(0deg); transform: scale(1) rotateY(0deg); line-height: 1; } .ova-our-team .share-button .share-icon i { font-size: 20px; line-height: 1; color: #fff; } .ova-our-team .share-button .socials { transition: all 0.5s ease; margin: 0; padding: 0; list-style: none; position: absolute; top: 0; opacity: 0; visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } .ova-our-team .share-button .socials.top { top: unset; bottom: 0; } .ova-our-team .share-button .socials li:hover a { background-color: var(--primary); border: 1px solid var(--primary); } .ova-our-team .share-button .socials li a { transition: all 0.3s ease; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background-color: #0D0E0F; border: 1px solid #232526; } .ova-our-team .share-button .socials li a i { display: inline-flex; color: #fff; } .ova-our-team .info { display: flex; align-items: center; gap: 20px; padding: 40px 20px 20px 20px; } .ova-our-team .info .divider { width: 1px; height: 47px; background-color: #232526; } .ova-our-team .info .name { margin: 0 0 4px 0; font-size: 25px; font-weight: 500; text-transform: capitalize; } .ova-our-team .info .job { margin: 0; font-size: 14px; color: #787F84; } .ova-contact-box { padding: 32px; border: 1px solid #E4EBED; border-radius: 24px; background-color: #fff; } .ova-contact-box .icon { margin-bottom: 20px; } .ova-contact-box .icon svg { width: 26px; height: auto; fill: var(--heading); } .ova-contact-box .icon svg path { fill: var(--heading); } .ova-contact-box .icon i { display: inline-flex; font-size: 26px; color: var(--heading); } .ova-contact-box .contact .label { margin: 0; font-size: 18px; color: #323C3E; font-weight: 600; line-height: 1.2; } .ova-contact-box .contact .box { list-style-type: none; padding: 0; margin: 0; } .ova-contact-box .contact .box .item a { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; font-size: 14px; color: #49575A; } .ova-contact-box .contact .box .item a:before { position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; transition: all 500ms ease; background-color: #49575A; } .ova-contact-box .contact .box .item a:hover { color: var(--primary); } .ova-contact-box .contact .box .item a:hover:before { width: 100%; background-color: var(--primary); } .ova-contact-box .bottom { margin-top: 15px; } .ova-contact-box .bottom .label_2 { display: inline-block; font-size: 12px; line-height: 1; color: #fff; text-transform: uppercase; padding: 8px 16px; background-color: var(--primary); border-radius: 99px; } .ova-contact-box .bottom .text_2 { display: inline-block; font-size: 12px; font-weight: 600; color: #323C3E; } .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; color: var(--heading); } .ova-response-output-black .wpcf7 form.sent .wpcf7-response-output { color: var(--heading); } .ova-ctform { position: relative; } .ova-ctform.ctform2 input[type=text], .ova-ctform.ctform2 input[type=email], .ova-ctform.ctform2 input[type=tel], .ova-ctform.ctform2 textarea, .ova-ctform.ctform2 select:not([size]):not([multiple]) { border: 1px solid #E7EAEE; background: #fff; } .ova-ctform.ctform2 input[type=text]::placeholder, .ova-ctform.ctform2 input[type=email]::placeholder, .ova-ctform.ctform2 input[type=tel]::placeholder, .ova-ctform.ctform2 textarea::placeholder, .ova-ctform.ctform2 select:not([size]):not([multiple])::placeholder { font-size: 14px; color: #ACB4C3; } .ova-ctform.ctform2 input { padding: 12px; } .ova-ctform.ctform2 .ova_wrap_input { margin-bottom: 30px; } .ova-ctform.ctform2 span.label { font-size: 16px; font-weight: 500; color: var(--heading); } .ova-ctform.ctform2 .wpcf7-submit { width: 100%; } .ova-ctform.ctform2 textarea { height: 100px; margin-bottom: 20px; padding: 12px; } .ova-ctform .two_column { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; } @media screen and (max-width: 600px) { .ova-ctform .two_column { grid-template-columns: 1fr; } } .ova-ctform .ova_wrap_input { margin-bottom: 20px; } .ova-ctform .ova_wrap_submit { margin-top: 40px; display: flex; align-items: center; gap: 20px; row-gap: 10px; } @media screen and (max-width: 600px) { .ova-ctform .ova_wrap_submit { flex-direction: column; } } .ova-ctform .ova_wrap_submit p { align-items: center; line-height: 1; padding: 20px 0 0 0; border-top: 1px solid #E6E6E6; } @media screen and (max-width: 600px) { .ova-ctform .ova_wrap_submit p { flex-direction: column; } } .ova-ctform .ova_wrap_submit .wpcf7-form-control-wrap { max-width: 200px; line-height: 1.3; } .ova-ctform p { display: inherit; margin: 0; } .ova-ctform label { display: inline-block; width: 100%; } .ova-ctform span.label { display: inline-block; margin: 0 20px; font-size: 14px; color: #333333; } .ova-ctform span.label.no-margin { margin: 0; } .ova-ctform input[type=text], .ova-ctform input[type=email], .ova-ctform input[type=tel], .ova-ctform textarea, .ova-ctform select:not([size]):not([multiple]) { font-size: 18px; font-weight: 400; color: #000; width: 100%; border: none; background: #F5F5F5; } .ova-ctform input[type=text]::placeholder, .ova-ctform input[type=email]::placeholder, .ova-ctform input[type=tel]::placeholder, .ova-ctform textarea::placeholder, .ova-ctform select:not([size]):not([multiple])::placeholder { color: var(--text); opacity: 1; } .ova-ctform input[type=text]:focus, .ova-ctform input[type=email]:focus, .ova-ctform input[type=tel]:focus, .ova-ctform textarea:focus, .ova-ctform select:not([size]):not([multiple]):focus { border-color: var(--primary); } .ova-ctform input { padding: 16px 24px; } .ova-ctform textarea { padding: 24px; height: 180px; } .ova-ctform .wpcf7-submit { font-size: 14px; font-weight: 600; letter-spacing: 0.35px; text-transform: uppercase; padding: 19px 38px; } .ova-ctform .wpcf7-submit:hover { color: var(--primary); } .ova-ctform .wpcf7-spinner { position: absolute; right: 0; bottom: 20px; } .ova-ctform .wpcf7-list-item { margin: 0; font-size: 14px; color: #000; } .ova-ctform .wpcf7-list-item input[type=checkbox] { width: 18px; height: 18px; } .ova-ctform .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 12px; } .rtl .ovartl-bg-overlay-top-right .elementor-background-overlay { background-position: top right !important; } .rtl .ovartl-bg-overlay-bottom-left .elementor-background-overlay { background-position: bottom left !important; } .rtl .elementor-widget-icon-box.elementor-position-left.ovartl-icon-box-margin .elementor-icon-box-icon { margin-right: 0; margin-left: 15px; } .rtl .elementor-widget-icon-box.elementor-position-right.ovartl-icon-box-margin .elementor-icon-box-icon { margin-right: 15px; margin-left: 0; } .rtl .give-progress span .percentage { right: unset; left: -25px; } .ova-icon-box { transition: all 0.3s ease; padding: 45px 40px 40px 40px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(46, 46, 46, 0.59); text-align: center; } @media (max-width: 767px) { .ova-icon-box { padding: 35px 30px 30px 30px; } } .ova-icon-box:hover { transition: all 0.3s ease; background-color: #2e2e2e; } .ova-icon-box:hover .box-link { transition: all 0.3s ease; background-color: var(--primary); } .ova-icon-box .icon { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 106px; height: 106px; border-radius: 50%; background-color: #1e1e1e; } .ova-icon-box .icon i { display: inline-flex; font-size: 43px; color: var(--primary); } .ova-icon-box .icon svg { width: 43px; height: 43px; } .ova-icon-box .icon .text-number { position: absolute; top: -5px; right: -15px; display: inline-flex; justify-content: center; align-items: center; width: 37px; min-width: 37px; height: 37px; font-family: "Archivo"; font-size: 14px; font-weight: 600; color: #fff; padding: 5px; border-radius: 50%; border: 1px solid #3e3e3e; background-color: #2E2E2E; } .ova-icon-box .title { margin: 25px 0 20px 0; font-family: "Outfit"; color: #fff; font-size: 28px; font-weight: 500; } .ova-icon-box .title a { color: #fff; } .ova-icon-box .title a:hover { color: var(--primay); } .ova-icon-box .description { margin: 0; font-family: "Outfit"; color: #C2C3C8; white-space: pre-line; } @media (max-width: 1024px) { .ova-icon-box .description { white-space: normal; } } .ova-icon-box .box-link { transition: all 0.3s ease; position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; max-width: 252px; font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: 1px; text-transform: uppercase; color: #fff; border: 1px solid var(--primary); border-radius: 5px; margin-top: 40px; padding: 9px 14px; } .ova-icon-box .box-link i { display: inline-flex; font-size: 10px; } .ova-circle-button .circle-button { 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; border-radius: 50%; text-align: center; width: 145px; height: 145px; min-width: 145px; padding: 15%; background-color: var(--heading); color: #fff; font-size: 16px; font-weight: 500; line-height: 1.2; text-transform: uppercase; border: 6px solid #fff; } .ova-circle-button .circle-button: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-circle-button .circle-button .button-content { display: inline-flex; justify-content: center; flex-direction: column; gap: 10px; } .ova-circle-button .circle-button .sub_title { margin: 0 0 10px 0; display: inline-block; text-transform: none; white-space: pre-line; } .ova-circle-button .circle-button .text { display: inline-block; } .ova-circle-button .circle-button .icon i { display: inline-flex; font-size: 20px; } .ova-circle-button .circle-button .icon svg { width: 20px; } /*20.0 Give*/ /* button donate now insert in js*/ #give-donation-level-button-wrap { position: relative; margin: 0; padding: 0 0 15px 0; } #give-donation-level-button-wrap .custom_give { transition: 0.3s all ease; padding: 10px 20px; border: 1px solid var(--primary); text-transform: capitalize; font-weight: 400; font-size: 16px; line-height: 1.3; color: #fff; border-radius: 5px; border: 1px solid var(--primary); background-color: var(--primary); cursor: pointer; height: auto; position: absolute; left: 0; bottom: -65px; } #give-donation-level-button-wrap .custom_give:hover { transition: 0.3s all ease; background-color: #fff; color: var(--primary); } /* hide purchase form give*/ #give-payment-mode-select, #give_purchase_form_wrap { display: none; } /* Give ****************************************************/ /* recent donations widget */ .list-give { padding-top: 5px; margin-bottom: 15px; } .list-give .item-give { display: flex; gap: 20px; padding: 15px 0; } .list-give .item-give:last-child { padding-bottom: 0; } .list-give .item-give .ova-thumb-nail a { width: 92px; height: 80px; border-radius: 4px; display: inline-block; background-size: cover; background-position: center center; } .list-give .item-give .ova-content .title { margin: 0 0 10px 0; font-size: 18px; line-height: 24px; font-weight: 400; } .list-give .item-give .ova-content .title a { color: var(--heading); } .list-give .item-give .ova-content .title a:hover { transition: 0.3s ease; color: var(--primary); } .list-give .item-give .ova-content .donate_remaining { margin-top: 12px; } .list-give .item-give .ova-content .donate_remaining .donate { transition: 0.3s all ease; font-size: 16px; line-height: 26px; color: var(--primary); padding: 5px 10px; border: 1px solid var(--primary); border-radius: 4px; } .list-give .item-give .ova-content .donate_remaining .donate:hover { transition: 0.3s all ease; color: #fff; background-color: var(--primary); } .list-give .item-give .ova-content .raised { font-size: 15px; line-height: 1.5; } .list-give .item-give .ova-content .raised .income, .list-give .item-give .ova-content .raised .goal { display: inline-block; } .give-progress { display: flex; height: 5px; background-color: #D9D9D9; overflow: visible; margin: 60px 0 30px 0; } .give-progress .project-percent { position: relative; width: 0; transition: 1.5s; background-color: var(--primary); height: 5px; } .give-progress span { position: relative; transition: all 0.3s ease; } .give-progress span .percentage { transition: all 0.3s ease; font-size: 16px; line-height: 1; color: var(--heading); position: absolute; bottom: 25px; right: -25px; z-index: 1; background-color: transparent; } .give_warning { margin: 35px 0; border-left: none; background-color: transparent; } .give_warning:before { background-color: #D14D42; left: 0; } #give-recurring-form, form.give-form, form[id*=give-form] { margin: 35px 0; padding: 0; } form.give-form legend, form[id*=give-form] legend { font-weight: 400; color: var(--heading); } /***** Single Give ********/ .ova_single_give_form .image_future { position: relative; margin: 0 0 35px 0; } .ova_single_give_form .image_future .post_cat { position: absolute; right: 20px; top: 20px; } .ova_single_give_form .image_future .post_cat a { transition: all 0.3s ease; display: inline-block; font-size: 16px; line-height: 26px; color: #fff; background-color: var(--primary); padding: 8px 16px; border-radius: 0 10px 0 10px; text-transform: capitalize; } .ova_single_give_form .image_future .post_cat a:hover { transition: all 0.3s ease; color: var(--primary); background-color: #fff; } .ova_single_give_form .image_future .thumbnail { overflow: hidden; } .ova_single_give_form .image_future .thumbnail img { display: block; width: 100%; min-height: 290px; max-height: 690px; object-fit: cover; } .ova_single_give_form .image_future .media { position: absolute; bottom: 20px; left: 20px; z-index: 1; } .ova_single_give_form .image_future .media > ul.gallery { display: none; } .ova_single_give_form .image_future .media .gallery, .ova_single_give_form .image_future .media .video { display: inline-block; cursor: pointer; color: #fff; font-size: 16px; opacity: 1; } .ova_single_give_form .image_future .media .gallery i, .ova_single_give_form .image_future .media .video i { transition: all 0.3s ease; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; color: var(--primary); width: 40px; height: 40px; border-radius: 50%; } .ova_single_give_form .image_future .media .gallery i:hover, .ova_single_give_form .image_future .media .video i:hover { transition: all 0.3s ease; background-color: var(--primary); color: #fff; } .ova_single_give_form .image_future .icon_give { position: absolute; bottom: 20px; right: 20px; } .ova_single_give_form .image_future .icon_give .share-social-icons { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; } .ova_single_give_form .image_future .icon_give .share-social-icons li { margin: 0; } .ova_single_give_form .image_future .icon_give .share-social-icons li a { transition: all 0.3s ease; color: var(--primary); background-color: #fff; padding: 0; margin-bottom: 0; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; } .ova_single_give_form .image_future .icon_give .share-social-icons li a i { display: inline-flex; } .ova_single_give_form .image_future .icon_give .share-social-icons li a:hover { transition: all 0.3s ease; color: #fff; background-color: var(--primary); } .ova_single_give_form .donation-and-tab { margin: 0 auto; max-width: 1060px; } .ova_single_give_form .give_forms { display: flex; gap: 30px; max-width: 100%; margin: 0 0 110px 0; } @media (max-width: 1024px) { .ova_single_give_form .give_forms { flex-direction: column; margin: 0 0 80px 0; } } .ova_single_give_form .give_forms:after, .ova_single_give_form .give_forms:before { content: none; } .ova_single_give_form .give_forms .summary { width: 100%; /* Progress Single Donation */ /* Form Info */ } .ova_single_give_form .give_forms .summary .progress-wrapper { padding: 100px 70px 50px 70px; border-radius: 20px 20px 0 0; background-color: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } @media (max-width: 1024px) { .ova_single_give_form .give_forms .summary .progress-wrapper { padding: 70px 35px 30px 35px; } } .ova_single_give_form .give_forms .summary .progress-wrapper .give-progress { margin: 0; height: 12px; background-color: #f2f2f2; } .ova_single_give_form .give_forms .summary .progress-wrapper .give-progress .project-percent { height: 12px; } .ova_single_give_form .give_forms .summary .progress-wrapper .give-progress .project-percent:before { content: ""; position: absolute; right: -12px; top: -12px; width: 35px; height: 35px; border-radius: 50%; background-color: var(--primary); } .ova_single_give_form .give_forms .summary .progress-wrapper .give-progress .project-percent:after { content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; } .ova_single_give_form .give_forms .summary .progress-wrapper .give-progress span { font-size: 18px; color: var(--primary); } .ova_single_give_form .give_forms .summary .progress-wrapper .give-progress span .percentage { bottom: 40px; } .ova_single_give_form .give_forms .summary .progress-wrapper .raised { display: flex; justify-content: space-between; width: 100%; margin-top: 30px; } .ova_single_give_form .give_forms .summary .progress-wrapper .raised span { display: block; font-weight: 500; text-align: center; } .ova_single_give_form .give_forms .summary .progress-wrapper .raised .money { font-size: 20px; color: var(--heading); } .ova_single_give_form .give_forms .summary .progress-wrapper .raised .goal { text-align: right; } .ova_single_give_form .give_forms .summary .donation { position: relative; padding-top: 5px; /* Form Donation */ } .ova_single_give_form .give_forms .summary .donation .give-form-wrap { margin-bottom: 55px; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap.give-display-onpage { margin-bottom: 135px; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap .give-currency-symbol { color: #fff; background-color: var(--primary); border: none; border-radius: 4px 0 0 4px; height: 46px; line-height: 46px; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap .give-donation-levels-wrap button { font-size: 16px; font-weight: 400; color: var(--heading); background-color: rgba(20, 81, 132, 0.09); border-color: transparent; padding: 10px 20px; float: left; margin-bottom: 15px; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap .give-donation-levels-wrap button:focus { outline: none; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap .give-submit { transition: 0.3s all ease; padding: 10px 20px; border: 1px solid var(--primary); border-radius: 4px; text-transform: capitalize; font-weight: 400; font-size: 16px; line-height: 1.3; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap .give-submit:hover { transition: 0.3s all ease; background-color: #fff; color: var(--primary); } .ova_single_give_form .give_forms .summary .donation .give-form-wrap #give-gateway-radio-list { display: flex; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap #give-gateway-radio-list li { display: flex; align-items: center; } .ova_single_give_form .give_forms .summary .donation .give-form-wrap #give-gateway-radio-list li:first-child { margin-right: 20px; } .ova_single_give_form .give_forms .summary .give_form_info { border: 0; margin-top: 60px; } .ova_single_give_form .tab-Location ul.give_nav { display: flex; column-gap: 30px; row-gap: 15px; flex-wrap: wrap; margin: 0 0 50px 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e8e8; } @media screen and (max-width: 450px) { .ova_single_give_form .tab-Location ul.give_nav { flex-direction: column; } } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item { transition: all 0.3s ease; position: relative; padding-bottom: 12px; cursor: pointer; text-transform: uppercase; } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item .give_nav-link { display: block; } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item:first-child { padding-left: 0; margin-left: 0; } @media (max-width: 767px) { .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item { text-transform: uppercase; font-size: 16px; font-weight: bold; } } @media screen and (max-width: 450px) { .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item { padding-bottom: 5px; } } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item.give_active:after { position: absolute; content: ""; width: 100%; left: 0; background: var(--primary); height: 2px; bottom: -1px; } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item a { font-family: var(--secondary-font); font-size: 20px; color: var(--heading); letter-spacing: 1px; } @media (max-width: 767px) { .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item a { font-size: 16px; } } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item a:after { background-color: var(--primary); left: 0; width: 0; height: 2px; bottom: -1px; position: absolute; content: ""; transition: all 0.2s ease-in-out 0s; } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item a:hover { border: 0; color: var(--primary); } .ova_single_give_form .tab-Location ul.give_nav li.give_nav-item a:hover:after { width: 100%; } .ova_single_give_form .tab-Location .tab-content .wp-block-columns { margin: 45px 0 25px 0; } .ova_single_give_form .tab-Location .tab-content .wp-block-heading { margin: 1em 0; } .ova_single_give_form .tab-Location .tab-content p { margin: 0 0 1.2em; } .ova_single_give_form .ova-give-single-heading { margin: 0 0 12px 0; font-size: 20px; font-weight: 400; } form[id*=give-form] #give-gateway-radio-list > li input[type=radio] { filter: hue-rotate(150deg); } #give_purchase_form_wrap input::placeholder { color: transparent; } .give-btn { transition: 0.3s all ease; padding: 10px 20px; border: 1px solid var(--primary); color: #fff; background-color: var(--primary); border-radius: 4px; text-transform: capitalize; font-weight: 400; font-size: 16px; line-height: 1.3; } .give-btn:hover { transition: 0.3s all ease; background-color: #fff; color: var(--primary); } form[id*=give-form] .give-donation-amount { margin-bottom: 30px; } form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount form[id*=give-form] .give-donation-amount #give-amount-text { font-size: 16px; color: var(--heading); border-radius: 0 4px 4px 0; border-left: none; height: 46px; line-height: 46px; } .give-donor__image { border: none; text-transform: uppercase; font-size: 16px; } .give-donor__timestamp { display: none; } .give-donor__name { font-size: 18px; line-height: 62px; text-transform: capitalize; } .content_give_form { display: flex; flex-wrap: wrap; } @media (max-width: 1200px) { .content_give_form { display: block; } .content_give_form .image_give { width: 100% !important; } .content_give_form .text_give { width: 100% !important; } } /***** Archive Give ********/ .archive_give_donation { display: flex; gap: 30px; } @media (max-width: 1024px) { .archive_give_donation { flex-direction: column; } } .archive_give_donation .summary { width: 100%; } .archive_give_donation .summary .wrap_summary { display: grid; grid-template-columns: 1fr; grid-gap: 30px; } .archive_give_donation .summary .wrap_summary.two_column { grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .archive_give_donation .summary .wrap_summary.two_column { grid-template-columns: auto; } } .archive_give_donation .summary .wrap_summary.three_column { grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 991px) { .archive_give_donation .summary .wrap_summary.three_column { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .archive_give_donation .summary .wrap_summary.three_column { grid-template-columns: auto; } } .archive_give_donation .summary .pagination-wrapper { margin: 0 0 110px 0; } @media (max-width: 1024px) { .archive_give_donation .summary .pagination-wrapper { margin: 0 0 70px 0; } } /***** Fix Form Donation Give ********/ .give-form #give-gateway-radio-list { display: flex; } .give-form #give-gateway-radio-list li { display: flex !important; align-items: center; } .give-form #give-gateway-radio-list li:first-child { margin-right: 20px; } /***** Fix PrettyPhoto Give ********/ .pp_pic_holder .ppt { display: none !important; } .sidebar_give { width: 100%; max-width: 360px; } .sidebar_give h3.widget-title { font-family: var(--primary-font); font-size: 22px; font-weight: 500; margin: 0 0 15px 0; } @media (max-width: 1024px) { .sidebar_give { max-width: 100%; } } #give-sidebar-left { width: 100% !important; position: sticky; position: -webkit-sticky; top: 90px; float: right; } @media (max-width: 1024px) { #give-sidebar-left { position: static; } } #give-sidebar-left .widget { margin-bottom: 30px; padding: 30px; border: 1px solid #f7f7f7; background-color: #fff; border-radius: 20px; } @media (max-width: 460px) { #give-sidebar-left .widget { padding: 30px 20px; } } #give-sidebar-left .widget ul { margin: 0; } #give-sidebar-left .widget ul li { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; margin: 0; padding: 2px 0; border: none; } #give-sidebar-left .widget ul li:before { content: none; } #give-sidebar-left .widget ul li a { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; font-size: 16px; padding: 0 22px; font-weight: 400; } #give-sidebar-left .widget ul li a:before { transition: 0.4s; position: absolute; content: ""; top: 8px; left: 0; width: 7px; height: 7px; border-radius: 50%; background-color: var(--primary); opacity: 1; } #give-sidebar-left .widget ul li a:hover { color: var(--primary); } .rtl #give-sidebar-left .widget ul li a:before { left: unset; right: 0; } /* item give form*/ .ova-item-give { display: grid; grid-template-columns: 1fr; grid-gap: 30px; } .ova-item-give.two_column { grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .ova-item-give.two_column { grid-template-columns: auto; } } .ova-item-give.three_column { grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 1024px) { .ova-item-give.three_column { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .ova-item-give.three_column { grid-template-columns: auto; } } .ova-item-give.four_column { grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1200px) { .ova-item-give.four_column { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1024px) { .ova-item-give.four_column { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .ova-item-give.four_column { grid-template-columns: auto; } } .ova_give_detail { position: relative; overflow: hidden; margin-bottom: 30px; padding: 24px 24px 0 24px; background-color: #fff; border: 1px solid #E7EAEE; border-radius: 20px; height: fit-content; } .ova_give_detail:hover { transition: 0.3s all ease; } .ova_give_detail:hover .image_future .thumbnail:after { opacity: 1; transition: 0.5s all ease; } .ova_give_detail:hover .image_future .thumbnail img { transition: 0.3s all ease; transform: scale(1.05); } .ova_give_detail:hover .image_future .media { transition: all 0.5s ease; opacity: 1; top: 20px; } .ova_give_detail:hover .donate-button { color: #fff; background-color: var(--primary); } .ova_give_detail .post_cat { position: absolute; left: 50%; top: -25px; transform: translateX(-50%); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } .ova_give_detail .post_cat a { transition: all 0.3s ease; font-size: 14px; font-weight: 500; line-height: 1.3; color: #fff; background-color: var(--primary); padding: 10px 20px; border-radius: 4px; } .ova_give_detail .post_cat a:hover { transition: all 0.3s ease; color: var(--primary); background-color: #fff; } .ova_give_detail .image_future { position: relative; overflow: hidden; border-radius: 8px; } .ova_give_detail .image_future .thumbnail:after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; opacity: 0; transition: 0.5s all ease; } @media (max-width: 767px) { .ova_give_detail .image_future .thumbnail:after { opacity: 1; background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15)); } } .ova_give_detail .image_future .thumbnail img { transition: 0.3s all ease; width: 100%; height: 240px; object-fit: cover; display: block; } .ova_give_detail .image_future .media { transition: all 0.5s ease; position: absolute; top: 0; left: 20px; z-index: 1; opacity: 0; } @media (max-width: 767px) { .ova_give_detail .image_future .media { opacity: 1; top: 20px; bottom: 20px; } } .ova_give_detail .image_future .media ul.gallery_archive { display: none; } .ova_give_detail .image_future .media .gallery, .ova_give_detail .image_future .media .video { display: inline-block; color: #fff; font-size: 16px; cursor: pointer; } .ova_give_detail .image_future .media .gallery i, .ova_give_detail .image_future .media .video i { transition: all 0.3s ease; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; color: var(--primary); width: 40px; height: 40px; border-radius: 50%; } .ova_give_detail .image_future .media .gallery i:hover, .ova_give_detail .image_future .media .video i:hover { transition: all 0.3s ease; background-color: var(--primary); color: #fff; } .ova_give_detail .detail_body { transition: 0.3s all ease; position: relative; padding: 30px 0 24px 0; } .ova_give_detail .detail_body .title { margin: 0 0 20px 0; font-size: 24px; font-weight: 500; line-height: 1.3; } .ova_give_detail .detail_body .title a { color: var(--heading); transition: 0.3s all ease; } .ova_give_detail .detail_body .title a:hover { color: var(--primary); transition: 0.3s all ease; } .ova_give_detail .detail_body .desc { margin: 0; } .ova_give_detail .detail_body .donate_remaining { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; } .ova_give_detail .detail_body .donate_remaining .donate { transition: 0.3s all ease; color: #fff; font-weight: 400; font-size: 16px; line-height: 26px; text-transform: uppercase; padding: 10px 20px; border: 1px solid var(--primary); border-radius: 4px; background-color: var(--primary); } .ova_give_detail .detail_body .donate_remaining .donate:hover { transition: 0.3s all ease; color: var(--primary); background-color: #fff; } .ova_give_detail .detail_body .donate_remaining i { display: inline-flex; color: var(--primary); font-size: 21px; } .ova_give_detail .detail_body .raised { display: flex; justify-content: space-between; line-height: 1.5; gap: 8px; } .ova_give_detail .detail_body .raised .income span:first-child, .ova_give_detail .detail_body .raised .goal span:first-child { font-size: 15px; font-weight: 500; color: var(--heading); } .ova_give_detail .donate-button { transition: all 0.3s ease; margin: 0 -24px; padding: 13px; display: flex; justify-content: center; align-items: center; font-size: 12px; line-height: 1.2; font-weight: 600; text-transform: uppercase; color: var(--heading); border-top: 1px solid #E7EAEE; }