Файловый менеджер - Редактировать - /home/tuudkjt/globeasy/wp-includes/ID3/scss.tar
Назад
style.scss 0000777 00000005157 15251553505 0006626 0 ustar 00 /* Theme Name: Tripgo Theme URI: https://themeforest.net/user/ovatheme/portfolio Version: 1.4.0 Description: Tripgo 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. Tripgo 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: tripgo Domain Path: /languages/ */ @import 'utils/variables'; @import 'utils/mixins'; /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 1.1 Typography 2.0 Layout 2.1 Header 2.1.1 Brand 2.1.2 Menu 2.2 Footer 3.0 Blog 3.1 Page 4.0 Widgets 5.0 Table 6.0 Form 7.0 Galleries 8.0 Image 9.0 Embed 10.0 Comment 11.0 Pagination 12.0 Breadcrumbs 13.0 Toup 14.0 Caption 15.0 Block 16.0 Sticky 17.0 404 18.0 WooCommerce 19.0 Elementor --------------------------------------------------------------*/ /* 1.0 Normalize Get from https://github.com/necolas/normalize.css*/ @import 'vendor/normalize'; /*1.1 Font*/ @import 'base/font'; /*1.2 Typography*/ @import 'base/typography'; /*2.0 Layout*/ @import 'base/layout'; /*2.1 Header*/ @import 'base/header'; /*2.1.1 Brand*/ @import 'base/brand'; /*2.1.2 Menu*/ @import 'base/menu'; /*2.2 Footer */ @import 'base/footer'; /*3.0 Blog*/ @import 'base/blog'; /* 3.1 */ @import 'base/page'; /*4.0 Widgets*/ @import 'base/widgets'; /*5.0 Table*/ @import 'base/table'; /*6.0 Form*/ @import 'base/form'; /*7.0 Galleries*/ @import 'base/galleries'; /*8.0 Image*/ @import 'base/img'; /*9.0 Embed*/ @import 'base/embed'; /*10.0 Comment*/ @import 'base/comments'; /*11.0 Pagination*/ @import 'base/pagination'; /*12.0 Breadcrumbs*/ @import 'base/breadcrumbs'; /*13.0 Toup*/ @import 'base/toup'; /*14.0 Caption*/ @import 'base/caption'; /*15.0 Block*/ @import 'base/block'; /*16.0 Sticky*/ @import 'base/sticky'; /*17.0 404*/ @import 'base/404'; /*18.0 WooCommerce*/ @import 'woocommerce'; /*19.0 Elementor*/ @import 'elementor'; /* 20.0 Recent Post Thumbnails Plugin */ @import 'base/recent_post_thumbs_plugin'; utils/_mixins.scss 0000777 00000001072 15251553505 0010264 0 ustar 00 // Transaction @mixin transaction( $propertty, $duration, $timing ){ transition: $propertty $duration $timing; -moz-transition: $propertty $duration $timing; -webkit-transition: $propertty $duration $timing; -o-transition: $propertty $duration $timing; } //Tag - used for a tag @mixin tag(){ background-color: #eeeeee; border: solid 1px #eeeeee; color: var(--text); border-radius: 10px; padding: 5px 15px; @include transaction( all, 0.3s, linear ); &:hover{ background-color: var(--primary); border-color: var(--primary); color: #fff; } } utils/_variables.scss 0000777 00000000725 15251553505 0010731 0 ustar 00 // Layout $desktop: 1024px; $tablet: 768px; $handle: 568px; // Menu $submenu-bg-color: #fff; $line-height-form: 1.5em; // Input $border-radius-input: 5px; $padding-input: 12px 15px; // Button Submit should like Input $border-radius-btn: 5px; $padding-btn: 12px 25px; // Button style use for blog and modern button $border-radius-btn-2: 5px; $padding-btn-2: 12px 25px; // background fields in form $border-field-color: #e0e0e0; $background-field: #ffffff; elementor/_rtl.scss 0000777 00000001057 15251553505 0010413 0 ustar 00 .rtl { .ovartl-bg-center-right { .elementor-widget-wrap { background-position: center right!important; } } .ovartl-bg-overlay-center-left { .elementor-background-overlay { background-position: center left!important; } } .ova-mask-image { -webkit-mask-image: url('assets/img/base/vector1-rtl.png'); mask-image: url('assets/img/base/vector1-rtl.png'); } .ova-testimonial { .slide-testimonials { .slick-dots { justify-content: flex-start; } } } .elementor-widget-image-carousel .swiper-slide { text-align: right; } } elementor/_testimonial-2.scss 0000777 00000010762 15251553505 0012304 0 ustar 00 .elementor-widget-tripgo_elementor_testimonial_2{ .elementor-widget-container{ min-height: 1px; } } .ova-testimonial{ &.version-2{ .owl-stage-outer{ padding: 50px 0; } .owl-carousel.owl-drag{ } .owl-carousel .owl-stage-outer { margin-right: -30px; margin-left: -30px; padding-left: 30px; padding-right: 30px; width: calc(100% + 60px); } .slide-testimonials{ width: 100%; padding-right: 0; .owl-item{ &.active{ box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); background: #FFFFFF; border-radius: 10px; } .item{ padding: 40px; @media(max-width: 479px){ padding: 15px; } .evaluate{ margin: 0; margin-bottom: 40px; } .info-content{ display: flex; justify-content: space-between; align-items: center; @media(max-width: 371px){ display: block; } .client-info{ display: inline-flex; align-items: center; justify-content: center; gap: 20px; @media(max-width: 830px){ flex-direction: unset; } @media(max-width: 479px){ align-items: start; } .client{ @media(max-width: 830px){ margin-bottom: 0px; } img{ width: 60px; height: 60px; } } .name-job{ .name{ margin: 0; } .job{ margin: 0; font-size: 14px; } } } .ova-rating{ justify-content: center; .elementor-star-rating{ font-size: 16px; color: #ccd6df; font-family: eicons; display: inline-block; .elementor-star-full{ &::before{ content: "\e934"; display: block; font-size: inherit; font-family: inherit; position: absolute; color: #FFBF48; top: 0; left: 0; } } i{ display: inline-block; position: relative; font-style: normal; cursor: default; line-height: 100%; vertical-align: middle; font-family: eicons; &::before{ display: block; font-size: inherit; font-family: inherit; position: absolute; overflow: hidden; color: #FFBF48; top: 0; left: 0; } } i.elementor-star-1{ &::before{ content: "\e934"; width: 10%; } } i.elementor-star-2{ &::before{ content: "\e934"; width: 20%; } } i.elementor-star-3{ &::before{ content: "\e934"; width: 30%; } } i.elementor-star-4{ &::before{ content: "\e934"; width: 40%; } } i.elementor-star-5{ &::before{ content: "\e934"; width: 50%; } } i.elementor-star-6{ &::before{ content: "\e934"; width: 60%; } } i.elementor-star-7{ &::before{ content: "\e934"; width: 70%; } } i.elementor-star-8{ &::before{ content: "\e934"; width: 80%; } } i.elementor-star-9{ &::before{ content: "\e934"; width: 90%; } } } } .ova-rating.star_unicode{ .elementor-star-rating{ i.elementor-star-1, i.elementor-star-2, i.elementor-star-3, i.elementor-star-4, i.elementor-star-5, i.elementor-star-6, i.elementor-star-7, i.elementor-star-8, i.elementor-star-9{ &::before{ content: "\002605"; } } .elementor-star-full{ &::before{ content: "\002605"; } } } } } } } .owl-dots{ text-align: center; margin-top: 2px; .owl-dot{ outline: none; span{ width: 17px; height: 8px; margin: 5px; background-color: var(--primary); opacity: 0.2; display: block; -webkit-backface-visibility: visible; transition: all .2s ease; border-radius: 4px; } &.active{ span{ width: 45px; opacity: 1; background-color: var(--primary); } } } } } } } elementor/_icon-list.scss 0000777 00000002053 15251553505 0011510 0 ustar 00 .ova-icon-list { margin: 0 15px; .item { position: relative; display: flex; align-items: center; gap: 20px; border-radius: 7px; padding: 20px 34px; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 60px 0px rgba(253, 76, 92, 0.1); border-left: 2px solid var(--primary); margin-bottom: 20px; @media (max-width: 767px) { padding: 20px; } &:last-child{ margin-bottom: 0; } i, svg { display: inline-flex; font-size: 44px; width: 44px; color: var(--secondary); fill: var(--secondary); } svg { min-width: 32px; } svg { path { fill: var(--secondary); } } .title { margin: 0 0 4px 0; font-size: 20px; line-height: 1.4; } .desc { margin: 0; line-height: 1.4; } } } elementor/_testimonial-6.scss 0000777 00000006036 15251553505 0012307 0 ustar 00 .ova-testimonial-6{ padding: 85px 50px 40px 50px; position: relative; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #fff; .background-img { position: absolute; content: ""; width: 100%; height: 92px; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; } .author { margin-top: 48px; display: flex; align-items: center; gap: 20px; @media screen and (max-width: 480px) { flex-direction: column; text-align: center; } .name { margin: 0; font-size: 24px; line-height: 1; } .job { margin: 0; font-size: 15px; font-weight: 500; line-height: 1; margin-top: 10px; } .rating{ margin-top: 10px; .elementor-star-rating{ display: inline-flex; column-gap: 4px; font-size: 18px; color: #ccd6df; font-family: eicons; .elementor-star-full{ &::before{ content: "\e934"; display: block; font-size: inherit; font-family: inherit; position: absolute; color: #FFBF48; top: 0; left: 0; } } i{ display: inline-block; position: relative; font-style: normal; cursor: default; line-height: 100%; vertical-align: middle; font-family: eicons; &::before{ display: block; font-size: inherit; font-family: inherit; position: absolute; overflow: hidden; color: #FFBF48; top: 0; left: 0; } } i.elementor-star-1{ &::before{ content: "\e934"; width: 10%; } } i.elementor-star-2{ &::before{ content: "\e934"; width: 20%; } } i.elementor-star-3{ &::before{ content: "\e934"; width: 30%; } } i.elementor-star-4{ &::before{ content: "\e934"; width: 40%; } } i.elementor-star-5{ &::before{ content: "\e934"; width: 50%; } } i.elementor-star-6{ &::before{ content: "\e934"; width: 60%; } } i.elementor-star-7{ &::before{ content: "\e934"; width: 70%; } } i.elementor-star-8{ &::before{ content: "\e934"; width: 80%; } } i.elementor-star-9{ &::before{ content: "\e934"; width: 90%; } } } } } .img { position: relative; min-width: 40px; img { display: block; width: 100px; min-width: 100px; height: 100px; border-radius: 50%; object-fit: cover; object-position: center; position: relative; } .icon { position: absolute; z-index: 9; top: -7px; left: -5px; width: 40px; height: 40px; border-radius: 50%; background: var(--secondary); display: inline-flex; justify-content: center; align-items: center; i { color: #fff; font-size: 16px; } svg { fill: #fff; width: 16px; height: 16px; } } } .desc { margin: 0; font-size: 19px; font-weight: 500; border-bottom: 1px solid #e6e8ed; padding-bottom: 30px; } } elementor/_contact-page.scss 0000777 00000002040 15251553505 0012150 0 ustar 00 .ova-contact-page{ position: relative; p { margin: 0; } .text-email{ display: flex; column-gap: 24px; margin-bottom: 24px; @media(max-width: 479px){ flex-flow:column; } .ova-text{ width: 50%; overflow: hidden; @media(max-width: 479px){ width: 100%; margin-bottom: 24px; } } .ova-email{ width: 50%; overflow: hidden; @media(max-width: 479px){ width: 100%; } } input{ width: 100%; border-color: var(--border); padding: 17px 15px; } } .ova-subject{ margin-bottom: 24px; input{ width: 100%; border-color: var(--border); padding: 17px 15px; } } .ova-textarea{ margin-bottom: 30px; textarea{ max-height: 120px; width: 100%; border-color: var(--border); padding: 17px 15px; } } .ova-submit{ button{ padding: 17px 31px; } } } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ border-color: var(--primary); color: var(--primary); } elementor/_icon-box.scss 0000777 00000007352 15251553505 0011334 0 ustar 00 .ova-icon-box{ &:hover{ .iconbox{ @include transaction( all, 0.3s, linear ); .icon{ @include transaction( all, 0.3s, linear ); background-color: var(--primary); box-shadow: 0px 4px 60px rgba(253, 76, 92, 0.7); i{ @include transaction( all, 0.3s, linear ); color: #fff; } } .title{ @include transaction( all, 0.3s, linear ); } .description{ @include transaction( all, 0.3s, linear ); } .button-readmore{ .text-button{ @include transaction( all, 0.3s, linear ); color: var(--secondary); } .icon-button{ i{ @include transaction( all, 0.3s, linear ); color: var(--secondary); } } } } } i{ display: inline-flex; } .iconbox{ @include transaction( all, 0.3s, linear ); display: block; background-color: #fff; padding: 40px 40px 32px; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1); @media(max-width: 1200px){ padding: 40px 30px 32px; } @media(max-width: 400px){ padding: 40px 20px 32px; } .icon{ @include transaction( all, 0.3s, linear ); margin:0 0 32px 0; display: inline-flex; background-color: #3BC1B1; box-shadow: 0px 4px 30px rgba(59, 193, 177, 0.7); width: 60px; height: 60px; border-radius: 50%; justify-content: center; align-items: center; i{ @include transaction( all, 0.3s, linear ); display: inline-flex; font-size: 26px; color: #fff; } } .title{ @include transaction( all, 0.3s, linear ); margin: 0 0 14px 0; font-size: 22px; font-weight: 600; line-height: 1.4; } .description{ @include transaction( all, 0.3s, linear ); margin: 0 0 20px; color: var(--text); } .line-decoration{ @include transaction( all, 0.3s, linear ); width: 100%; height: 1px; background-color: #0000001a; margin: 0 0 20px 0; } .button-readmore{ display: inline-flex; align-items:center; .text-button{ @include transaction( all, 0.3s, linear ); font-weight: 600; color: var(--primary); line-height: 1.5; text-transform: capitalize; margin-right: 5px; } .icon-button{ display: inline-flex; i{ @include transaction( all, 0.3s, linear ); font-size: 14px; line-height: 1; color: var(--primary); } } } } &.template2{ &:hover{ .iconbox{ background-color: var(--primary); box-shadow: 0px 4px 60px rgba(253, 76, 92, 0.3); .wrap-icon{ .icon{ i{ color: #fff; } } .title{ color: #fff; } } .description{ color: #fff; } .line-decoration{ background-color: #fff; } } } .iconbox{ padding: 35px 40px 27px; border: none; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05); @media(max-width: 1200px){ padding: 35px 25px 27px; } .wrap-icon{ display: inline-flex; align-items:center; gap: 30px; .icon{ box-shadow: none; background: none; width: auto; height: auto; i{ font-size: 50px; color: var(--primary); } } .title{ margin: 0; } } .line-decoration{ width: 100%; height: 1px; margin: 30px 0 23px; background-color: #111b191a; } .description{ margin: 0; color: var(--text); } } } &.template3 { &:hover{ .iconbox{ background-color: var(--primary); .title{ color: #fff; } .description{ color: #fff; } } } .iconbox { padding: 28px 28px 12px 28px; text-align: center; .icon { margin: 0 0 20px 0; width: 96px; height: 96px; background-color: #fff2f3; box-shadow: none; i { font-size: 52px; color: var(--primary); } } .title { font-size: 18px; } } } } elementor/_gallery-filter.scss 0000777 00000006651 15251553505 0012541 0 ustar 00 .ova-gallery-filter { .filter-btn-wrapper { list-style-type: none; text-align: center; margin: 0 0 50px 0; padding: 0; li.filter-btn{ font-size: 18px; font-weight: 700; line-height: 23px; text-transform: capitalize; cursor: pointer; display: inline-block; border-radius: 5px; padding: 11px 21px; @include transaction( all, 0.3s, linear ); &.active-category, &:hover{ color: #fff; background: var(--primary); } } } .gallery-column { &.three_column{ .gallery-item{ width: calc( 33.33% - 20px ); @media(max-width: 991px){ width: calc( 50% - 15px ); } @media(max-width: 767px){ width: 100%; } } } &.four_column{ .gallery-item{ width: calc( 25% - 25px ); @media(max-width: 1024px){ width: calc( 33.33% - 20px ); } @media(max-width: 991px){ width: calc( 50% - 15px ); } @media(max-width: 767px){ width: 100%; } } } } .gallery-item { margin-bottom: 50px; &:hover { .gallery-img { img { -webkit-transition: 0.6s; transition: 0.6s; transform: scale(1.05) } .icon { -webkit-transition: 0.7s; transition: 0.7s; transform: translate(-50%,-50%); opacity: 1; visibility: visible; } .mask { -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform: perspective(400px) rotateX(0deg) scale(1); transform: perspective(400px) rotateX(0deg) scale(1); opacity: 0.4; } } } .gallery-img { position: relative; overflow: hidden; img { -webkit-transition: 0.6s; transition: 0.6s; display: block; width: 100%; height: 300px; object-fit: cover; transform: scale(1.001); } .icon { -webkit-transition: 0.7s; transition: 0.7s; position: absolute; z-index: 1; left: 50%; top: 50%; background-color: var(--primary); width: 50px; height: 50px; border-radius: 50%; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; cursor: pointer; &:hover { i { @include transaction( all, 0.3s, ease ); transform: rotate(-90deg); } } i { @include transaction( all, 0.3s, ease ); display: inline-flex; color: #fff; } } .mask { -webkit-transition: 0.6s; transition: 0.6s; position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(26, 26, 61, 0.8); mix-blend-mode: normal; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2); transform: perspective(400px) rotateX(-90deg) scale(0.2); -webkit-transform-origin: top; transform-origin: top; } } .title { margin: 30px 0 8px 0; font-size: 24px; font-weight: 700; line-height: 31px; } .description{ font-weight: 500; margin: 0; line-height: 21px; } } } elementor/_contact-form.scss 0000777 00000003153 15251553505 0012205 0 ustar 00 .ova-contact-form{ display: block; position: relative; background: #fff; padding: 30px; border: 1px solid var(--border); border-radius: 10px; @media(max-width: 479px){ padding: 15px; } .contact-info{ display: flex; justify-content: left; align-items: flex-start; gap: 10px; border-bottom: 1px solid var(--border); padding-bottom: 17px; margin-bottom: 17px; @media(max-width: 350px){ flex-flow: column; } img{ width: 60px; height: 60px; object-fit: cover; border-radius: 100%; @media(max-width: 350px){ margin-bottom: 10px; } } .info{ .label{ margin: 0; line-height: 1; font-size: 16px; font-weight: 700; margin-bottom: 8px; } .description{ display: block; line-height: 1.2; font-size: 14px; font-weight: 400; margin-bottom: 4px; } .phone-address{ display: inline-block; font-size: 16px; font-weight: 700; } } } .button{ @include transaction( all, 0.3s, ease); display: block; background: #FFFFFF; border: 1px solid var(--primary); border-radius: 5px; padding-top: 16px; padding-bottom: 16px; margin-bottom: 14px; text-align: center; &:hover{ @include transaction( all, 0.3s, ease); } i{ @include transaction( all, 0.3s, ease); } span{ @include transaction( all, 0.3s, ease); font-size: 16px; margin-left: 4px; text-transform: capitalize; } } .date{ display: block; color: var(--light); font-size: 14px; font-weight: 400; } .time{ display: block; color: var(--text); font-size: 14px; font-weight: 400; } } elementor/_countdown.scss 0000777 00000001320 15251553505 0011623 0 ustar 00 .ova-countdown { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; .item { display: inline-flex; align-items: flex-end; @media screen and (max-width: 767px) { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 15px; } @media screen and (max-width: 600px) { row-gap: 0px; } .number { line-height: 60px; font-weight: 600; font-size: 85px; @media screen and (max-width: 600px) { font-size: 48px; } } .text { margin-left: 15px; font-weight: 600; font-size: 24px; line-height: 17px; @media screen and (max-width: 767px) { margin-left: 0; } @media screen and (max-width: 600px) { font-size: 18px; } } } } elementor/_road-map.scss 0000777 00000015550 15251553505 0011315 0 ustar 00 .ova-road-map { width: 100%; margin: 0 auto; @media screen and (max-width: 1200px) { padding-left: 40px; } .triangle-topright { position: absolute; width: 0; height: 0; left: -35px; top: 20px; z-index: 9; border-top: 35px solid #fff; border-left: 35px solid transparent; filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.07)); } .triangle-topleft { position: absolute; width: 0; height: 0; right: -35px; top: 20px; z-index: 9; border-top: 35px solid #fff; border-right: 35px solid transparent; filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.07)); } .icon { position: absolute; left: 50%; transform: translateX(-50%); width: 36px; height: 36px; background-color: var(--secondary); border-radius: 50%; display: inline-block; text-align: center; i { font-size: 20px; line-height: 36px; color: #fff; } @media screen and (max-width: 1200px) { left: 40px; } } .road-map-wrapper { padding: 20px 0; .timeline-column { .date { position: absolute; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; color: var(--heading); font-weight: 700; width: 80px; height: 80px; border-radius: 50%; background: #FFFFFF; box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.12); z-index: 99; &.active { color: #fff; background-color: var(--primary); } } .timeline-item-left { display: flex; flex-wrap: nowrap; justify-content: flex-end; position: relative; &:before { position: absolute; content: ""; height: 100%; width: 0; left: 50%; bottom: 0; border-left: 2px solid #1d1b1a1a; @media screen and (max-width: 1200px) { left: 0; } } &:first-child { &:before { height: 130%; } } &:not(:last-child) { padding-bottom: 70px; } &:last-child { &:before { height: 140%; top: 0; } } &:not(:first-child) { &:before { height: 128%; top: 0; } } .timeline-info { width: 50%; position: relative; @media screen and (max-width: 1200px) { width: 100%; } .content-info { position: relative; margin-left: 105px; padding: 10px; background-color: #fff; box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07); @media screen and (max-width: 767px) { margin-left: 80px; } .timeline-content { display: flex; align-items: center; .img { flex-shrink: 0; width: 220px; height: 152px; @media screen and (max-width: 767px) { display: none; } img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } .content { padding: 0 30px; @media screen and (max-width: 767px) { padding: 20px; } .title { margin: 0; font-size: 20px; } .desc { margin: 0; margin-top: 10px; } } } } .date { left: -40px; } } } .timeline-item-right { display: flex; flex-wrap: nowrap; justify-content: flex-start; position: relative; .triangle-topright { visibility: hidden; } @media screen and (max-width: 1200px) { .triangle-topleft { visibility: hidden; } .triangle-topright { visibility: visible; } } &:before { position: absolute; content: ""; height: 100%; width: 0; left: 50%; bottom: 0; border-left: 2px solid #1d1b1a1a; @media screen and (max-width: 1200px) { left: 0; } } &:not(:last-child) { padding-bottom: 70px; } &:last-child { &:before { height: 140%; top: 0; } } .timeline-info { width: 50%; position: relative; @media screen and (max-width: 1200px) { width: 100%; } .content-info { position: relative; padding: 20px; margin-right: 105px; padding: 10px; background-color: #fff; box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07); @media screen and (max-width: 1200px) { margin-right: 0; margin-left: 105px; } @media screen and (max-width: 767px) { margin-left: 80px; } .timeline-content { display: flex; align-items: center; @media screen and (max-width: 1200px) { flex-direction: row-reverse; justify-content: flex-end; } .img { flex-shrink: 0; width: 220px; height: 152px; @media screen and (max-width: 767px) { display: none; } img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } .content { text-align: right; padding: 0 30px; @media screen and (max-width: 1200px) { text-align: left; } @media screen and (max-width: 767px) { padding: 20px; } .title { margin: 0; font-size: 20px; } .desc { margin: 0; margin-top: 10px; } } } } .date { right: -40px; @media screen and (max-width: 1200px) { left: -40px; right: unset; } } } } } } } .rtl { .ova-road-map { .road-map-wrapper { .timeline-column { .timeline-item-left { .timeline-info { .content-info { margin-left: 0; margin-right: 105px; @media screen and (max-width: 1200px) { margin-right: 0; margin-left: 105px; } @media screen and (max-width: 767px) { margin-left: 80px; } } .date { left: unset; right: -40px; @media screen and (max-width: 1200px) { left: -40px; right: unset; } } } } .timeline-item-right { .timeline-info { .content-info { margin-left: 105px; margin-right: 0; @media screen and (max-width: 767px) { margin-left: 80px; } } .date { left: -40px; right: unset; } } } } } } } elementor/_our-team.scss 0000777 00000002676 15251553505 0011353 0 ustar 00 .tripgo-our-team { .team-img, .socials, a { @include transaction( all, 0.3s, linear ); } .item-team { .img { position: relative; overflow: hidden; .team-img { @include transaction( all, 0.3s, linear ); display: block; width: 100%; height: 315px; object-fit: cover; object-position: center; } &:hover { .socials { @include transaction( all, 0.3s, linear ); bottom: 0; opacity: 1; } } } .info { padding-top: 30px; .name { margin: 0; font-size: 20px; a { color: var(--heading); } } .job { margin: 0; margin-top: 3px; } } .socials { position: absolute; margin: 0; padding: 0; bottom: -50px; left: 0; height: 50px; column-gap: 25px; padding-left: 25px; padding-right: 25px; list-style: none; display: inline-flex; justify-content: center; align-items: center; background: var(--primary); opacity: 0; .item { a { color: #fff; &:hover { @include transaction( all, 0.3s, linear ); color: var(--heading); } } } } } &.our-team-version_2 { .item-team { &:hover { .socials { bottom: 20px; } } .img { .team-img { border-radius: 12px; } } .info { text-align: center; .name { font-size: 22px; } } .socials { border-radius: 10px; left: 50%; transform: translateX(-50%); } } } } elementor/_switch-language.scss 0000777 00000002210 15251553505 0012664 0 ustar 00 .switch-languages{ line-height: 1.3; color: #fff; position: relative; &:hover{ .current-language{ .first-icon { transform: rotate(0deg); } i{ @include transaction( all, 0.3s, linear ); transform: rotate(-180deg); } } .dropdown-language{ display: inline-block; .dropdown-item{ &:hover{ @include transaction( all, 0.3s, linear ); color: var(--secondary); } } } } .current-language{ .text{ color: var(--heading); margin-right: 2px; } .first-icon { font-size: 15px; } i{ @include transaction( all, 0.3s, linear ); display: inline-flex; font-size: 10px; color: var(--heading); } } .dropdown-language{ position: absolute; top: 100%; left: 0; display: none; background-color: #fff; border-radius: 5px; padding: 10px; z-index: 999; .dropdown-item{ @include transaction( all, 0.3s, linear ); display: block; color: var(--heading); &:hover{ @include transaction( all, 0.3s, linear ); color: var(--secondary); } } } } // Custom max-width section 1460px .section-max-width-1460{ max-width: 1460px; margin: 0 auto; } elementor/_menu-nav.scss 0000777 00000020705 15251553505 0011341 0 ustar 00 @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%; .ova_closeNav{ display: none; } /* Sub Menu */ .dropdown-menu{ padding: 0px; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; >li{ width: 100%; position: relative; >a{ color: #343434; display: block; text-transform: uppercase; font-weight: 500; font-size: 14px; } } } /* Parent Menu */ ul.menu{ display: flex; list-style: none; margin: 0; padding: 0; >li{ padding: 0px 15px; > a{ color: #343434; font-weight: 500; font-size: 14px; text-transform: uppercase; display: inline-block; } } /* Dropdown arrow */ button.dropdown-toggle{ display: none; &:after{ display: none; } } } } /* Fix Sub Menu Direction */ .sub_menu_dir_left{ .dropdown-menu{ li{ text-align: right; position: relative; &.dropdown{ a{ i{ position: absolute; left: 10px; top: 50%; margin-top: -10px; &:before{ content: "\34"; font-family: "eleganticons"; } } } } /* Menu level 3 */ .dropdown-menu{ position: absolute; left: auto; right: 100%; top: 0; } } } } .sub_menu_dir_right{ .dropdown-menu{ li{ text-align: left; &.dropdown{ a{ i{ position: absolute; right: 10px; top: 50%; margin-top: -10px; &:before{ content: "\35"; font-family: "eleganticons"; } } } } /* Menu level 3 */ .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; &.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: "\35"; font-family: "eleganticons"; } } } } } } >li{ width: 100%; >.dropdown-menu{ left: 100%; top: 0!important; } } } } .ova_nav{ ul.menu{ /* Sub Menu */ .dropdown-menu{ visibility: hidden; display: block; top: 110%; z-index: -1; } >li{ &:hover{ > .dropdown-menu{ display: block; z-index: 9999; webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; visibility: visible; top: 100%; >li:hover{ > .dropdown-menu{ display: block; opacity: 1; z-index: 9999; webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; visibility: visible; top: 0; } } } } } } } } /* Mobile *********************************************************************/ @media( max-width: 1024px ){ /*transition when display nav*/ .ova-wrapp{ transition: margin-left .5s; } .ova_openNav{ display: block; border: none; outline: none; cursor: pointer; &: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); ul.menu{ li { width: 100%; display: block; align-items: center; a{ width: 100%; i{ display: none; } } /* Dropdown arrow */ button.dropdown-toggle{ display: block; position: absolute; top: 3px; right: 10px; background: transparent; border: none; outline: none; } &.active_sub{ >.dropdown-menu{ display: block; } >button.dropdown-toggle{ >i{ &:before{ content: "\32"; font-family: "eleganticons"; } } } } } .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%; } } /* Canvas direction */ &.canvas_left{ left: 0; -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); /* Show/hide Canvas */ &.show{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .ova_closeNav{ display: block; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: #fff; text-align: right; } ul.menu{ align-items: flex-start; text-align: left; /* Dropdown arrow */ button.dropdown-toggle{ right: 10px; } /* level 2 */ .dropdown-menu{ transition: unset; li{ text-align: left; border: none!important; background: transparent!important; clear: both; } /* level 3 */ .dropdown-menu{ padding-left: 15px; } } } } &.canvas_right{ right: 0; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); /* Show/hide Canvas */ &.show{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .ova_closeNav{ display: block; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: #fff; text-align: left; } ul.menu{ align-items: flex-end; text-align: right; /* Dropdown arrow */ button.dropdown-toggle{ left: 10px; } /* level 2 */ .dropdown-menu{ transition: unset; li{ text-align: right; border: none!important; background: transparent!important; } /* level 3 */ .dropdown-menu{ padding-right: 15px; } } } } /* Background Canvas */ &.canvas_bg_gray{ background-color: #343434; ul.menu{ li{ a, .dropdown-toggle{ color: #fff!important; } } } } &.canvas_bg_white{ background-color: #fff; ul.menu{ li{ a, .dropdown-toggle{ color: #343434!important; } } } } /* Always display column in mobile */ 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; } } elementor/_logo.scss 0000777 00000000644 15251553505 0010553 0 ustar 00 .brand_el{ display: flex; .logo_desktop{ display: block; @media( max-width: $desktop - 1 ){ display: none; } } .logo_mobile{ display: none; @media( max-width: $desktop - 1 ){ display: block; } } .logo_sticky{ display: none; } } .header_sticky{ &.active_sticky{ .brand_el{ .logo_desktop, .logo_mobile{ display: none; } .logo_sticky{ display: block; } } } } elementor/_gallery-slide.scss 0000777 00000007031 15251553505 0012345 0 ustar 00 .ova-gallery-slide { .gallery-slide-img { position: relative; overflow: hidden; &:hover { img { transition: all 0.4s ease-out 0s; transform: scale(1.05); } .info-wrapper { transition: all 0.4s ease-out 0s; } } .gallery-img { position: relative; overflow: hidden; } .overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(216, 34, 33, 0.1) 100%); cursor: pointer; } img { transition: all 0.4s ease-out 0s; display: block; width: 100%; height: 480px; object-fit: cover; @media (max-width: 1024px) { height: 380px; } } .info-wrapper { transition: all .4s ease; position: absolute; bottom: 35px; left: 30px; width: calc(100% - 60px); display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap: 20px; z-index: 1; } .info { width: 100%; a { &:hover { .title { color: var(--primary); } } } .title { margin: 7px 0 0 0; font-size: 27px; line-height: 1.2; color: #fff; } .category { font-size: 15px; font-weight: 500; line-height: 1.2; color: #fff; } } .view-detail { -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; display: inline-flex; justify-content: center; align-items: center; min-width: 54px; width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; i { -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; display: inline-flex; font-size: 22px; transform: rotate(-45deg); } &:hover { transition: all .3s ease; background-color: var(--primary); border: 1px solid var(--primary); } } } &.template2 { .gallery-slide-img { &:hover { .overlay { opacity: 1; } .info-wrapper { bottom: 160px; opacity: 1; visibility: visible; } } .overlay { background: rgb(26, 26, 61, 0.75); opacity: 0; @media (max-width: 767px) { opacity: 1; } } .info-wrapper { flex-direction: column; text-align: center; opacity: 0; visibility: hidden; @media (max-width: 767px) { bottom: 100px; opacity: 1; visibility: visible; } } .info { .title { font-size: 24px; margin-bottom: 10px; } .category { } } } } .owl-dots { text-align: center; margin-top: 50px; .owl-dot{ display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 2px; width: 21px; padding: 0; background: transparent; border-color: transparent; height: 21px; span{ width: 5px; height: 5px; background: var(--heading); display: block; border-radius: inherit; -webkit-backface-visibility: visible; transition: opacity .2s ease; } &.active{ border: 1px solid var(--primary); span{ opacity: 1; background: var(--primary); } } } } } elementor/_blog-grid.scss 0000777 00000014642 15251553505 0011464 0 ustar 00 .ova-blog{ list-style-type: none; padding: 0; margin: 0; display: grid; gap: 24px; &.columns2{ grid-template-columns: 1fr 1fr; @media(max-width: 767px){ grid-template-columns: 1fr; } } &.columns3{ grid-template-columns: 1fr 1fr 1fr; @media(max-width: 1024px){ grid-template-columns: 1fr 1fr; } @media(max-width: 767px){ grid-template-columns: 1fr; } } &.columns4{ grid-template-columns: 1fr 1fr 1fr 1fr; @media(max-width: 1400px){ grid-template-columns: 1fr 1fr 1fr; } @media(max-width: 1024px){ grid-template-columns: 1fr 1fr; } @media(max-width: 767px){ grid-template-columns: 1fr; } } .media{ img{ width: 100%; object-fit: cover; } } .item{ background: #FFFFFF; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); border-radius: 10px; &:hover{ .media{ a{ img{ @include transaction( all, 0.5s, ease); transform: scale(1.1); } } } } // Video, Media .media{ border-radius: 10px 10px 0px 0px; position: relative; overflow: hidden; a{ display: flex; img{ @include transaction( all, 0.5s, ease); height: 282px; width: 100%; object-fit: cover; transform: scale(1.001); } } } .ova-content{ padding: 30px 21px; // Meta .post-meta{ list-style-type: none; padding: 0; margin: 0 0 23px 0; display: flex; justify-content: flex-start; gap:24px; .item-meta{ margin: 0; line-height: 1; display: flex; justify-content: center; align-items: center; gap: 8px; .left{ opacity: 0.6; color: var(--light); } .right{ font-size: 14px; font-weight: 400; line-height: 1.2; color: var(--light); a{ @include transaction( all, 0.3s, ease); color: var(--light); } } &.wp-author{ .post-author{ &:hover{ a{ @include transaction( all, 0.3s, ease); color: var(--primary) ; } } } } i{ font-size: 20px; } } } // Title .post-title{ margin: 0 0 20px 0; a{ @include transaction( all, 0.3s, ease); font-size: 24px; font-weight: 700; color: var(--heading); text-transform: capitalize; &:hover{ @include transaction( all, 0.3s, ease); color: var(--primary); } } } // Short Description .short_desc{ margin: 0 0 15px 0; padding: 0; p{ margin: 0px; } } // Read More .read-more{ @include transaction( all, 0.3s, ease); color: var(--primary); display: inline-flex; justify-content: start; align-items: center; column-gap: 5px; font-weight: 600; &:hover{ @include transaction( all, 0.3s, ease); color: var(--heading); } } } } &.template2{ .item{ border-radius: 0; background: none; box-shadow: none; .media{ border-radius: 0; img{ height: 320px; } } } .ova-content{ position: relative; padding: 40px 40px 32px; margin: -80px 20px 0; z-index: 2; background-color: #fff; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07); @media( max-width: 1250px ){ margin: 0; padding: 40px 30px 32px; } @media( max-width: 767px ){ padding: 40px 20px 32px; } .post-meta{ margin: 0 0 20px 0; .item-meta{ flex-wrap:wrap; .left{ padding: 0 6px 0 0; opacity: 1; i{ font-size: 24px; color: #999999; } } } } .post-title{ line-height: 0; margin: 0 0 11px 0; a{ font-size: 20px; line-height: 1.4; } } .short_desc{ margin: 0 0 23px 0; } } } &.template3{ .item{ border-radius: 0; background: none; box-shadow: none; position: relative; &:hover{ .ova-content{ .post-title{ a{ text-decoration: underline; } } } } .media{ border-radius: 0; img{ height: 430px; @media( max-width: 767px ){ height: 380px; } } .overlay{ position: absolute; top: 0; bottom: 0; width: 100%; background: linear-gradient(180deg, rgba(17, 27, 25, 0) 33.95%, rgba(0, 0, 0, 0.9) 100%); } } .ova-content{ position: absolute; bottom: 0; padding: 40px 30px 27px; z-index: 2; .post-meta{ margin: 0 0 10px 0; .item-meta{ flex-wrap:wrap; .left{ opacity: 1; padding: 0 6px 0 0; i{ font-size: 24px; color: #fff; } } .right{ color: #fff; a{ color: #fff; } } } } .post-title{ line-height: 0; margin: 0 0 10px 0; a{ font-size: 22px; line-height: 1.4; color: #fff; &:hover{ color: var(--primary); } } } .short_desc{ margin: 0 0 23px 0; color: #fff; } .read-more{ color: #FFC83E; &:hover{ color: var(--secondary); } } } } } &.template4{ grid-template-columns: 1fr 1fr; @media( max-width: 1300px ){ grid-template-columns: 1fr; } .item{ border-radius: 0; background: none; box-shadow: none; display: flex; @media( max-width: 767px ){ flex-direction:column; height: fit-content; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07); } &.no-thumbnail { .ova-content { flex-basis: 100%; } } .media{ flex-basis: 50%; border-radius: 0; height: 100%; } .ova-content{ display: flex; flex-direction: column; justify-content: center; flex-basis: 50%; padding: 30px; background-color: #fff; @media( max-width: 767px ){ flex-basis: auto; } .post-meta{ flex-wrap: wrap; margin: 0 0 10px 0; .item-meta{ flex-wrap:wrap; .left{ opacity: 1; padding: 0 6px 0 0; i{ font-size: 24px; color: var(--heading); } } .right{ color: var(--heading); a{ color: var(--heading); } } } } .post-title{ line-height: 0; margin: 0 0 16px 0; a{ font-size: 22px; line-height: 1.3; } } .short_desc{ margin: 0 0 21px 0; } .read-more{ color: var(--heading); width: fit-content; &:hover{ color: var(--secondary); } } } } } } elementor/_testimonial.scss 0000777 00000010244 15251553505 0012140 0 ustar 00 .elementor-widget-tripgo_elementor_testimonial{ .elementor-widget-container{ min-height: 1px; } } .ova-testimonial{ display: block; align-items: center; position: relative; @media (max-width: 830px) { grid-template-columns: 15% 85%; align-items: flex-start; } @media (max-width: 520px) { grid-template-columns: 0% 100%; } .info{ .sub-title { display: inline-block; font-weight: 500; font-size: 18px; line-height: 1.2; color: var(--primary); position: relative; } .title { margin: 0 0 35px 0; font-weight: 700; font-size: 50px; line-height: 1.2; color: var(--heading); @media (max-width: 520px) { margin: 0 0 10px 0; } } } .slide-for { width: 120px; float: left; @media (max-width: 520px) { width: 80px; } .slick-track { display: inline-block; margin: 0 0 5px 0; width: auto !important; .slick-slide{ float: unset; width: 100%; } } .slick-active { opacity: 1 !important; } .slick-current { .small-img { img { border: 3px solid #fff; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); opacity: 1; @include transaction( all, 0.3s, ease); } } } .small-img { position: relative; overflow: hidden; width: auto !important; img{ border-radius: 50%; border: 3px solid #fff; transform: scale(1); display: block; width: 76px; height: 76px; object-fit: cover; border-radius: 50%; opacity: 0.4; @include transaction( all, 0.3s, ease); @media (max-width: 1100px) { width: 60px; height: 60px; } } } } .slide-testimonials{ .client-info{ display: flex; align-items: start ; justify-content: space-between; @media (max-width: 830px) { flex-direction: column; } .client{ position: relative; border-radius: 50%; @media (max-width: 830px) { margin-bottom: 40px; } img{ display: block; width: 154px; height: 154px; object-fit: cover; border-radius: 50%; } .icon { position: absolute; right: -39px; top: 50%; border-radius: 50%; transform: translateY(-50%); width: 78px; height: 78px; display: inline-flex; justify-content: center; align-items: center ; background-color: var(--secondary); @media (max-width: 520px) { right: 0; } i { font-size: 25px; color: #fff; display: inline-flex; } } } .info { flex: 0 0 100%; position: relative; .icon{ position: absolute; bottom: 0; right: 0; i{ font-size: 60px; color: var(--primary); } } p.ova-evaluate{ margin: 0; font-size: 20px; color: var(--text); padding-bottom: 23px; line-height: 1.667; font-weight: 400; } .name-job{ display: block; display: flex; align-items: center; justify-content: flex-start; column-gap: 25px; .quote{ i{ font-size: 60px; color: var(--primary); } } .name{ margin: 0; font-size: 16px; line-height: 1.2; font-weight: 700; color: var(--heading); letter-spacing: 0.2px; padding-bottom: 13px; } .job{ margin: 0; font-size: 14px; line-height: 1.2; text-transform: capitalize; color: var(--text); } } } } .slick-dots { display: flex; justify-content: flex-end; list-style-type: none; gap: 10px; li { margin: 0; width: auto; height: auto; } button { display: block; width: 17px; height: 8px; padding: 0; background-color: var(--primary); opacity: 0.2; border-radius: 4px; border: none; text-indent: -9999px; } li.slick-active button { width: 45px; opacity: 1; } } } } elementor/_testimonial-3.scss 0000777 00000006356 15251553505 0012311 0 ustar 00 .elementor-widget-tripgo_elementor_testimonial_3{ .elementor-widget-container{ min-height: 1px; } } .ova-testimonial{ &.version-3{ .owl-stage-outer{ padding: 0px; padding-bottom: 60px; } .owl-carousel.owl-drag{ } .owl-carousel .owl-stage-outer { margin-right: -30px; margin-left: -30px; padding-left: 30px; padding-right: 30px; width: calc(100% + 60px); } .slide-testimonials{ width: 100%; padding-right: 0; .owl-item{ &.active{ box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); background: #FFFFFF; border-radius: 10px; .item{ .quote{ display: block; position: absolute; right: 20px; bottom: 20px; font-size: 147px; i{ color: var(--primary); opacity: 0.05; } } .line1{ opacity: 1; @include transaction( all, .3s, ease); } .line2{ opacity: 1; @include transaction( all, .6s, ease); } } } .item{ position: relative; padding: 60px 80px; @media(max-width: 500px){ padding: 15px 30px; } .evaluate{ margin: 0; margin-bottom: 40px; } .info-content{ display: flex; justify-content: center; align-items: center; @media(max-width: 371px){ display: block; } .client-info{ display: inline-flex; align-items: center; justify-content: center; gap: 20px; @media(max-width: 830px){ flex-direction: unset; } @media(max-width: 479px){ align-items: start; } .client{ @media(max-width: 830px){ margin-bottom: 0; } img{ width: 70px; height: 70px; } } .name-job{ .name{ margin: 0; font-size: 20px; font-weight: 700; } .job{ margin: 0; font-size: 14px; } } } } .quote{ display: none; } .line1{ opacity: 0; @include transaction( all, .3s, ease); content: ''; width: calc(100% - 40px); height: 15px; position: absolute; top: 100%; left: 20px; background: #FFFFFF; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); border-radius: 0px 0px 10px 10px; } .line2{ opacity: 0; @include transaction( all, .6s, ease); content: ''; width: calc(100% - 80px); height: 15px; position: absolute; top: calc(100% + 15px); left: 40px; background: #FFFFFF; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); border-radius: 0px 0px 10px 10px; } } } .owl-dots{ text-align: center; margin-top: 2px; .owl-dot{ outline: none; span{ width: 10px; height: 10px; margin: 9px; background-color: var(--primary); opacity: 0.2; display: block; -webkit-backface-visibility: visible; transition: all .2s ease; border-radius: 50%; } &.active{ span{ opacity: 1; background-color: var(--primary); } } } } } } } elementor/_my-account-button.scss 0000777 00000001365 15251553505 0013204 0 ustar 00 .ova-my-account-button { display: inline-flex; align-items: center; gap: 7px; img { border-radius: 50% !important; } a { transition: all .3s ease; color: var(--heading); font-weight: 600; line-height: 1.2; &:hover { transition: all .3s ease; color: var(--primary); } &.ma-button { border-radius: 5px; padding: 12px 30px; border: 1px solid transparent; @media (max-width: 1300px) { font-size: 15px; padding: 10px 25px; } &:hover { border: 1px solid var(--primary); } &.singup-button { color: #fff; background-color: var(--primary); &:hover { color: var(--primary); background-color: transparent; } } } } } elementor/_mc4wp.scss 0000777 00000006146 15251553505 0010650 0 ustar 00 .ova-mc4wp-form{ position: relative; max-width: 435px; .email { display: flex; align-items: center; width: 100%; @media (max-width: 400px) { margin-bottom: 16px; } input{ font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.2; color: var(--text); width: 100%; box-shadow: 0px 10px 40px rgba(255, 176, 158, 0.12); border-radius: 5px; padding: 20.5px 45% 20.5px 20.5px; letter-spacing: 0.3px; caret-color: var(--primary); border: none; &::placeholder { font-weight: 400; color: var(--light); opacity: 1; } @media (max-width: 400px) { padding: 20px; } } } .submit{ position: absolute; right: 0%; top: 50%; transform: translate(-8px, -50%); @media (max-width: 400px) { position: static; transform: translate(0,0); } button{ transition: all .3s ease; padding: 10px 32px; border-radius: 5px; span{ font-size: 16px; color: #fff; font-weight: 600; text-transform: capitalize; line-height: 1.2; } &:hover{ transition: all .3s ease; background-color: var(--secondary-hover); border-color: var(--secondary-hover) ; } @media (max-width: 400px) { width: 100%; padding: 16px 32px; } } } } .ova-mc4wp-form-template2 { .ova-mc4wp-form { max-width: 100%; .email { input { border-radius: 0; } } .submit { transform: translate(0px,-50%); height: 100%; @media (max-width: 400px) { position: static; transform: translate(0,0); } button { padding: 16px 32px; border-radius: 0; border: 1px solid var(--secondary); background-color: var(--secondary); &:hover { border: 1px solid var(--primary); background-color: var(--primary); } } } } } // message error .mc4wp-response{ p{ color: #fff; margin: 15px 0px !important; a { color: var(--primary) !important; } } } .mc4wp_blog_sidebar { .ova-mc4wp-form { max-width: 600px; margin: 0 auto; .email { margin-bottom: 16px; input { padding: 20px; } } .submit { position: static; transform: translate(0,0); button { width: 100%; padding: 16px 32px; } } } } elementor/_tabs.scss 0000777 00000001101 15251553505 0010531 0 ustar 00 .elementor-widget-tabs { .elementor-tabs { .elementor-tabs-content-wrapper { > .elementor-tab-mobile-title { &:before { font-size: 14px; float: right; content: "\f199"; font-family: ovaicon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } &.elementor-active { &:before { content: "\f19b"; } } } } } } elementor/_menu-cart.scss 0000777 00000004344 15251553505 0011507 0 ustar 00 .ova-menu-cart { position: relative; line-height: 1; .cart-total{ cursor: pointer; display: inline-flex; align-items: center; i{ display: inline-flex; font-size: 24px; margin-right: 2px; } .items{ display: inline-flex; justify-content: center; align-items: center; color: #fff; background-color: #FF6159; width: 22px; height: 22px; border-radius: 50%; font-size: 0.9em; line-height: 1; margin-top: -15px; } } .minicart{ transition: all .5s ease; position: absolute; right: 0; top: 0; width: 280px; color: #000; background-color: #fff; font-size: 14px; line-height: 1.2; padding: 1.5em 1em; visibility: hidden; opacity: 0; display: block; box-shadow: 0 0 10px 2px rgba(0,0,0,0.1); p{ &.woocommerce-mini-cart__buttons { margin:0; display: flex; gap: 10px; justify-content: space-between; clear: both; a { transition: all .3s ease; width: 100%; color: #fff; text-align: center; background-color: var(--primary); border-radius: 0; border: 1px solid var(--primary); &:hover { transition: all .3s ease; background-color: transparent; color: var(--primary); } } } &.woocommerce-mini-cart__empty-message { margin: 0; } } ul.woocommerce-mini-cart{ list-style: none; padding: 0; margin: 0; li{ &:after { content: ""; clear: both; display: table; } a{ display: inline; padding: 0; text-transform: capitalize; font-weight: 500; &.remove{ padding: 0 5px 0 0; background-color: transparent; font-size: 1em; width: 1em; height: 1em; &:hover{ background-color: transparent; color: var(--primary-hover); } } } img{ width: 90px; float: right; margin-bottom: 20px; } dl.variation{ display: none; } } } } &:hover{ .minicart{ transition: all .5s ease; z-index: 9999; top: 32px; visibility: visible; opacity: 1; } } } elementor/_menu-canvas.scss 0000777 00000007754 15251553505 0012041 0 ustar 00 /*Hide in desktop*/ .menu-canvas{ .menu-toggle{ display: block; z-index: 999; padding: 0px; width: 25px; height: 25px; border: none; background-color: transparent; &:before, &:after, span:before { width: 25px; left: 0px; background-color: var(--primary); } &:before { transform: translateY(-7px); } &:after { transform: translateY(7px); } } .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; @include transaction( transform, 0.3s, ease); .close-menu{ padding-top: 0px; color: #fff; font-size: 1em; z-index: 999; cursor: pointer; text-align: right; } &.dir_left{ left: 0; -webkit-transform: translate3d(-290px, 0, 0); transform: translate3d(-290px, 0, 0); } &.dir_right{ right: 0; -webkit-transform: translate3d(290px, 0, 0); transform: translate3d(290px, 0, 0); } .menu-button { margin-top: 40px; text-align: center; .explore { @include transaction( all, 0.3s, ease); display: inline-flex; font-size: 16px; line-height: 1.2; font-weight: 600; color: #fff; background-color: var(--primary); border-radius: 5px; padding: 12px 32px; &:hover { @include transaction( all, 0.3s, ease); background-color: var(--secondary); } } } } .site-overlay{ width: 100%; height: 100%; top: 0; left: 0; bottom: 0; background-color: #000; opacity: 0; visibility: hidden; position: fixed; z-index: 998; } &.toggled{ .menu-toggle{ &:before, &:after, span:before { background-color: #fff!important; } } .container-menu{ transform: none; -webkit-transform: none; } .site-overlay{ opacity: 0.8; visibility: visible; @include transaction( opacity, 0.2s, ease); } } /*Style Menu*/ .menu { clear: both; } ul { list-style: none; &.menu { margin: 0; padding: 0; ul { max-height: 0; overflow: hidden; transition: all ease 0.4s; margin: 0 0px 0 15px; padding: 0; &.show { max-height: 999px; } } } li { display: inline-block; position: relative; text-align: left; display: block; a { color: #fff; padding: 0.6180469716em 0; display: block; border-bottom: 1px solid #333; &:hover { opacity: 0.7; } } } } .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; &::after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } &:focus { outline: none; } &:hover { background: transparent; } &.toggled-on { &:after { content: "\f10c"; font-family: "ovaicon"; } } } } elementor/_video.scss 0000777 00000006364 15251553505 0010726 0 ustar 00 .ova-video { .icon-content-view{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; &.video_active { cursor: pointer; } .content { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; width: 90px; height: 90px; min-width: 64px; min-height: 64px; background: #fff; border-radius: 50%; margin-right: 16px; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: 0px 21px 30px 0px rgba(0, 0, 0, 0.1); i { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 23px; z-index: 1; color: var(--primary); border-radius: 50%; } svg { width: 23px; height: 23px; fill: var(--primary); path { fill: var(--primary); } } &:after { position: absolute; content: ""; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); width: 180%; height: 180%; border: 2px dashed var(--border); -webkit-animation: lineScale 2.5s linear infinite; -moz-animation: lineScale 2.5s linear infinite; animation: lineScale 2.5s linear infinite; } &:hover { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } } .ova-text { margin: 0; font-weight: 700; font-size: 16px; line-height: 1.4; color: var(--heading); a { color: var(--heading); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } } } .modal-container { display: none; background-color: rgba( 0, 0, 0, .2 ); align-items: center; justify-content: center; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 10; .modal { width: 900px; height: 500px; position: relative; @media screen and (max-width: 900px) { width: 768px; height: 450px; } @media screen and (max-width: 788px) { width: 600px; height: 350px; } @media screen and (max-width: 620px) { width: 400px; height: 250px; } @media screen and (max-width: 420px) { width: 320px; height: 200px; } @media screen and (max-width: 330px) { width: 300px; height: 180px; } i { position: absolute; right: -10px; top: -35px; padding: 10px; cursor: pointer; font-size: 12px; color: #fff; font-weight: 600; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; &:hover { color: #000; } } .modal-video { width: 100%; height: 100%; } } } @keyframes lineScale { 50% { -webkit-transform: translate(-50%, -50%) scale(1.5); -moz-animation: translate(-50%, -50%)scale(1.5); transform: translate(-50%, -50%) scale(1.5); } 50% { -webkit-transform: translate(-50%, -50%) scale(0.35); -moz-animation: translate(-50%, -50%)scale(0.35); transform: translate(-50%, -50%) scale(0.35); } } } elementor/_share-buttons.scss 0000777 00000002227 15251553505 0012410 0 ustar 00 .ova-share-buttons { display: inline-flex; width: 100%; .share-item { display: block; margin-bottom: 10px; .share-btn { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; overflow: hidden; font-size: 16px; cursor: pointer; border-radius: 99.9em; color: #FFFFFF; background-color: var(--primary); background-image: linear-gradient(90deg,rgba(0,0,0,.12),transparent); @include transaction( all, .3s, ease ); i { line-height: 1; } &:hover { filter: saturate(1.5) brightness(1.5); } } &:not(:last-child) { margin-right: 10px; } } &.share-grid { display: grid; grid-column-gap: 10px; grid-row-gap: 10px; .share-item { margin: 0; .share-btn { width: 100%; border-radius: 99.9em; } } &.column_2 { grid-template-columns: repeat(2,1fr); } &.column_3 { grid-template-columns: repeat(3,1fr); } &.column_4 { grid-template-columns: repeat(4,1fr); } &.column_5 { grid-template-columns: repeat(5,1fr); } &.column_6 { grid-template-columns: repeat(6,1fr); } } } elementor/_image-gallery.scss 0000777 00000002046 15251553505 0012330 0 ustar 00 .ova-image-gallery{ .title{ font-size: 16px; font-weight: 500; line-height: 1.5; margin: 0 0 36px 0; } .ova-image-gallery-ft{ display: inline-grid; gap:10px; &.two_column{ grid-template-columns: 1fr 1fr ; } &.three_column{ grid-template-columns: 1fr 1fr 1fr; } &.four_column{ grid-template-columns: 1fr 1fr 1fr 1fr; } .item-fancybox-ft{ display: inline-flex; position: relative; img{ width: 75px; height: 75px; overflow: hidden; object-fit: cover; } .overlay{ @include transaction( all, 0.3s, linear ); width: 100%; height: 100%; background-color: var(--primary); position: absolute; opacity: 0; .icon{ display: inline-flex; position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); i{ font-size: 20px; display: inherit; } } } &:hover{ cursor: pointer; .overlay{ @include transaction( all, 0.3s, linear ); opacity: 0.85; } } } } } elementor/_counter.scss 0000777 00000002736 15251553505 0011276 0 ustar 00 .ova-counter { @include transaction(all, 0.3s, ease); text-align: left; background-color: var(--secondary); &:hover { @include transaction(all, 0.3s, ease); .title, .odometer, .suffix { @include transaction(all, 0.3s, ease); } .icon { @include transaction(all, 0.3s, ease); transform: scale(1.1); } } .icon { @include transaction(all, 0.3s, ease); display: inline-flex; justify-content: center; align-items: center; width: 86px; height: 95px; background-color: rgba(253, 76, 92, 0.15); border-radius: 4px; font-size: 48px; color: #fff; margin-bottom: 26px; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); transform: scale(1); i { display: inline-flex; } } .odometer-wrapper { display: inline-flex; align-items: center; } .odometer { @include transaction(all, 0.3s, ease); font-size: 60px; font-weight: 700; color: #fff; line-height: 1.2; letter-spacing: -0.5px; &.odometer-auto-theme, .odometer-value { line-height: 1; } } .suffix { @include transaction(all, 0.3s, ease); font-size: 60px; font-weight: 700; color: #fff; } .title { @include transaction(all, 0.3s, ease); margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: rgba(255,255,255, 0.7); } } elementor/_contact-info.scss 0000777 00000002005 15251553505 0012170 0 ustar 00 .ova-contact-info{ display: flex; align-items: center; gap: 12px; .icon{ color: var(--text); font-size: 16px; margin-top: 10px; svg{ width: 16px; height: auto; fill: var(--text); path { fill: var(--text); } } i{ display:flex; } } .contact{ .label{ font-size: 24px; margin: 0 0px 10px 0px; padding: 0; font-weight: 600; line-height: 1.2em; } .info{ list-style-type: none; padding: 0; margin: 0; .item{ color: var(--text); a{ color: var(--text); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; &:before{ position: absolute; content: ''; width: 0%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; background-color: var(--primary); } &:hover{ color: var(--primary); &:before{ width: 100%; } } } } } } } elementor/_custom-animations.scss 0000777 00000027156 15251553505 0013274 0 ustar 00 /* 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: .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: .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: .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: .8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } elementor/_menu-footer.scss 0000777 00000001047 15251553505 0012051 0 ustar 00 .ova-menu-footer { .menu { list-style-type: none; margin: 0; padding: 0; a { text-decoration: none; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; &:before{ position: absolute; content: ''; width: 0%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; background-color: var(--primary); } &:hover{ &:before{ width: 100%; } } } .sub-menu { list-style: none; } } } elementor/_testimonial-5.scss 0000777 00000005422 15251553505 0012304 0 ustar 00 .ova-testimonial-5{ padding: 43px 45px 35px; background-color: #fff; border-radius: 10px; border-bottom: 6px solid #DEE0E7; box-shadow: 0px -5px 15px rgba(43, 89, 255, 0.04); @media(max-width: 1149px){ border-color: var(--primary); } &.active { border-bottom-color: var(--primary); } .wrap-evaluate{ display: flex; flex-wrap: wrap; justify-content:space-between; .evaluate{ .text{ font-weight: 600; color: var(--heading); margin: 0 0 6px 0; } .rating{ .elementor-star-rating{ display: inline-flex; font-size: 16px; color: #ccd6df; font-family: eicons; .elementor-star-full{ &::before{ content: "\e934"; display: block; font-size: inherit; font-family: inherit; position: absolute; color: #FFBF48; top: 0; left: 0; } } i{ display: inline-block; position: relative; font-style: normal; cursor: default; line-height: 100%; vertical-align: middle; font-family: eicons; &::before{ display: block; font-size: inherit; font-family: inherit; position: absolute; overflow: hidden; color: #FFBF48; top: 0; left: 0; } } i.elementor-star-1{ &::before{ content: "\e934"; width: 10%; } } i.elementor-star-2{ &::before{ content: "\e934"; width: 20%; } } i.elementor-star-3{ &::before{ content: "\e934"; width: 30%; } } i.elementor-star-4{ &::before{ content: "\e934"; width: 40%; } } i.elementor-star-5{ &::before{ content: "\e934"; width: 50%; } } i.elementor-star-6{ &::before{ content: "\e934"; width: 60%; } } i.elementor-star-7{ &::before{ content: "\e934"; width: 70%; } } i.elementor-star-8{ &::before{ content: "\e934"; width: 80%; } } i.elementor-star-9{ &::before{ content: "\e934"; width: 90%; } } } } } .quote{ margin: -2px 0 0 0; i{ font-size: 64px; display: inline-flex; color: var(--primary); } } } .content{ color: var(--heading); margin: 25px 0 43px 0; } .info{ display: inline-flex; align-items:center; .author-image{ margin: 0 20px 0 0; img{ width: 60px; min-width: 60px; height: 60px; border-radius: 50%; object-fit: cover; } } .name-job{ .name{ font-weight: 700; color: #000B33; line-height: 1.3; margin: 0 0 10px 0; } .job{ font-size: 14px; font-weight: 400; line-height: 1.6; } } } p{ margin: 0; } } elementor/_progress.scss 0000777 00000002415 15251553505 0011455 0 ustar 00 .ova-progress { width: 100%; .ova-progress-title{ margin: 0; color: var(--text); margin-bottom: 15px; margin-bottom: 15px; font-size: 16px; font-weight: 700; } .ctyl-progress-title { margin: 0; margin-bottom: 5px; font-weight: 500; font-size: 16px; line-height: 24px; color: var(--text); } .ova-percent-view { height: 13px; width: 100%; background-color: var(--border); border-radius: 8px; overflow: visible; position: relative; .ova-percent { height: 100%; float: left; border-radius: 8px; background-color: var(--secondary); } .percentage { position: absolute; color: #fff; top: -40px; right: 0%; display: none; font-size: 16px; line-height: 24px; font-weight: 700; color: var(--light); } } .ova-notes { display: flex; margin-top: 18px; width: 100%; .item-note { position: relative; margin-left: 10%; .note-text { font-size: 14px; line-height: 21px; color: #fff; } &:first-child { margin-left: 0; } &:last-child { margin-left: 19%; } &:before { content: ""; width: 1px; height: 35px; position: absolute; top: -32px; left: 50%; border-left: 1px solid #414073; } } } } elementor/_counter-list.scss 0000777 00000004557 15251553505 0012252 0 ustar 00 .ova-counter-list-wrapper { display: grid; gap: 30px; &.two_column { grid-template-columns: 1fr 1fr; @media (max-width: 767px) { grid-template-columns: auto; } } &.three_column { grid-template-columns: 1fr 1fr 1fr; } &.four_column { grid-template-columns: 1fr 1fr 1fr 1fr; @media (max-width: 1200px) { grid-template-columns: 1fr 1fr 1fr; } } &.three_column, &.four_column { @media (max-width: 1024px) { grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { grid-template-columns: auto; } } } .ova-counter-list { @include transaction(all, 0.3s, ease); padding: 40px; background-color: #F2FBFA; @media (max-width: 767px) { text-align: center; } &:hover { @include transaction(all, 0.3s, ease); background-color: var(--secondary); .title, .odometer, .suffix { @include transaction(all, 0.3s, ease); color: #fff; } .icon { @include transaction(all, 0.3s, ease); transform: scale(1.1); background-color: rgba(255,255,255,0.2); } } &.columns-offsets { &:nth-child(odd) { position: relative; top: -30px; @media (max-width: 767px) { top: 0; } } } .icon { @include transaction(all, 0.3s, ease); display: inline-flex; justify-content: center; align-items: center; width: 66px; height: 75px; background-color: var(--secondary); border-radius: 4px; font-size: 38px; color: #fff; margin-bottom: 26px; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); transform: scale(1); i { display: inline-flex; } } .odometer-wrapper { display: inline-flex; align-items: center; } .odometer { @include transaction(all, 0.3s, ease); font-size: 60px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; &.odometer-auto-theme, .odometer-value { line-height: 1; } @media (max-width: 767px) { font-size: 40px; } } .suffix { @include transaction(all, 0.3s, ease); font-size: 60px; font-weight: 700; @media (max-width: 767px) { font-size: 40px; } } .title { @include transaction(all, 0.3s, ease); margin: 0; font-size: 16px; font-weight: 400; line-height: 1.3; } } elementor/_faq.scss 0000777 00000001746 15251553505 0010366 0 ustar 00 .ova-accordion-custom { .elementor-accordion{ .elementor-accordion-item{ @include transaction( all, 0.3s, ease); &.ova-active{ @include transaction( all, 0.3s, ease); border: 1px solid var(--border) !important; border-width: 1px !important; border-top: 1px solid var(--border) !important; border-radius: 10px; padding: 25px; margin-bottom: 24px; @media(max-width: 400px){ padding: 15px; } .elementor-active{ padding: 0px; } .elementor-tab-title{ padding-bottom: 17px; } .elementor-tab-content{ padding-left: 29px; } } .elementor-tab-title{ @include transaction( all, 0.3s, ease); padding: 13px 20px; padding-left: 25px; .elementor-accordion-icon{ svg{ width: 10px; height: 10px; } } } .elementor-tab-content{ padding: 0px; padding-left: 24px; } } } } elementor/_toggle.scss 0000777 00000001407 15251553505 0011072 0 ustar 00 .elementor-widget-toggle { .elementor-toggle { .elementor-toggle-item { .elementor-tab-title { .ova-toggle-title { display: flex; padding-right: 5px; } .ova-icon { i { line-height: 26px; } } .ova-before-title { position: relative; &:before { position: absolute; content: ""; width: 4px; height: 24px; top: 50%; left: -12px; margin-top: -12px; background-color: var(--secondary); } } .ova-boxes-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #E9E9E9; border-radius: 2px; i { vertical-align: middle; } } } } } } elementor/_header-banner.scss 0000777 00000002047 15251553505 0012305 0 ustar 00 .wrap_header_banner{ width: 100%; position: relative; &.left{ ul.breadcrumb{ justify-content: flex-start; } } &.right{ ul.breadcrumb{ justify-content: flex-end; } } &.center{ ul.breadcrumb{ justify-content: center; } } ul.breadcrumb{ margin: 0; padding: 0; li .separator i{ opacity: 0.6; } } &.bg_feature_img{ background-size: cover!important; background-repeat: no-repeat!important; background-position: center center!important; } .cover_color{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header_banner_el{ position: relative; z-index: 1; } /*title*/ .header_title{ margin: 0; padding: 0; font-size: 26px; text-transform: uppercase; line-height: 1.1em; font-weight: 500; } } .ova-mask-image { -webkit-mask-image: url('assets/img/base/vector1.png'); mask-image: url('assets/img/base/vector1.png'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } elementor/_testimonial-4.scss 0000777 00000012022 15251553505 0012275 0 ustar 00 .ova-testimonial-4{ .slide-testimonials{ .owl-stage-outer{ .item{ .wrap-evaluate{ display: flex; flex-wrap: wrap; justify-content:space-between; .evaluate{ .text{ font-weight: 600; color: var(--heading); margin: 0 0 6px 0; } .rating{ justify-content: center; .elementor-star-rating{ display: inline-flex; column-gap: 2px; font-size: 16px; color: #ccd6df; font-family: eicons; .elementor-star-full{ &::before{ content: "\e934"; display: block; font-size: inherit; font-family: inherit; position: absolute; color: #FFBF48; top: 0; left: 0; } } i{ display: inline-block; position: relative; font-style: normal; cursor: default; line-height: 100%; vertical-align: middle; font-family: eicons; &::before{ display: block; font-size: inherit; font-family: inherit; position: absolute; overflow: hidden; color: #FFBF48; top: 0; left: 0; } } i.elementor-star-1{ &::before{ content: "\e934"; width: 10%; } } i.elementor-star-2{ &::before{ content: "\e934"; width: 20%; } } i.elementor-star-3{ &::before{ content: "\e934"; width: 30%; } } i.elementor-star-4{ &::before{ content: "\e934"; width: 40%; } } i.elementor-star-5{ &::before{ content: "\e934"; width: 50%; } } i.elementor-star-6{ &::before{ content: "\e934"; width: 60%; } } i.elementor-star-7{ &::before{ content: "\e934"; width: 70%; } } i.elementor-star-8{ &::before{ content: "\e934"; width: 80%; } } i.elementor-star-9{ &::before{ content: "\e934"; width: 90%; } } } } .rating.star_unicode{ .elementor-star-rating{ i.elementor-star-1, i.elementor-star-2, i.elementor-star-3, i.elementor-star-4, i.elementor-star-5, i.elementor-star-6, i.elementor-star-7, i.elementor-star-8, i.elementor-star-9{ &::before{ content: "\002605"; } } .elementor-star-full{ &::before{ content: "\002605"; } } } } } .quote{ margin: -2px 0 0 0; i{ font-size: 64px; display: inline-flex; color: var(--primary); } } } .content{ color: var(--heading); margin: 25px 0 43px 0; } .info{ display: inline-flex; align-items:center; gap: 20px; .author-image{ img{ width: 60px; min-width: 60px; height: 60px; border-radius: 50%; object-fit: cover; } } .name-job{ .name{ font-weight: 700; color: #000B33; line-height: 1.3; margin: 0 0 10px 0; } .job{ font-size: 14px; font-weight: 400; line-height: 1.6; } } } } } .owl-dots{ text-align: center; margin: 47px 0 0; .owl-dot{ width: 10px; height: 10px; margin-right: 18px; border-radius: 50%; background-color: #00bb9833; &.active{ background-color: #00bb98; } } } } p{ margin: 0; } &.ova-testimonial-template1{ .owl-carousel .owl-stage-outer { padding-top: 20px; margin-right: -20px; margin-left: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 40px); } .item{ padding: 43px 45px 35px; background-color: #fff; border-radius: 10px; border-bottom: 6px solid #DEE0E7; box-shadow: 0px -5px 15px rgba(43, 89, 255, 0.04); @media(max-width: 1149px){ border-color: var(--primary); } } .owl-item{ &.center{ .item{ border-bottom-color: var(--primary); } } } } &.ova-testimonial-template2{ .slide-testimonials{ .owl-stage-outer{ .item{ .wrap-evaluate{ .evaluate{ .text{ font-size: 20px; margin: 0 0 4px 0; } } .quote{ margin: 0 82px 0 0; @media(max-width: 767px){ margin: 0; } } } .content{ font-size: 24px; font-weight: 500; line-height: 1.5; margin: 21px 0 40px 0; } .info{ .name-job{ .name{ font-size: 22px; font-weight: 600; color: #000B33; margin: 0 0 2px 0; } } } } } .owl-dots{ text-align: left; margin: 30px 0 0 0; } } } } elementor/_special-offer.scss 0000777 00000012671 15251553505 0012335 0 ustar 00 .ova-special-offer{ position: relative; overflow: hidden; &:hover { .special-offer-img { transform: scale(1.04); } .special-offer-content { @include transaction(all, .5s, ease); .btn-special-offer { @include transaction(all, .5s, ease); opacity: 1; visibility: visible; transform: scale(1); } } } .mask { position: absolute; content: ""; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(270deg, rgba(19, 23, 43, 0) 0.44%, rgba(19, 23, 43, 0.24) 38.35%, rgba(19, 23, 43, 0.8) 100%); z-index: 1; } .special-offer-img { display: block; width: 100%; object-fit: cover; transform: scale(1); transition: transform 1s ease-out; transform-origin: bottom right; } .special-offer-content { @include transaction(all, .5s, ease); position: absolute; z-index: 2; width: 100%; top: 60px; left: 40px; .sub-title-wrapper{ .sub-title { margin: 0; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); text-transform: uppercase; } .discount { font-weight: 600; font-size: 24px; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); } } .title { margin: 0; padding-bottom: 14px; color: #fff; font-size: 30px; line-height: 1.2; font-weight: 700; text-transform: capitalize; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); } .btn-special-offer { @include transaction(all, .5s, ease); opacity: 0; visibility: hidden; transform: scale(0); margin-top: 24px; padding: 12px 25px; display: inline-flex; justify-content: center; align-items: center; border-radius: 0; font-size: var(--font-size); font-weight: 600; font-family: var(--secondary-font); color: var(--primary); background-color: #fff; border: none; i{ @include transaction(all, .3s, ease); margin-left: 8px; } &:hover{ @include transaction(all, .3s, ease); background-color: var(--primary-hover); color: #FFFFFF; } } } // version 1 &.ova-special-offer-version_1 { &:hover { .special-offer-content { top: 48px; } } .special-offer-content { .title { font-size: 48px; } } } // version 2 &.ova-special-offer-version_2 { &:hover { .special-offer-content { top: 48px; } } .mask { width: 100%; } .special-offer-content { text-align: center; top: 60px; left: 50%; transform: translateX(-50%); } } // version 3 &.ova-special-offer-version_3 { &:hover { .special-offer-content { bottom: 55px; } } .mask { width: 100%; } .special-offer-content { text-align: center; top: unset; bottom: -25px; left: 50%; transform: translateX(-50%); } } // version 4 &.ova-special-offer-version_4 { .mask { width: 100%; background: #008dd0c7; } .special-offer-content { text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } } // version 5 &.ova-special-offer-version_5 { &:hover { .special-offer-content { .btn-special-offer { background-color: var(--primary); color: #fff; i { @include transaction(all, .3s, ease); font-size: 16px; } } } } .mask { width: 100%; background: transparent; } .special-offer-content { position: relative; top: unset; left: unset; text-align: center; padding: 40px 50px; background-color: #fff; @media (max-width: 767px) { padding: 30px 20px; } .sub-title-wrapper { .sub-title { color: var(--text); } .discount { color: var(--secondary); } } .title { color: var(--heading); } .btn-special-offer { opacity: 1; visibility: visible; transform: scale(1); i { font-size: 0; color: #fff; } } } } } elementor/_heading.scss 0000777 00000001704 15251553505 0011210 0 ustar 00 .ova-title{ .sub-title{ margin: 0; margin-bottom: 13px; color: var(--secondary); font-size: 24px; font-weight: 400; line-height: 1.2; text-transform: capitalize; } .title{ display: inline-block; margin: 0 0 15px 0; color: var(--heading); font-size: 42px;; font-weight: 700; line-height: 1.2; text-transform: capitalize; white-space: pre-line; @media(max-width: 767px){ white-space: normal; } a{ color: var(--heading); @include transaction(all, .3s, ease); &:hover{ color: var(--primary); @include transaction(all, .3s, ease); } } } .description{ margin: 0 0 15px 0; white-space: pre-line; @media(max-width: 1024px){ white-space: normal; } } } elementor/_special-offer-2.scss 0000777 00000002735 15251553505 0012474 0 ustar 00 .ova-special-offer-2 { position: relative; width: 100%; min-height: 393px; display: flex; align-items: center; overflow: hidden; &:hover { .background-image { transform: scale(1.1); } } .background-image { position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; bottom: 0; right: 0; @include transaction( all, 0.3s, linear ); } .content { position: relative; width: 50%; padding-left: 50px; @media screen and (max-width: 1024px) { width: 100%; padding-right: 50px; } @media screen and (max-width: 767px) { padding: 40px 30px; } .subtitle { margin: 0; font-weight: 600; font-size: 24px; line-height: 1; } .title { margin: 0; margin-top: 8px; font-size: 42px; line-height: 54px; a { color: var(--heading); @include transaction( all, 0.3s, linear ); &:hover { color: var(--primary); } } @media screen and (max-width: 1024px) { font-size: 36px; } } .desc { margin: 0; margin-top: 33px; color: var(--heading); } .link { margin-top: 33px; display: inline-block; font-weight: 600; background: var(--primary); color: #fff; padding: 12px 32px; line-height: 24px; border-radius: 5px; @include transaction( all, 0.3s, linear ); &:hover { background: #fff; color: var(--primary); } } } } .rtl { .ova-special-offer-2 { justify-content: flex-end; } } _elementor.scss 0000777 00000002411 15251553505 0007605 0 ustar 00 @import 'elementor/logo'; @import 'elementor/menu-nav'; @import 'elementor/menu-canvas'; @import 'elementor/header-banner'; @import 'elementor/custom-animations'; @import 'elementor/tabs'; @import 'elementor/toggle'; @import 'elementor/counter'; @import 'elementor/video'; @import 'elementor/menu-footer'; @import 'elementor/contact-info'; @import 'elementor/mc4wp'; @import 'elementor/heading'; @import 'elementor/blog-grid'; @import 'elementor/testimonial'; @import 'elementor/testimonial-2'; @import 'elementor/testimonial-3'; @import 'elementor/testimonial-4'; @import 'elementor/testimonial-5'; @import 'elementor/testimonial-6'; @import 'elementor/contact-form'; @import 'elementor/contact-page'; @import 'elementor/faq'; @import 'elementor/progress'; @import 'elementor/special-offer'; @import 'elementor/share-buttons'; @import 'elementor/switch-language'; @import 'elementor/image-gallery'; @import 'elementor/counter-list'; @import 'elementor/icon-box'; @import 'elementor/icon-list'; @import 'elementor/our-team'; @import 'elementor/road-map'; @import 'elementor/special-offer-2'; @import 'elementor/countdown'; @import 'elementor/gallery-filter'; @import 'elementor/menu-cart'; @import 'elementor/my-account-button'; @import 'elementor/gallery-slide'; @import 'elementor/rtl'; woocommerce/_sidebar.scss 0000777 00000004456 15251553505 0011556 0 ustar 00 .woocommerce{ .woo-sidebar{ flex : 0 0 320px; @media(max-width: 991px){ flex: 0 0 100%; } .widget_product_categories{ padding: 50px 30px 40px 30px; background-color: #f7f4f2; border-radius: 10px; } .woo_widget { ul{ margin: 0; } } .widget_products{ padding: 50px 30px 40px 30px; background-color: #f7f4f2; border-radius: 10px; ul.product_list_widget{ @media(max-width: 991px){ padding: 0 20px 0 0; } li{ &:not(:last-child){ border-bottom: 1px solid #e5e5e5; margin: 0 0 20px 0; padding: 0 0 40px 0; } a{ display: flex; margin-bottom: -47px; img{ float: unset; width: 80px; flex: 0 0 80px; border: 1px solid #e5e5e5; border-radius: 5px; } .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; } } .star-rating{ margin: 0 0 8px 104px; font-size: 13px; } .woocommerce-Price-amount{ font-size: 20px; line-height: 26px; color: #88858e; font-weight: 400; margin-left: 104px; position: relative; bottom: -20px; } del{ } ins{ .woocommerce-Price-amount{ margin-left: 2px; } } } } } .widget_product_tag_cloud{ .tagcloud{ a{ float: left; display: block; margin: 0 10px 10px 0; } } } .widget_price_filter{ .price_slider_wrapper{ .price_slider{ border-radius: 0; background: #e5e5e5; margin: 0 0 25px 0; .ui-slider-range{ } .ui-slider-handle{ background: #fff; border: 1px solid #e5e5e5; } } .price_slider_amount{ display: flex; justify-content: space-between; align-items: center; .button{ font-size: 18px; color: #fff; font-weight: 500; background: #2c2734; height: 35px; line-height: 35px; padding: 0 20px; border-radius: 20px; } .price_label{ font-size: 16px; line-height: 1.2; color: #88858e; text-transform: uppercase; } .clear{ display: none; } } } } } } woocommerce/_layout.scss 0000777 00000001607 15251553505 0011455 0 ustar 00 body{ &.woocommerce{ &.woo_layout_1c{ #woo_main{ max-width: 100%; #primary{ flex: 0 0 100%; } } } &.woo_layout_2l{ #woo_main{ float: right; } #woo_sidebar{ float: left; } } &.woo_layout_2r{ #woo_main{ float: left; } #woo_sidebar{ float: right; } } #woo_main{ max-width: calc( var(--woo-main-content) - 30px ); width: 100%; @media( max-width: $desktop - 1 ){ max-width: 100%; } } #woo_sidebar{ max-width: var(--woo-width-sidebar); width: 100%; @media( max-width: $desktop - 1 ){ max-width: 100%; } } } &.single-product-not-rental { &.woocommerce { #woo_main { margin-top: 90px; @media( max-width: $desktop - 1 ){ margin-top: 60px; } } } } } woocommerce/_listing.scss 0000777 00000010203 15251553505 0011601 0 ustar 00 .woocommerce{ #woo_main{ padding: 0 10px; margin: 0 auto; display: flex; flex-wrap: wrap; @media(max-width: 767px){ padding: 0 20px; flex-direction: column; } .content-area{ @media(max-width: $desktop -1 ){ flex: 0 0 100%; padding-left: 0px; width: 100%; } // Show Result .woocommerce-result-count{ margin: 6px 0 0 0 ; font-size: 18px; line-height: 26px; font-weight: 400; } // Sorting .woocommerce-ordering{ width: 245px; margin-bottom: 40px; } // Listing ul.products{ margin-bottom: 80px; @media(max-width: 991px){ margin-bottom: 0px; } li.product{ text-align: center; position: relative; overflow: hidden; padding-bottom: 30px; border-radius: 10px; width: 100%; .cat_product{ color: var(--text); font-size: 17px; font-weight: 500; line-height: 50px; display: inline-block; padding: 0px 15px 0px 15px; } .button{ visibility: visible; opacity: 1; } &:hover{ box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); } .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; } a.woocommerce-loop-product__link{ img{ margin: 0; } } .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; } .price{ font-size: 16px; line-height: 26px; color: var(--primary); font-weight: 600; padding: 0px 15px 0px 15px; ins{ font-weight: 600; margin-left: 6px; text-decoration: none; } } .button, 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); &.loading:after{ right: 0.5em; } &:hover{ background: var(--primary); border-color: var(--primary); } } 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; &:hover{ color: var(--primary); transition: 0.3s ease; }; &:after{ padding-left: 5px; } } .product_type_external, .product_type_grouped, .product_type_variable{ &:after{ position: absolute; top: 0; right: 10px; } } .star-rating { text-align: center; margin: 0 auto; margin-bottom: 10px; } } } } } &.elementor-default #woo_main{ padding: 0 10px; } // Override css Shop Page Default Woo ul.products { display: grid; grid-column-gap: 24px; grid-row-gap: 40px; &.columns-4 { grid-template-columns: repeat(4, 1fr) ; } &.columns-3 { grid-template-columns: repeat(3, 1fr) ; } &.columns-2 { grid-template-columns: repeat(2, 1fr) ; } @media screen and (max-width: 1200px) { &.columns-4 { grid-template-columns: repeat(3, 1fr) ; } } @media screen and (max-width: 1024px) { &.columns-3, &.columns-4 { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 768px) { &.columns-2, &.columns-3, &.columns-4 { grid-template-columns: 1fr; } } &:before { display: none; } li.ova-product { width: 100% !important; margin: 0; } } } woocommerce/_datetimepicker.scss 0000777 00000002252 15251553505 0013127 0 ustar 00 .xdsoft_datetimepicker { border-radius: 5px; margin-top: 3px; .xdsoft_label>.xdsoft_select>div>.xdsoft_option { &.xdsoft_current { @include transaction( all, 0.3s, ease ); background: var(--secondary); box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); } &:hover { background: var(--secondary); } } .xdsoft_calendar { th { color:var(--heading); } td>div { text-align: center; padding: 0; } td { @include transaction( all, 0.3s, ease ); color: var(--heading); &.xdsoft_disabled { color: #FFFFFF; opacity: 1 !important; cursor: not-allowed !important; background: var(--primary) !important; &:hover { background: var(--primary) !important; color: #FFFFFF !important; } } &.xdsoft_other_month { opacity: 1 !important; &.xdsoft_disabled { opacity: 1 !important; } } &.xdsoft_current { color: #FFFFFF !important; background: var(--secondary) !important; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); } &.xdsoft_today { color: var(--secondary); } &:hover { background: var(--secondary) !important; } } } } woocommerce/_checkout.scss 0000777 00000012606 15251553505 0011746 0 ustar 00 .woocommerce-checkout{ /* Heading */ h3{ text-transform: uppercase; font-size: 1.2em; margin-top: 0; } /*Coupon*/ form.checkout_coupon { p{ margin-bottom: 10px; margin-top: 0; } .form-row-first, .form-row-last{ width: 49%!important; } input{ &.input-text{ line-height: $line-height-form; } } .button{ line-height: $line-height-form; background-color: var(--primary); border-color: var(--primary); color: #fff; padding: $padding-btn; &:hover{ background-color: var(--heading); color: #fff; } } } /*Custom Detail*/ #customer_details{ margin-bottom: 30px; .col-1, .col-2{ max-width: 100%; padding: 0; } label{ display: block; width: 100%; font-size: 1em; color: var(--heading); font-weight: 600; margin-bottom: 5px; margin-top: 5px; } input{ border: 1px solid; border-color: $border-field-color; line-height: $line-height-form; padding: $padding-input; color: var(--text); border-radius: 4px; background: $background-field; } textarea{ border: 1px solid; border-color: $border-field-color; height: 100px; padding: 10px 15px; border-radius: 4px; color: var(--text); background: $background-field; } .select2-container{ .select2-selection--single{ height: 45px; border: 1px solid; border-color: $border-field-color; border-radius: 4px; .select2-selection__arrow{ height: 45px; position: absolute; top: 1px; right: 10px; width: 20px; } .select2-selection__rendered{ color: var(--text); padding-left: 15px; line-height: 45px; } } } .form-row{ margin-top: 0; margin-bottom: 15px; padding: 0; width: 100%; } .woocommerce-billing-fields{ .woocommerce-billing-fields__field-wrapper{ display: flex; flex-wrap: wrap; } .form-row{ &#billing_first_name_field{ order: 1; width: 50%; padding-right: 10px; @media(max-width: 767px){ padding-right: 0px; width: 100%; } } &#billing_last_name_field{ order: 2; width: 50%; padding-left: 10px; @media(max-width: 767px){ padding-left: 0px; width: 100%; } } &#billing_company_field{ order: 3; } &#billing_phone_field{ order: 4; width: 50%; padding-right: 10px; @media(max-width: 767px){ padding-right: 0px; width: 100%; } } &#billing_email_field{ order: 5; width: 50%; padding-left: 10px; @media(max-width: 767px){ padding-left: 0; width: 100%; } } &#billing_country_field{ order: 7; } &#billing_address_1_field{ order: 8; } &#billing_address_2_field{ order: 9; } &#billing_city_field{ order: 10; } &#billing_state_field{ order: 11; width: 50%; padding-right: 10px; @media(max-width: 767px){ padding-right: 0px; width: 100%; } } &#billing_postcode_field{ order: 12; width: 50%; @media(max-width: 767px){ padding: 0; width: 100%; } } .woocommerce-input-wrapper{ width: 100%; display: block; } } } .woocommerce-shipping-fields{ h3{ label{ margin: 0; input{ height: unset; margin: 0 5px 0 0; } span{ font-weight: 600; } } } .form-row{ margin: 0 0 15px 0; &.form-row-first{ width: 100%; } &.form-row-last{ width: 100%; } .woocommerce-input-wrapper{ width: 100%; } } } .woocommerce-additional-fields{ .form-row{ margin: 0 0 15px 0; padding: 0; } } } /*Your Order*/ table.shop_table{ border: 1px solid; border-color: $border-field-color; thead{ tr{ th{ border: none; border-bottom: 1px solid $border-field-color; &.product-name{ border-right: 1px solid $border-field-color; } } } } tbody{ tr{ border: none; td{ border: none; &.product-name{ border-right: 1px solid $border-field-color; color: var(--primary); .variation, .wc-item-meta { color: var(--text); } .wc-item-meta { padding: 0; } } } } } tfoot{ } } /*Payment*/ #payment{ border-radius: 0px; background: #e8eaee; ul.wc_payment_methods{ padding: 32px 25px 32px 25px; border-bottom-color: #e0e0e0; li{ input{ height: unset; margin: 0 8px 0 0; } label{ margin: 0 0 0 0; font-size: 18px; line-height: 1.2; letter-spacing: 0.2px; color: var(--heading); font-weight: 500; } .payment_box{ background: #fff; margin: 12px 0 22px 0; border-radius: 0; &:before{ border-bottom-color: #fff; } p{ font-size: 17px; line-height: 22px; color: var(--text); } } &.payment_method_paypal{ label{ width: calc(100% - 26px); a{ float: right; &:after{ content: ''; display: block; clear: both; } } } } } } .place-order{ justify-content: flex-end; padding: 20px 25px 20px 20px; #place_order{ font-size: 1.2em; color: #fff; background: #333; &:hover{ background: var(--primary); } } } } } woocommerce/_login.scss 0000777 00000006076 15251553505 0011255 0 ustar 00 .woocommerce{ /*Tab*/ ul.ova-login-register-woo{ list-style-type: none; padding: 0; margin: 0 0 50px 0; display: flex; justify-content: center; flex-wrap: wrap; li{ padding: 0 13px; &.active{ a{ position: relative; &:after{ position: absolute; bottom: -6px; left: 0; content: ''; width: 100%; height: 2px; background: #f00; } } } a{ font-size: 24px; line-height: 26px; color: #202b5d; letter-spacing: 0.2px; font-weight: 400; } } } /*Login Form*/ #customer_login{ &.col2-set{ .col-1, .col-2{ max-width: 100%; float: unset; margin: 0 auto; >h2{ display: none; } } } .woocommerce-form{ border: none; margin-top: 0; padding-top: 0; .woocommerce-form-row{ padding: 0; margin: 0 0 15px 0; label{ font-size: 17px; line-height: 24px; color: var(--heading); display: block; width: 100%; margin: 0 0 6px 0; font-weight: 600; } input{ border-radius: $border-radius-btn; padding: $padding-input; line-height: $line-height-form; color: var(--text); } .show-password-input{ right: 10px; } } .form-row{ display: flex; flex-direction: column; .woocommerce-form-login__rememberme{ order: 1; margin-bottom: 10px; } button{ order: 2; } } button[type="submit"]{ border-radius: $border-radius-btn; padding: $padding-btn; line-height: $line-height-form; background-color: var(--primary); color: #fff; width: 100%; &:hover{ background-color: var(--heading); color: #fff; } } .woocommerce-LostPassword{ margin-top: 7px; a{ color: var(--heading); text-decoration: underline; &:hover{ color: var(--primary); } } } &.woocommerce-form-register{ display: none; border: none; max-width: 400px; padding: 0; margin: -5px auto 80px auto; .woocommerce-form-row, .woocommerce-privacy-policy-text{ margin-bottom: 15px; } p{ margin-bottom: 10px; } .woocommerce-form-register__submit{ border-radius: $border-radius-btn; padding: $padding-btn; line-height: $line-height-form; background-color: var(--primary); color: #fff; &:hover{ background-color: var(--heading); color: #fff; } } } } } // Edit account .edit-account { button[name="save_account_details"] { margin-top: 20px; } } } /*Hide title of page*/ .woocommerce-account{ .page-title{ display: none; } } .woocommerce-MyAccount-navigation{ ul{ margin: 0; padding: 0; list-style-type: none; li{ &.is-active, &:hover{ a{ background-color: var(--primary); color: #fff; } } a{ list-style-type: none; background-color: #f1f1f1; margin-bottom: 10px; padding: 10px 15px; display: block; color: var(--heading); font-weight: bold; } } } } woocommerce/_order.scss 0000777 00000000720 15251553505 0011246 0 ustar 00 .woocommerce{ .woocommerce-order{ h2{ font-size: 1.3em; text-transform: uppercase; margin-bottom: 15px; } .order_details { li{ margin-bottom: 10px; @media(max-width: 767px){ display: block; width: 100%; margin: 0 0 15px 0px; padding: 0; border-right: none; } } .order_item { .product-name { a { border: none; color: var(--primary); } } } } } } woocommerce/_detail.scss 0000777 00000025745 15251553505 0011413 0 ustar 00 .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-product-gallery{ .woocommerce-product-gallery__image{ &:not(:first-child){ margin-top: 10px; padding: 0 5px; img { height: 100px; object-fit: cover; } } } } /** * Sumary */ .summary{ .product_title { margin: 60px 0 15px 0; font-size: 42px; line-height: 1.1; color: var(--heading); } .woocommerce-product-rating{ display: flex; align-items: center; margin: 0 0 15px 0 ; .star-rating{ font-size: 13px; margin: 0px; &:before { color: #FFC83E; } span { &:before { color: #FFC83E; } } } .woocommerce-review-link{ font-size: 15px; color: var(--heading); line-height: 1.2; } } .price{ margin: 0 0 20px 0; color: var(--primary); .woocommerce-Price-amount{ font-size: 22px; } del{} ins{ margin-left: 3px; font-weight: 600; text-decoration: none; } } .woocommerce-product-details__short-description{ margin-bottom: 7px; } .stock{ margin: 0 0 18px 0; font-size: 16px; line-height: 24px; letter-spacing: 0.3px; } form.cart{ margin-bottom: 36px; margin-top: 18px; table.group_table{ border: none; tr{ border: none; } td{ border-color: #e8e8e8; } td{ vertical-align: middle; font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: #202b5d; label{ margin: 0; } } } table.variations{ margin: 0; tr{ border: none; td{ font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; label{ font-weight: 400; margin: 0; } .reset_variations{ font-size: 15px; line-height: 1.2; margin-top: 10px; display: inline-block !important; } .select2-container{ height: 40px; } .select2-selection--single{ border: 1px solid #e8e8e8; border-radius: 2px; } .select2-selection__rendered{ padding: 0 14px; font-size: 15px; color: #919baf; } } } } .single_variation_wrap{ .woocommerce-variation-price{ margin-bottom: 23px; } } .quantity{ margin: 0 10px 0 0; input{ border-color: rgba(14, 19, 23, 0.1); width: 72px; height: 50px; line-height: 50px; border-radius: 5px; &::placeholder{ font-size: 16px; color: var(--text); } } } .single_add_to_cart_button { font-size: 14px; font-weight: 700; padding: 16px 33px; line-height: 1.2; text-transform: uppercase; background-color: var(--primary); border-radius: 5px; &:hover{ background: var(--heading); } &:focus{ outline: none; } } } .product_meta{ margin: 15px 0 0 0; padding: 15px 0; .posted_in, .tagged_as{ &.posted_in { margin-bottom: 12px; } display: block; font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: 0.2px; color: var(--heading); a{ font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: 0.2px; color: var(--text); &:hover { color: var(--primary); } } } .sku_wrapper{ margin-bottom: 12px; display: block; font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: var(--heading); .sku{ font-size: 16px; line-height: 1.2; letter-spacing: 0.2px; color: var(--text); } } } } /*end summary*/ /* woo tabs */ .woocommerce-tabs{ padding: 40px 0 80px 0; @media (max-width: 1024px) { padding: 40px 0 60px 0; } .panel{ &#tab-additional_information{ h2{ display: none; font-size: 27px; line-height: 1.2; color: var(--heading); font-weight: 500; margin: 0 0 20px; } table.shop_attributes{ border: 1px solid #e8e8e8; th{ font-size: 17px; line-height: 1.2; font-weight: 400; letter-spacing: 0.2px; color: var(--heading); text-transform: capitalize; padding: 5px 15px; } td{ font-size: 16px; font-style: normal; line-height: 1.2; font-weight: 400; letter-spacing: 0.2px; color: var(--heading); padding: 5px 15px; } } } #reviews{ #comments{ .woocommerce-noreviews{ margin: 0 0 25px 0; } ol.commentlist{ padding: 0; li{ &:not(:last-child){ margin-bottom: 35px; } .comment_container{ img.avatar{ width: 60px; border: none; border-radius: 50%; background: transparent; padding: 0; } .comment-text{ margin: 0 0 0 85px; border: none; padding: 0; border-radius: 0; .star-rating{ font-size: 13px; color: #ff9000; &:before { color: #ff9000; } } .meta{ margin: 0 0 10px 0; line-height: 1; .woocommerce-review__author{ margin: 0 5px 5px 0; display: inline-block; font-size: 20px; font-weight: 600; color: var(--heading); text-transform: capitalize; } .woocommerce-review__dash{ display: none; } .woocommerce-review__published-date{ display: inline-block; color: var(--primary); margin-left: 4px; } } .description{ color: var(--text); } } } } } } #review_form_wrapper{ #review_form{ #respond{ .comment-reply-title{ display: inline-block; font-size: 25px; line-height: 1.2; font-weight: 400; color: var(--heading); text-transform: none; } .comment-form{ margin: 15px 0px 0px 0px; p{ margin: 0 0 25px 0; padding: 0; } .comment-form-author { margin-right: 10px; flex: calc(50% - 20px); max-width: 50%; } .comment-form-email { margin-left: 10px; flex: calc(50% - 20px); max-width: 50%; } .comment-form-rating{ width: 100%; margin-bottom: 10px; } .comment-notes{ font-size: 17px; line-height: 24px; color: var(--heading); .required{ color: #ff623f; } } .form-submit { margin-bottom: 0; } label{ display: block; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 0.2px; color: var(--heading); text-transform: capitalize; margin-bottom: 10px; .required{ color: #ff623f; } @media(max-width: 767px){ display: block; } } textarea{ margin: 0; border: 1px solid rgba(14, 19, 23, 0.1); background-color: #fbf9f3; border-radius: 0; height: 150px; padding: 11px 15px; } input{ padding: 0 15px; border: 1px solid rgba(14, 19, 23, 0.1); border-radius: 0; background-color: #fbf9f3; height: 60px; } .comment-form-rating{ label{ margin: 0 0 12px; width: 100%; } .stars{ margin: 0; display: inline-flex; align-items: center; color: #ff9000; a { color: inherit; } } .select2-container--default { display: none; } } .comment-form-comment{ margin-top: 0px; } .comment-form-cookies-consent{ display: none; } .form-submit{ input{ font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; padding: 18px 40px; background-color: var(--primary); &:hover{ background: var(--heading); } } } } } } } } } ul.tabs { padding: 0; margin: 0 0 40px 0; background: #fff; text-align: center; &:before, &:after { content: none; } li{ position: relative; margin: 0 15px 10px 0; padding: 0; border-color: rgba(29, 23, 41, 0.15); border-radius: 0; &:before, &:after{ display: none; } &.active{ border-color: var(--primary); border-bottom-color: var(--primary); a { background: var(--primary); color: #fff; &:hover { color: #fff; } } } a{ font-size: 16px; line-height: 1.2; font-weight: 700; color: var(--heading); text-align: center; text-transform: uppercase; padding: 16px 36px; background: #fff; border-radius: 0; &:hover { color: var(--primary); } } } } .woocommerce-Tabs-panel{ .woocommerce-Reviews{ padding: 50px 35px; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); } .woocommerce-Reviews-title{ margin: 0 0 20px; font-size: 30px; font-weight: 500; line-height: 1.2; color: var(--heading); } &#tab-description{ &>p{ margin: 0 0 26px 0; } } } } /* end woo tabs */ /* related */ .related{ > h2{ font-size: 32px; line-height: 1.2; font-weight: 600; margin: 0 0 30px 0; } } /* end related */ .yith-wcwl-add-button { .add_to_wishlist { transition: all .3s ease; cursor: pointer; display: inline-block; letter-spacing: 1px; color: var(--text); line-height: 1.2; border-radius: 0; border: none; i { font-size: 16px; } &:hover { transition: all .3s ease; color: var(--primary); } } } .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { i { font-size: 16px; color: var(--primary); } } } } woocommerce/_msg.scss 0000777 00000000205 15251553505 0010717 0 ustar 00 .woocommerce-error, .woocommerce-info, .woocommerce-message{ line-height: 3em; @media(max-width: 767px){ line-height: 1.6em; } } woocommerce/_typo.scss 0000777 00000002233 15251553505 0011127 0 ustar 00 /*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; b{ display: none; } } .woocommerce{ a.button, button.button, input.button, a.checkout-button, #review_form #submit { line-height: $line-height-form; border-radius: $border-radius-btn; padding: $padding-btn; font-size: 1em; font-weight: 600; } .star-rating { span { &:before { color: #FFC83E; } } } p.stars { a:before { color: #FFC83E; } } #respond { input#submit { color: #FFF; background-color: var(--primary); border-radius: 5px; padding: 16px 32px; &:hover { color: #FFF; background-color: var(--primary-hover); } } } .woocommerce-MyAccount-content { .rx-media-button { margin-bottom: 35px; } } } woocommerce/_cart.scss 0000777 00000014647 15251553505 0011101 0 ustar 00 .woocommerce{ .woocommerce-cart-form{ table, tr, td, th{ border: none; } table.shop_table{ td{ border: none; } thead{ tr{ display: flex; flex-wrap: wrap; align-items: center; background: #e8eaee; height: 55px; padding: 0 0 0 13px; th{ font-size: 1em; color: var(--heading); text-transform: uppercase; &.product-remove{ order: 9; flex: 0 0 50px; } &.product-thumbnail{ display: none; } &.product-name{ flex: 0 0 calc(100% - 530px); @media(max-width: 767px){ flex: 0 0 100%; } } &.product-price{ flex: 0 0 150px; @media(max-width: 767px){ flex: 0 0 100%; } } &.product-quantity{ flex: 0 0 130px; @media(max-width: 767px){ flex: 0 0 100%; } } &.product-subtotal{ flex: 0 0 200px; @media(max-width: 767px){ flex: 0 0 100%; } } } } } tbody{ tr{ display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0 13px; @media(max-width: 767px){ padding: 0; } &:not(:last-child){ border-bottom: 1px solid #e8e8e8; } &:last-child{ padding: 0; td{ padding: 25px 0px 20px 0px; } } td{ font-size: 16px; letter-spacing: 0.2px; padding: 20px 12px; input{ border-radius: 4px; } &.product-remove{ order: 9; flex: 0 0 50px; @media(max-width: 767px){ order: unset; flex: 0 0 100%; } a{ font-size: 20px; border: 1px solid #e5e5e5; width: 25px; height: 25px; font-weight: normal; padding: 1px 0px 0px 1px; &:hover{ color: #fff !important; } } } &.product-thumbnail{ flex: 0 0 90px; } &.product-name{ flex: 0 0 calc(100% - 620px); padding-left: 0; @media(max-width: 767px){ flex: 0 0 100%; padding-left: 12px; } a{ font-size: 1em; color: var(--heading); font-weight: bold; border-bottom: none; &:hover{ color: var(--primary); } } } &.product-price{ flex: 0 0 150px; color: var(--text); line-height: 1.2; @media(max-width: 767px){ flex: 0 0 100%; } } &.product-quantity{ flex: 0 0 130px; @media(max-width: 767px){ flex: 0 0 100%; } input{ font-size: 16px; color: var(--text); height: 33px; width: 70px; line-height: 33px; border: 1px solid #e8e8e8; padding-right: 0; } } &.product-subtotal{ flex: 0 0 200px; color: var(--text); @media(max-width: 767px){ flex: 0 0 100%; } } &.actions{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; .coupon{ @media(max-width: 767px){ width: 100%; } .input-text{ min-width: 160px; border: 1px solid; border-color: $border-field-color; line-height: $line-height-form; padding: $padding-input; margin-right: 10px; font-size: 15px; color: var(--text); &::placeholder{ font-size: 15px; color: #62718d; } @media(max-width: 767px){ width: 100%; display: block; margin-bottom: 20px; } } .button{ background: var(--primary); line-height: $line-height-form; padding: $padding-btn; border-radius: $border-radius-btn; color: #fff; font-weight: 600; &:hover{ background-color: var(--heading); } &:focus{ background-color: var(--heading); outline: none; } @media(max-width: 767px){ display: block; width: 100%; margin-bottom: 20px; } } } .button[name="update_cart"]{ background: var(--primary); color: #fff; &:hover{ background: var(--heading); } @media(max-width: 767px){ display: block; width: 100%; } } } a{ display: inline-block; border-bottom: none; img{ width: 60px; } } } } } } } /* end cart form */ .cart-collaterals{ margin-bottom: 80px; .cart_totals { >h2{ font-size: 1.2em; text-transform: uppercase; color: var(--heading); margin-bottom: 15px; } table, tr, td, th{ @media(max-width: 767px){ border: none; } } .shop_table { border: 1px solid $border-field-color; border-collapse: separate !important; border-bottom: none; border-radius: 4px; tbody{ tr{ th{ border: none; border-right: 1px solid $border-field-color; border-bottom: 1px solid $border-field-color; } td{ border: none; border-bottom: 1px solid $border-field-color; } } } .select2-container{ .select2-selection--single{ height: 45px; border: 1px solid; border-color: $border-field-color; border-radius: 4px; .select2-selection__arrow{ height: 45px; position: absolute; top: 1px; right: 10px; width: 20px; } .select2-selection__rendered{ color: var(--text); padding-left: 15px; line-height: 45px; } } } button[name="calc_shipping"]{ background: var(--primary); line-height: $line-height-form; padding: $padding-btn; border-radius: $border-radius-btn; color: #fff; &:hover{ background-color: var(--heading); color: #fff; } } } .checkout-button{ background-color: var(--heading); &:hover{ background: var(--primary); } } } } } // Extra Service, Resource in Cart, Checkout, Order Detail .ovabrw_extra_item { padding: 0; list-style: none; margin: 10px 0 0; li { font-size: 16px; font-weight: 400; color: var(--text); .amount { font-weight: 600; color: var(--heading); } } } woocommerce/_single-product.scss 0000777 00000122362 15251553505 0013101 0 ustar 00 .ova-content-single-product { .single-product-header { background-color: var(--second-background); padding: 70px 0 0 0; .container_site { position: relative; } .single-product-top-header { display: flex; justify-content: space-between; align-items: center; row-gap: 14px; flex-wrap: wrap; margin-bottom: 20px; .ova-video-gallery { position: static; } } // Title .ova-product-title { margin: 0; font-weight: 700; font-size: 42px; line-height: 54px; letter-spacing: -0.5px; color: var(--heading); } // Gallery Slideshow .ova-gallery-slideshow { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; position: relative; .owl-nav { width: 100%; height: 0; position: absolute; top: 45%; display: flex; align-items: center; justify-content: space-between; visibility: hidden; opacity: 0; @include transaction( all, .7s, ease ); button { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background-color: #FFFFFF; color: var(--secondary); font-size: 20px; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); @include transaction( all, 0.3s, ease ); &.owl-prev { margin-left: 110px; } &.owl-next { margin-right: 110px; } &:hover { background-color: var(--secondary); color: #FFFFFF; } } } .owl-dots { display: flex; align-items: center; justify-content: center; width: 100%; visibility: hidden; opacity: 0; button { outline: none; span { display: flex; width: 7px; height: 7px; background-color: var(--secondary); border-radius: 50%; margin: 0 5px; @include transaction( all, 0.3s, ease ); &:hover { background-color: var(--secondary-hover); } } &.active { span { width: 16px; border-radius: 5px; background-color: var(--primary); } } } } &:hover { .owl-nav { visibility: visible; opacity: 1; top: 50%; } } } // Responsive @media screen and (max-width: 1024px) { .ova-location-review { margin-bottom: 30px; } .ova-gallery-slideshow { .owl-stage-outer { margin-bottom: 30px; } .owl-nav { display: none; } .owl-dots { visibility: visible; opacity: 1; } } .ova-features-product { max-width: 100%; } } } .single-product-summary { margin: 0 0 100px 0; @media (max-width: 1024px) { margin: 0 0 70px 0; } .container_site { display: flex; column-gap: 50px; @media (max-width: 1024px) { flex-direction: column-reverse; } } #respond #commentform { margin: 0; } } .single-product-related { margin: 0 0 100px 0; @media (max-width: 1024px) { margin: 0 0 70px 0; } .related-title { margin:0; padding-bottom: 45px; font-size: 42px; line-height: 1.2; letter-spacing: -0.5px; text-transform: capitalize; font-feature-settings: 'pnum' on, 'onum' on; } } } .ova-single-product-summary-left { font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--text); width: 65%; @media (max-width: 767px) { width: 100%; } .content-product-item:not(:last-child) { border-bottom: 1px solid var(--border); padding-bottom: 50px; } } .ova-single-product-summary-right { width: 35%; @media (max-width: 767px) { width: 100%; } } // Content product item .content-product-item { h2 { font-weight: 700; font-size: 42px; line-height: 54px; color: #000000; @media (max-width: 767px) { font-size: 28px; } } h4 { font-weight: 700; font-size: 24px; line-height: 28px; color: #000000; } ul { margin: 0 8px 0 28px; padding: 0; list-style-type: disc; li { font-weight: 400; line-height: 1.5; &::marker { color: var(--primary); font-size: 20px; } &:not(:last-child) { margin-bottom: 10px; } } } } // Tour included/excluded .tour-included-excluded-content { display: flex; flex-wrap: wrap; gap: 10px; ul { list-style-type: none; li { position: relative; &:before { position: absolute; font-family: 'icomoon'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 20px; -webkit-font-smoothing: antialiased; top: 2px; left: -28px; } } .item-tour-included { &:before { content: "\e90e"; color: var(--secondary); } } .item-tour-excluded { &:before { content: "\e915"; color: var(--primary); } } } } // Tour Plan .tour-plan-content { .item-tour-plan { margin-bottom: 20px; .tour-plan-title { position: relative; padding: 10px 20px 10px 10px; background: #F5F5F5; border-radius: 5px; cursor: pointer; .tour-plan-day { display: inline-block; font-size: 14px; line-height: 1; padding: 8px 16px; margin-right: 16px; background-color: var(--primary); border-radius: 5px; color: #fff; @media (max-width: 500px) { padding: 8px; margin-right: 5px; } } .tour-plan-label { display: inline-block; font-weight: 700; margin: 5px 0; } i { position: absolute; font-size: 24px; right: 24px; top: 50%; transform: translateY(-50%); @media (max-width: 500px) { right: 10px; } } } .tour-plan-description { display: none; padding: 23px 32px; background: #FFFFFF; border: 1px solid #F5F5F5; border-radius: 0px 0px 5px 5px; p { margin: 0 0 18px 0; } } &.active { .tour-plan-description { display: block; } } } } .rtl { .tour-included-excluded-content{ ul{ &.tour-included, &.tour-excluded{ li{ padding-right: 30px; &:before{ display: none; } &:after{ content: "\e90e"; color: var(--secondary); position: absolute; font-family: "icomoon"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 20px; -webkit-font-smoothing: antialiased; top: 2px; right: 0px; } } } &.tour-excluded{ li{ &:after{ content: "\e915"; color: var(--primary); } } } } } .tour-plan-content { .item-tour-plan { .tour-plan-title{ .tour-plan-day { margin-right: 0; margin-left: 16px; } i { right: unset; left: 24px; } } } } } // Map .tripgo-tour-map { .tour-show-map { width: 100%; height: 428px; } } // Location & Review .ova-location-review { display: flex; flex-wrap: wrap; margin-bottom: 35px; .ova-product-location { margin-right: 30px; display: flex; i { font-size: 20px; line-height: 22px; color: var(--secondary); margin-right: 7px; } a { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--heading); @include transaction( all, 0.3s, ease ); &:hover { color: var(--primary-hover); } } } } // Star rating .ova-product-review { margin-right: 30px; line-height: 18px; @media (max-width: 500px) { margin-bottom: 5px; } .star-rating { display: inline-block; margin: 0; color: #FFC83E; vertical-align: middle; &:before { color: #FFC83E; } } .woo-review-link { font-size: 14px; color: var(--text); vertical-align: middle; &:hover { color: var(--primary); } } } // Wishlist .ova-single-product-wishlist { max-width: 45%; @media (max-width: 1024px) { max-width: 100%; } .yith-wcwl-add-to-wishlist { margin: 0; .yith-wcwl-add-button { display: flex; align-items: center; .add_to_wishlist { i { font-size: 18px; color: var(--primary); margin: 0; } span { display: none; } } } .feedback { color: var(--primary) } a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: var(--heading); font-weight: 500; &:hover { color: var(--primary); } } } } // Features .ova-features-product { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 34px; align-items: center; padding: 55px 0; max-width: calc(100% - 500px); .feature { display: flex; align-items: center; justify-content: flex-start; gap: 20px; width: calc(25% - 24px); @media (max-width: 1200px) { width: calc(33% - 24px); } @media (max-width: 767px) { width: calc(50% - 24px); } @media (max-width: 320px) { width: 100%; } i { font-size: 30px; color: var(--primary); line-height: 1; } .title-desc { .title { margin: 0 0 10px; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--text); } .desc { margin: 0; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--text); opacity: 0.7; } } } } // Video & Gallery .ova-video-gallery { @include transaction( all, 0.7s, ease ); position: absolute; top: 10px; right: 10px; display: flex; align-items: center; z-index: 2; .btn-video-gallery { display: inline-flex; align-items: center; justify-content: center; gap: 5px; font-weight: 400; font-size: 14px; line-height: 1; height: 35px; color: var(--text); margin: 0 4px; padding: 5px 8px; background-color: #FFFFFF; border: 1px solid var(--border); border-radius: 5px; cursor: pointer; @include transaction( all, 0.3s, ease ); i { font-size: 16px; color: #FD4C5C; @include transaction( all, 0.3s, ease ); } &:hover { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #FFFFFF; i { color: var(--secondary-hover); color: #FFFFFF; } } } .video-container { display: none; background-color: rgba( 0, 0, 0, 0.3 ); align-items: center; justify-content: center; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 99999; .modal-container { line-height: 0; width: 100%; max-width: 900px; position: relative; margin: 0 auto; @media screen and (max-width: 900px) { width: 90%; } .modal { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; i { position: absolute; right: -10px; top: -35px; padding: 10px; cursor: pointer; font-size: 12px; color: #FFFFFF; font-weight: 600; @include transaction( all, 0.3s, ease ); &:hover { color: var(--primary); } } .modal-video { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border: none; } } } } .btn-share { position: relative; width: 40px; height: 35px; i { margin: 0; } .ova-social { width: 100%; list-style-type: none; padding:0; margin:0; position: absolute; @include transaction( all, 0.3s, ease-in-out ); top: 0; left: 0; z-index: -1; opacity: 0; li { width: 100%; &:first-child { margin-top: 5px; } &:not(:last-child) { margin-bottom: 5px; } a { display: flex; align-items: center; justify-content: center; font-weight: 400; line-height: 1; width: 40px; height: 35px; color: var(--text); background-color: #FFFFFF; border: 1px solid var(--border); border-radius: 5px; cursor: pointer; @include transaction( all, 0.3s, ease ); i { font-size: 20px; color: #FD4C5C; margin-right: 0; @include transaction( all, 0.3s, ease ); } &:hover { background-color: var(--primary-hover); border-color: var(--primary-hover); color: #FFFFFF; i { color: var(--secondary-hover); color: #FFFFFF; } } } } } &:hover { .ova-social { top: 35px; opacity: 1; transform: rotate(0deg); transition-delay: 0.08s; } } } } // Tour Review .ova-tour-review { .woocommerce-Reviews-title { font-size: 24px; line-height: 1.3; padding: 20px 0; } #review_form { p { margin:0; } } .rx-review-form-area-style-2 { background-color: var(--second-background); } select.rx_shorting { background-image: none; padding: 12px; padding-right: 30px; } .rx_recommended_wrapper, .rx_rating_graph_wrapper { box-shadow: 0px 4px 40px rgb(43 89 255 / 8%); hr { border-bottom: 0; } } .rx_style_two_free_progress_bar { .progressbar-title { font-weight: 400; } .progress { .progress-bar { background: var(--secondary); } } } .rx-filter-bar { background-color: #f5f5f5 !important; } .rx-selection-arrow { b { margin-left: -3px; } } #rx_comment_form__wrapper { p { margin: 0; } } .rx_listing, .rx_listing_style_2 { .rx_review_block .rx_body p { color: var(--text) !important; } } } // Product forms .ova-forms-product { width: 100%; margin-bottom: 35px; .forms-wrapper { background: #FFFFFF; box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08); border-radius: 10px; padding: 30px; width: 100%; position: relative; margin-top: -120px; z-index: 1; @media (max-width: 1024px) { margin-top: 30px; } .price-product { margin-bottom: 30px; .label { display: flex; align-items: flex-end; gap: 7px; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--text); margin-bottom: 10px; i { font-size: 24px; color: var(--primary); } } .price { .regular-price { font-weight: 700; font-size: 32px; line-height: 36px; letter-spacing: -1px; color: var(--secondary); } .sale-price { margin-left: 3px; font-weight: 700; font-size: 20px; line-height: 26px; -webkit-text-decoration-line: line-through; -webkit-text-decoration-color: var(--light); -webkit-text-decoration-style: solid; -webkit-text-decoration-thickness: 1px; text-decoration-line: line-through; text-decoration-color: var(--light); text-decoration-style: solid; text-decoration-thickness: 1px; color: var(--light); } } } .logo { display: flex; align-items: center; justify-content: center; width: 100%; position: relative; margin-bottom: 20px; &:before, &:after { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: var(--primary); } &:before { left: 0; } &:after { right: 0; } i { font-size: 30px; color: var(--primary); } .line { position: absolute; width: 95%; height: 1px; margin-top: -0.5px; background-image:linear-gradient(to right, var(--primary) 0%, var(--primary) 50%, transparent 50%); background-size: 15px; background-repeat:repeat-x; z-index: -1; } } .tabs { display: flex; justify-content: space-around; position: relative; &:before { position: absolute; content: ""; width: 110%; height: 2px; bottom: 0; background-color: var(--border); border-radius: 8px; } .item { font-weight: 700; font-size: 16px; line-height: 20px; color: var(--light); cursor: pointer; padding: 15px; position: relative; z-index: 1; &.active { color: var(--secondary); border-bottom: 2px solid var(--secondary); } } } .ova-booking-form, .ova-request-form { display: none; .ovabrw-wrapper-guestspicker { position: relative; &.only-show-adults { .ovabrw-guestspicker { display: none; } .ovabrw-guestspicker-content { display: block !important; position: relative; margin-top: 0; box-shadow: none; &:before { content: none; } } } .ovabrw-guestspicker { width: 100%; height: 48px; padding: 11px 16px; background-color: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); caret-color: var(--primary); cursor: pointer; } .ovabrw-guestspicker-content { display: none; position: absolute; width: 100%; margin-top: 7px; left: 0; z-index: 1; padding: 8px 16px; background-color: #fff; border: 1px solid #E6E6E6; box-sizing: border-box; box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.05); border-radius: 5px; &:before { content: ""; top: -7px; left: 50%; margin-left: -3.5px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #efefef; position: absolute; display: inline-block; } .guests-buttons { display: flex; align-items: center; justify-content: space-between; .description { display: flex; align-items: center; label { margin-bottom: 0; } .guests-price, .guests-labels { margin-left: 10px; font-size: 16px; font-weight: 700; color: var(--heading); } } .guests-button { display: flex; align-items: center; width: 100px; .guests-icon { display: flex; align-items: center; justify-content: center; width: 25px; min-width: 25px; height: 25px; text-align: center; border: none; border-radius: 4px; background-color: var(--first-background); cursor: pointer; color: var(--heading); @include transaction( all, 0.3s, ease ); &:hover { background-color: var(--secondary); color: #FFFFFF; } } input { height: 48px; width: 100%; margin: 0; background-color: #FFFFFF; padding: 0; border-radius: 0; font-size: 16px; font-weight: 400; border: none; pointer-events: none; color: var(--text); text-align: center; } } } } } } .ova-booking-form { form.booking-form { @keyframes ajax_loading { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } @keyframes blinker { 30% { opacity: 0.3; } 75% { opacity: 0.7; } 100% { opacity: 1; } } #ovabrw-g-recaptcha-booking { margin-bottom: 20px; } .ovabrw-form-container { padding-top: 30px; .rental_item { position: relative; margin-bottom: 25px; &.ovabrw_checkout_field.ovabrw-hide-field { display: none; } label { display: block; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--heading); margin-bottom: 4px; } input { width: 100%; height: 48px; padding: 11px 16px; background-color: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); &:focus { outline: none; } &.ovabrw_start_date { cursor: pointer; &.ovabrw_readonly { background-color: #F5F5F5; cursor: not-allowed; } } &.ovabrw_end_date { cursor: not-allowed; background-color: #F5F5F5; } } textarea { width: 100%; max-width: 100%; } .ovabrw-date-loading { display: none; position: absolute; right: 20px; top: 50%; margin-top: 4px; i { display: flex; animation: ajax_loading 1.2s linear infinite; font-size: 16px; color: var(--primary); } } .ovabrw-times { line-height: 1; .duration { display: inline-block; position: relative; padding-left: 25px; margin-right: 20px; margin-bottom: 0; cursor: pointer; font-size: 14px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; input.ovabrw_time_from { position: absolute; opacity: 0; cursor: pointer; height: auto; } span.checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid #E6E6E6; box-sizing: border-box; border-radius: 50%; @include transaction( all, 0.3s, ease ); &:after { content: ""; position: absolute; opacity: 0; visibility: hidden; top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background-color: var(--secondary); @include transaction ( all, .25s, ease-in-out ); } } &:hover { input ~ .checkmark { border-color: var(--secondary); } } input:checked ~ .checkmark { border-color: var(--secondary); } input:checked ~ .checkmark:after { opacity: 1; visibility: visible; } } } .ovabrw-ckf-radio, .ovabrw-checkbox { display: flex; align-items: center; position: relative; cursor: pointer; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; &:hover { input ~ .checkmark { background-color: var(--secondary); } } input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } input:checked ~ .checkmark { background-color: var(--secondary); } .checkmark { position: absolute; left: 0; height: 25px; width: 25px; background-color: var(--border); border-radius: 50%; z-index: -1; &:after { content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } input:checked ~ .checkmark:after { display: block; } label { display: block; width: 100%; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); padding-left: 35px; cursor: pointer; margin-bottom: 0; } } .ovabrw-checkbox{ .checkmark { border-radius: 5px; } } .ovabrw-file { position: relative; label { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-bottom: 0; .ovabrw-file-chosen { background-color: #FFF; font-size: 16px; line-height: 26px; color: var(--text); border: 1px solid #E0E0E0; border-radius: 5px; padding: 10px 20px; height: 48px; box-sizing: border-box; cursor: pointer; } .ovabrw-file-name { font-size: 14px; font-style: italic; color: var(--primary); } } input { position: absolute; opacity: 0; visibility: hidden; padding: 0; height: 0; border: none; } } } .ovabrw-resources { width: 100%; .item { &:not(:last-child) { margin-bottom: 10px; } .ovabrw-resource-title { display: flex; align-items: center; position: relative; cursor: pointer; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; &:hover { input ~ .checkmark { background-color: var(--secondary); } } input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } input:checked ~ .checkmark { background-color: var(--secondary); } .checkmark { position: absolute; left: 0; height: 25px; width: 25px; background-color: var(--border); border-radius: 5px; z-index: -1; &:after { content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } input:checked ~ .checkmark:after { display: block; } label { display: block; width: 100%; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); padding-left: 35px; cursor: pointer; margin-bottom: 0; } } .ovabrw-resource-price { .ovabrw-adult-price, .ovabrw-children-price, .ovabrw-baby-price { display: flex; align-items: center; justify-content: space-between; line-height: 1.3em; label { font-weight: 400; font-size: 14px; line-height: 1em; color: var(--light); } .ovabrw-guests-price { .ovabrw-rs-duration { font-weight: 400; font-size: 14px; line-height: 1em; color: var(--light); } .ovabrw-adult-amount, .ovabrw-children-amount, .ovabrw-baby-amount { font-weight: 700; font-size: 14px; line-height: 1em; color: var(--heading); } } } } } } .ovabrw_services { .ovabrw_service_select { &:not(:last-child) { margin-bottom: 10px; } select { padding-right: 35px; } } } .ovabrw-deposit { .title-deposit { display: none; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--heading); } .ovabrw-type-deposit { display: flex; justify-content: space-between; width: 100%; overflow: hidden; input { display: none; } label { display: inline-block; padding: 12px 20px; margin: 0; font-size: 1em; line-height: 1.1; font-weight: 500; color: var(--text); background-color: var(--border); opacity: 1; width: 50%; min-width: 50%; text-align: center; cursor: pointer; } input[type="radio"]:checked + label { background-color: var(--secondary); color: #FFFFFF; } input[type="radio"]#ovabrw-pay-full + label { margin: 0; } } } .ajax-show-total { margin-bottom: 15px; .ovabrw-show-amount { position: relative; display: none; align-items: center; justify-content: space-between; .label { font-weight: 400; font-size: 18px; line-height: 20px; color: var(--heading); } .show-amount { font-size: 20px; line-height: 20px; color: var(--heading); &.show-availables-number, .amount { font-weight: 500; } } .ajax-loading-total { display: none; position: absolute; right: 0; i { display: flex; animation: ajax_loading 1.2s linear infinite; font-size: 18px; color: var(--primary); } } } .ovabrw-ajax-availables { margin-bottom: 10px; } .ovabrw-ajax-amount-insurance { display: none; text-align: right; .show-amount-insurance { font-weight: normal; font-size: 14px; line-height: 20px; color: var(--heading); .amount { font-weight: 600; } } } } } .terms-conditions { margin-bottom: 20px; > label { display: flex; align-items: baseline; input[name="ovabrw-booking-terms-conditions"] { margin-right: 10px; &.ovabrw-required { margin-left: 3px; outline: 2px solid #e2401c; outline-offset: 1px; } } } } .ajax-error { display: none; font-weight: 400; font-size: 16px; line-height: 26px; color: red; margin-bottom: 15px; -webkit-animation: blinker 1.2s linear 2; animation: blinker 1.2s linear 2; } .booking-form-submit { position: relative; width: 100%; font-weight: 600; font-size: 16px; line-height: 24px; padding: 18px 0; margin: 5px 0 10px; color: #FFFFFF; border-radius: 5px; box-sizing: border-box; @include transaction( all, 0.3s, ease ); .ovabrw-submit-loading { display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; i { display: flex; animation: ajax_loading 1.2s linear infinite; font-size: 16px; color: #FFF; @include transaction( all, 0.3s, ease ); } } &:hover { color: var(--primary); .ovabrw-submit-loading { i { color: var(--primary); } } } &.disabled { opacity: 0.5; pointer-events: none; } } } } .ova-request-form { form.request-form { .ovabrw-form-container { padding-top: 30px; .rental_item { position: relative; margin-bottom: 25px; &.ovabrw_checkout_field.ovabrw-hide-field { display: none; } label { display: block; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--heading); } input { width: 100%; height: 48px; padding: 11px 16px; background-color: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); &:focus { outline: none; } &.ovabrw_start_date { cursor: pointer; &.ovabrw_readonly { background-color: #F5F5F5; cursor: not-allowed; } } &.ovabrw_end_date { cursor: not-allowed; background-color: #F5F5F5; } } textarea { width: 100%; max-width: 100%; } .ovabrw-date-loading { display: none; position: absolute; right: 20px; top: 50%; margin-top: 4px; i { display: flex; animation: ajax_loading 1.2s linear infinite; font-size: 16px; color: var(--primary); } } .ovabrw-times { line-height: 1; .duration { display: inline-block; position: relative; padding-left: 25px; margin-right: 20px; margin-bottom: 0; cursor: pointer; font-size: 14px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; input.ovabrw_time_from { position: absolute; opacity: 0; cursor: pointer; height: auto; } span.checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid #E6E6E6; box-sizing: border-box; border-radius: 50%; @include transaction( all, 0.3s, ease ); &:after { content: ""; position: absolute; opacity: 0; visibility: hidden; top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background-color: var(--secondary); @include transaction ( all, .25s, ease-in-out ); } } &:hover { input ~ .checkmark { border-color: var(--secondary); } } input:checked ~ .checkmark { border-color: var(--secondary); } input:checked ~ .checkmark:after { opacity: 1; visibility: visible; } } } .ovabrw-ckf-radio, .ovabrw-checkbox { display: flex; align-items: center; position: relative; cursor: pointer; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; &:hover { input ~ .checkmark { background-color: var(--secondary); } } input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } input:checked ~ .checkmark { background-color: var(--secondary); } .checkmark { position: absolute; left: 0; height: 25px; width: 25px; background-color: var(--border); border-radius: 50%; z-index: -1; &:after { content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } input:checked ~ .checkmark:after { display: block; } label { display: block; width: 100%; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); padding-left: 35px; cursor: pointer; margin-bottom: 0; } } .ovabrw-checkbox{ .checkmark { border-radius: 5px; } } .ovabrw-file { position: relative; label { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-bottom: 0; .ovabrw-file-chosen { background-color: #FFF; font-size: 16px; line-height: 26px; color: var(--text); border: 1px solid #E0E0E0; border-radius: 5px; padding: 10px 20px; height: 48px; box-sizing: border-box; cursor: pointer; } .ovabrw-file-name { font-size: 14px; font-style: italic; color: var(--primary); } } input { position: absolute; opacity: 0; visibility: hidden; padding: 0; height: 0; border: none; } } } .ovabrw-resources { width: 100%; .item { &:not(:last-child) { margin-bottom: 10px; } .ovabrw-resource-title { display: flex; align-items: center; position: relative; cursor: pointer; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; &:hover { input ~ .checkmark { background-color: var(--secondary); } } input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } input:checked ~ .checkmark { background-color: var(--secondary); } .checkmark { position: absolute; left: 0; height: 25px; width: 25px; background-color: var(--border); border-radius: 50%; z-index: -1; &:after { content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } input:checked ~ .checkmark:after { display: block; } label { display: block; width: 100%; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--text); padding-left: 35px; cursor: pointer; margin-bottom: 0; } } .ovabrw-resource-price { .ovabrw-adult-price, .ovabrw-children-price, .ovabrw-baby-price { display: flex; align-items: center; justify-content: space-between; line-height: 1.3em; label { font-weight: 400; font-size: 14px; line-height: 1em; color: var(--light); } .ovabrw-guests-price { .ovabrw-rs-duration { font-weight: 400; font-size: 14px; line-height: 1em; color: var(--light); } .ovabrw-adult-amount, .ovabrw-children-amount, .ovabrw-baby-amount { font-weight: 700; font-size: 14px; line-height: 1em; color: var(--heading); } } } } } } .ovabrw_services { .ovabrw_service_select { &:not(:last-child) { margin-bottom: 10px; } select { padding-right: 35px; } } } } .terms-conditions { margin-bottom: 20px; > label { display: flex; align-items: baseline; input[name="ovabrw-request-booking-terms-conditions"] { margin-right: 10px; &.ovabrw-required { margin-left: 3px; outline: 2px solid #e2401c; outline-offset: 1px; } } } } .ajax-error { display: none; font-weight: 400; font-size: 16px; line-height: 26px; color: red; margin-bottom: 15px; -webkit-animation: blinker 1.2s linear 2; animation: blinker 1.2s linear 2; } #ovabrw-g-recaptcha-enquiry { margin-bottom: 20px; } .request-form-submit { position: relative; width: 100%; font-weight: 600; font-size: 16px; line-height: 24px; padding: 18px 0; margin: 5px 0 10px; color: #FFFFFF; border-radius: 5px; box-sizing: border-box; @include transaction( all, 0.3s, ease ); .ovabrw-submit-loading { display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; i { display: flex; animation: ajax_loading 1.2s linear infinite; font-size: 16px; color: #FFF; @include transaction( all, 0.3s, ease ); } } &:hover { color: var(--primary); .ovabrw-submit-loading { i { color: var(--primary); } } } &.disabled { opacity: 0.5; pointer-events: none; } } } } } } // Product Tabs .ova-tabs-product { width: 100%; margin-bottom: 35px; .tabs { display: flex; align-items: center; flex-wrap: wrap; .item { font-weight: 500; font-size: 16px; text-transform: uppercase; line-height: 1.3; color: var(--heading); background-color: var(--first-background); cursor: pointer; padding: 16px 24px; margin: 0 10px 10px 0; border-radius: 5px; z-index: 1; &.active { color: #fff; background-color: var(--secondary); } } } .content-product-item { display: none; } } _woocommerce.scss 0000777 00000000563 15251553505 0010140 0 ustar 00 @import 'woocommerce/layout'; @import 'woocommerce/typo'; @import 'woocommerce/listing'; @import 'woocommerce/detail'; @import 'woocommerce/checkout'; @import 'woocommerce/cart'; @import 'woocommerce/order'; @import 'woocommerce/login'; @import 'woocommerce/sidebar'; @import 'woocommerce/msg'; @import 'woocommerce/single-product'; @import 'woocommerce/datetimepicker'; base/_galleries.scss 0000777 00000001444 15251553505 0010501 0 ustar 00 .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption{ width: 100%;} .slide_gallery{ clear: both; margin-bottom: 30px; .owl-dots{ z-index: 1; position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; .owl-dot{ width: 10px; height: 10px; background-color: #fff; border: 1px solid; border-radius: 50%; border-color: #ccc; margin: 0px 3px; &.active, &:hover{ background-color: var(--primary); border-color: var(--primary); } } } } .wp-block-gallery{ @media( max-width: $handle ){ .blocks-gallery-grid{ .blocks-gallery-item{ width: 100%; margin: 0 0 20px 0px; } } } } .gallery{ .gallery-item{ @media( max-width: $handle ){ width: 100%!important; } } } base/_footer.scss 0000777 00000000230 15251553505 0010020 0 ustar 00 footer.footer{ clear: both; padding-bottom: 45px; padding-top: 45px; background-color: #333; color: #fff; text-align: center; margin-top: 60px; } base/_breadcrumbs.scss 0000777 00000001371 15251553505 0011022 0 ustar 00 .wrap_breadcrumbs{ background-color: #fafafa; margin-bottom: 60px; position: relative; &: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; 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; a{ color: var(--text); &:hover{ color: var(--primary); } } .separator{ i{ font-size: 0.6em; color: var(--text); opacity: 0.5; position: relative; } } } } base/_caption.scss 0000777 00000000651 15251553505 0010166 0 ustar 00 .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; img { border: 0 none; padding: 0; margin: 0; } img[class*="wp-image-"] { display: block; margin: 0; } .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; } } base/_sticky.scss 0000777 00000000403 15251553505 0010032 0 ustar 00 .header_sticky { &.active_sticky{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding-top: 5px!important; padding-bottom: 5px!important; background-color: #fff; @include transaction( all, 0.3s, linear ); } } base/_table.scss 0000777 00000002027 15251553505 0007617 0 ustar 00 table{ border-collapse: collapse; border-spacing: 0; border: 1px solid #ededed; font-size: 100%; line-height: 2; margin: 0 0 20px; width: 100%; thead { display: table-header-group; vertical-align: middle; border-color: inherit; tr{ display: table-row; vertical-align: inherit; border-color: inherit; td,th{ padding: 5px 10px; font-weight: bold; color: var(--heading); border: 1px solid #ededed; text-align: left; a{ color: var(--heading); } } } } tbody { display: table-row-group; vertical-align: middle; border-color: inherit; tr { display: table-row; vertical-align: inherit; border-color: inherit; td, th{ padding: 5px 10px; border: 1px solid #ededed; color: var(--text); text-align: left; a{ color: var(--heading); border-bottom: 1px solid var(--primary); font-weight: normal; &:hover{ color: var(--primary); } } } th{ color: var(--heading); } } } } base/_layout.scss 0000777 00000005327 15251553505 0010053 0 ustar 00 body{ background-color: #fff; // When use Boxed Layout &.container_boxed{ .wrap-fullwidth{ max-width: var(--container-width); margin: 0 auto; background-color: #fff; } .row_site{ padding: var(--boxed-offset); } } &.rtl { direction: rtl; } .row_site{ margin: 0 auto; } .container_site{ padding-left: 10px; padding-right: 10px; } // for ova mega menu .ovamegamenu_container_default { width: var(--container-width); } .row_site, .elementor-section.elementor-section-boxed>.elementor-container{ max-width: var(--container-width); @media( max-width: $desktop - 1 ){ padding-left: 10px; padding-right: 10px; } } &.page-template-default{ .elementor-section.elementor-section-boxed>.elementor-container{ padding-left: 0px; padding-right: 0px; } } &.layout_1c{ #main-content{ max-width: 100%; } } &.layout_2l{ #main-content{ float: right; } #sidebar{ float: left; margin-bottom: 60px; } } &.layout_2r{ #main-content{ float: left; } #sidebar{ float: right; margin-bottom: 60px; } } #main-content{ max-width: calc( var(--main-content) - 60px ); width: 100%; margin-bottom: 60px; @media( max-width: $desktop - 1 ){ max-width: 100%; } } #sidebar{ max-width: var(--width-sidebar); width: 100%; @media( max-width: $desktop - 1 ){ max-width: 100%; } } .wrap_footer{ clear: both; } .inside-content{ min-height: calc(100vh - 200px); } } // Fancybox .fancybox__container { z-index: 9999 !important; .fancybox__image { border-radius: 10px; } } .compensate-for-scrollbar { padding: 0 !important; } // Key Burn Image Carousel ( Swiper Slider ) .swiper-image-stretch .swiper-slide .swiper-slide-image { display: block; transform: scale(1); } .swiper-image-stretch .swiper-slide.swiper-slide-active .swiper-slide-image { transition-delay: 0.2s; transform: scale(1.06); transform-origin: left bottom; transition: transform 5s linear; } // class ova_responsive_margin_top .ova_responsive_margin_top { .elementor-widget-container { @media (min-width: 1550px) { margin-top: -150px; } @media (max-width: 1549px) { margin-top: -80px; } @media (max-width: 1200px) { margin-top: 0; } } } // ova hide element .ova-hide-element-min1024-max1300{ @media (min-width: 1024px) and (max-width: 1300px) { display: none; } } .ova-hide-element-min1024-max1450{ @media (min-width: 1024px) and (max-width: 1450px) { display: none; } } base/_recent_post_thumbs_plugin.scss 0000777 00000000775 15251553505 0014025 0 ustar 00 .rpwwt-widget{ ul{ li{ margin: 0 !important; img { border-radius: 10px; margin: 0 15px 10px 0 !important; } a { .rpwwt-post-title{ font-weight: 700; line-height: 1.3; color: var(--heading); } &:hover { .rpwwt-post-title { color: var(--primary); } } } .rpwwt-post-date, .rpwwt-post-comments-number{ font-size: 14px; line-height: 1.3; margin-top: 5px; color: var(--light); } } } } base/_form.scss 0000777 00000005663 15251553505 0007504 0 ustar 00 button, input, select, textarea{ color: var(--text); line-height: $line-height-form; &: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: $border-radius-input; padding: $padding-input; border-color: $border-field-color; background-color: $background-field; 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; &::placeholder { color: var(--text); } &:focus{ color: var(--heading); } .form-light & { color: #fff; &::placeholder { color: #fff; } } } button, input[type='button'], input[type='reset'], input[type='submit']{ border: 1px solid; border-radius: $border-radius-btn; padding: $padding-btn; font-size: 1em; border-color: var(--primary); background-color: var(--primary); color: #fff; cursor: pointer; font-weight: 600; @include transaction( all, 0.3s, linear ); &:hover{ background-color: transparent; border-color: var(--primary); color: var(--primary); } } select{ &:not([size]):not([multiple]) { background-color: $background-field; color: var(--text); border: 1px solid $border-field-color; border-radius: $border-radius-input; padding: $padding-input; 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; } } body.rtl { select { &:not([size]):not([multiple]) { background-position: 12px center; } } } 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, textarea{ &::-webkit-input-placeholder { /* Edge */ opacity: 0.5; } &:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.5; } &::placeholder { opacity: 0.5; } } // RTL .rtl { select{ &:not([size]):not([multiple]) { background-position: left 12px top 50%; } } } base/_404.scss 0000777 00000001505 15251553505 0007037 0 ustar 00 .ova_404_page{ margin: 120px 0px; display: block; text-align: center; @media(max-width: 1024px){ margin: 90px 0px; padding: 0 20px; } @media(max-width: 479px){ margin: 60px 0px; } img{ margin-bottom: 36px; } .title{ margin: 0 0 15px 0; font-size: 42px; line-height: 1.2; } .description{ display: inline-block; margin: 0 0 36px 0; max-width: 420px; font-size: 20px; line-height: 1.4; } .ova-go-home{ a{ transition: all .3s ease; padding: 18px 32px; background-color: var(--primary); color: #fff; display: inline-block; border: 1px solid var(--primary); font-weight: 600; border-radius: 10px; &:hover{ transition: all .3s ease; background-color: #fff; color: var(--primary); } } } } base/_page.scss 0000777 00000000057 15251553505 0007445 0 ustar 00 .page article.post-wrap{ display: flow-root; } base/_typography.scss 0000777 00000007542 15251553505 0010745 0 ustar 00 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) { overflow-x: hidden; } &.admin-bar{ top: 32px; } } h1, h2, h3, h4, h5, h6{ color: var(--heading); font-family: var(--primary-font); font-weight: bold; clear: both; margin: 1em 0 0.5em 0px; } h1{ font-size: 2em; line-height: 1.21; } h2{ font-size: 1.7411em; line-height: 1.21; } h3{ font-size: 1.5157em; } h4{ font-size: 1.3195em; } h5{ font-size: 1.1487em; } h6{ font-size: 1em; } a{ text-decoration: none; color: var(--primary); &:hover, &:focus{ text-decoration: none; outline: none; } } p{ line-height: var(--line-height); margin: 0 0 2em; &:empty{ height: 0; margin: 0; } } .elementor-text-editor p{ line-height: inherit; margin: 0; } blockquote { position: relative; font-weight: 600; color: var(--heading); padding: 20px 60px 20px; font-style: italic; margin: 0; margin-bottom: 32px; font-size: 1.2em; @media(max-width: 767px){ padding: 0; margin: 10px; margin-bottom: 32px; } &.wp-block-quote{ &.is-style-large{ padding: 20px 60px 20px; @media(max-width: 767px){ padding: 35px; margin: 10px; } &:not(.is-style-plain){ padding: 20px 60px 20px; } } } p{ margin-bottom: 20px; line-height: 1.3; } cite{ font-size: 16px; color: var(--secondary); } &:before{ position: absolute; left: 10px; top: 25px; content: "\f17f"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; font-size: 30px; color: var(--primary); @media(max-width: 767px){ left: -20px; top: -5px; font-size: 15px; } } &.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){ right: -20px; width: 15px; height: 15px; } } } &.left{ margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } &.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: $border-radius-btn-2; padding: $padding-btn-2; line-height: $line-height-form; } base/_brand.scss 0000777 00000000420 15251553505 0007611 0 ustar 00 .site-brand{ a{ .blogname{ font-weight: bold; font-size: 2em; line-height: 1.5em; color: var(--primary); } } @media( max-width: $desktop - 1 ){ display: block; float: left; max-width: calc(100% - 120px); z-index: 1; position: relative; } } base/_toup.scss 0000777 00000000666 15251553505 0007526 0 ustar 00 #scrollUp{ bottom: 20px; right: 20px; border-radius: 4px; background-color: var(--primary); color: #fff; text-align: center; &:hover{ background-color: #333; @include transaction ( all, 0.3s, linear ); } i{ color: #fff; text-align: center; display: block; font-weight: bold; position: relative; padding: 10px 10px 5px 10px; &:before{ font-weight: bold!important; } } } base/_header.scss 0000777 00000000456 15251553505 0007764 0 ustar 00 .wrap_header{ padding-top: 15px; padding-bottom: 15px; @media( min-width: $desktop ){ display: flex; justify-content: space-between; align-content: center; align-items: center; } a.navbar-brand{ img{ width: 120px; } } } base/_widgets.scss 0000777 00000017245 15251553505 0010206 0 ustar 00 .sidebar .widget { display: block; margin-bottom: 24px; border: 1px solid #e6e6e6; border-radius: 10px; float: left; width: 100%; padding: 25px 20px; a{ color: var(--text); &:hover{ color: var(--primary); } } h4.widget-title{ position: relative; color: var(--heading); position: relative; border-bottom: 1px solid #e6e6e6; margin: 0 -20px 20px -20px; padding: 0 20px 20px 20px; &:before { position: absolute; content: ""; top: 0; left: 0; height: calc( 100% - 20px ); width: 4px; background-color: var(--primary); } } p{ margin-top: 0; } img{ width: auto; } ul{ list-style-type: none; margin: 0; padding-left: 0px; li{ padding: 0.5em 0; &:first-child{ border-top: 0; } &:last-child{ padding-bottom: 0; } } &.children, &.sub-menu { margin: 0.5em 0 0 0.8em; } } .screen-reader-text{ display: none; } /* Widget Rss */ &.widget_rss{ ul li{ padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; &:first-child{ padding-top: 0; } &:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } a.rsswidget{ font-weight: 600; display: block; line-height: 1.5em; margin-bottom: 12px; color: var(--heading); font-size: 15px; &:hover{ color: var(--primary); } } .rss-date{ display: inline-block; margin-bottom: 12px; font-weight: 500; opacity: 0.7; } .rssSummary{ margin-bottom: 12px; color: var(--text); } cite{ color: var(--text); opacity: 0.8; text-decoration: underline; } } } /* Widget Text */ &.widget_text { border-radius: 0; border: none; padding: 0; } /* Widget Calendar */ &.widget_calendar{ width: 100%; caption{ background: transparent; color: var(--heading); font-weight: bold; text-align: center; border: none; padding: 5px 0px; } table{ margin-bottom: 0; thead{ border: 1px solid #eee; tr{ th{ background-color: #f1f1f1; color: var(--heading); border: 1px solid #e4e4e4; text-align: center; } } } tbody{ tr{ td{ border: none; text-align: center; border: 1px solid #e4e4e4; } } } } nav{ border: none; padding: 10px 0px 0px 0px; display: flex; justify-content: space-between; a{ color: var( --primary ); &:hover{ color: #343434; } } } } /* Widget Tag clound */ &.widget_tag_cloud{ .tagcloud{ position: relative; width: 100%; float: left; a{ float: left; margin: 0 10px 10px 0; display: block; font-size: 0.9em!important; @include tag(); } } } /* Widget Search */ &.widget_search{ padding: 0; form{ position: relative; &:before{ font-size: 20px; color: var(--light); opacity: 0.8; font-family: "ovaicon"; content: "\f14f"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; position: absolute; top: 50%; right: 20px; line-height: 1; transform: translate(0, -50%); cursor: pointer; } input[type="search"]{ width: 100%; padding: 13px 50px 13px 17px; border: none; border-radius: 10px; } input[type="submit"]{ position: absolute; right: 0px; top: 0; background-color: transparent; border: none; font-size: 0; width: 50px; } } } /** * Archives */ &.widget_categories, &.widget_archive{ ul{ li{ line-height: 30px; color: var(--text); text-align: right; &:before{ content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } a{ color: var(--text); float: left; text-align: left; &:hover{ color: var(--primary); } } } } .widget-custom{ ul{ li{ line-height: 30px; &:before{ content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; } a{ display: flex; justify-content: space-between; .number{ background: #eee; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; } } } } } } &.widget_categories{ .widget-custom{ ul{ li{ line-height: 30px; &:before{ content: "\f162"; font-family: "ovaicon"; } } } } } &.widget_pages{ ul{ li{ &:before{ content: "\f163"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } } &.widget_nav_menu{ ul{ li{ &:before{ content: "\f163"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } } &.widget_meta{ ul{ li{ &:before{ content: "\f112"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } } &.widget_recent_comments{ ul{ li{ color: var(--text); opacity: 0.8; &:before{ content: "\f151"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .comment-author-link{ color: var( --heading ); text-decoration: underline; a{ &:hover{ color: var(--primary); } } } } } } } base/_menu.scss 0000777 00000024570 15251553505 0007503 0 ustar 00 /** * 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: $desktop ) { display: none; } &:hover { background-color: var(--primary); color: #fff; } span:before { transition: all, ease, .2s; } &:before, &:after, span:before { content: ""; display: block; height: 2px; width: 14px; position: absolute; top: 50%; left: 1em; margin-top: -1px; transition: all, ease, .2s; border-radius: 3px; background-color: #fff; } &:before { transform: translateY(-4px); } &:after { transform: translateY(4px); } } .toggled { button.menu-toggle { &::before, &::after { transform: rotate(45deg); } &::after { transform: rotate(-45deg); } span::before { opacity: 0; } } } ul.menu { li { &.current-menu-item, &.current-menu-ancestor, &.current-menu-parent { > a { color: var(--primary); } } } } .main-navigation{ position: relative; .menu { clear: both; } ul { list-style: none; &.menu { margin-left: 0; margin-bottom: 0; ul { display: block; margin-left: 1em; } } li { display: inline-block; position: relative; text-align: left; @media (max-width: $desktop - 1 ) { display: block; } &.menu-item { &.current-menu-parent, &.current-menu-item, &.current-menu-ancestor { > a { color: var(--primary); } } .sub-menu { .menu-item { &:hover { > a { color: var(--primary); background-color: rgba(0, 0, 0, 0.03); } } } } } a { color: var(--text); padding: 0.6180469716em; display: block; &:hover { color: var( --primary ); } } } } &.toggled { .primary-navigation { ul.menu { max-height: 999px; } } } .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; &::after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; font-size: 0.6em; } &:focus { outline: none; } &:hover { background: transparent; } &.toggled-on { &:after { content: "\f10c"; font-family: "ovaicon"; } } @media (min-width: $desktop ) { display: none; } } } .main-navigation { .primary-navigation { @media (max-width: $desktop - 1 ) { ul { max-height: 0; overflow: hidden; transition: all ease 0.4s; margin: 0; padding: 0; &.show { max-height: 999px; } } } } } @media (min-width: $desktop ) { .main-navigation { // first level ul { li { display: inline-block; position: relative; text-align: left; // link hover &:hover, &.focus { > ul { left: 1.1em; display: block; opacity: 1; visibility: visible; li { > ul { left: -9999px; /* 1 */ opacity: 0; visibility: hidden; &.sub-menu--is-touch-device { display: none; left: 0; } } &:hover, &.focus { > ul { left: 100%; top: 0; display: block; opacity: 1; visibility: visible; } } } } } } // second level ul.sub-menu { float: left; position: absolute; top: 100%; z-index: 99999; left: 0; /* 1 */ opacity: 0; visibility: hidden; border-radius: 3px; background-color: $submenu-bg-color; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07); padding: 15px 0; &.sub-menu--is-touch-device { display: none; left: 0; } li { display: block; min-width: 260px; } } } ul.menu { max-height: none; overflow: visible; margin-top: 0; transition: none; > li { > a { padding: 1em; font-weight: 600; } &.menu-item-has-children, &.page_item_has_children { &:hover { &::after { display: block; } } } &.menu-item-has-children, &.page_item_has_children, &.has-mega-menu { > a { &:after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; margin: 0 0.35em; 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; } } } } // Dropdowns ul.sub-menu { margin: 0; padding: 15px 0px; li.menu-item { a { padding: 8px 25px 8px; font-weight: 400; font-size: 14px; line-height: 1.5; } &:last-child { border-bottom: 0; margin-bottom: 0; } } ul { margin: 0; } li { &.menu-item-has-children, &.page_item_has_children { > a { &::after { content: "\f104"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; float: right; margin-left: 10px; margin-top: 7px; font-size: 0.5em; font-weight: 500; line-height: 1; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } } } } } } } } base/_img.scss 0000777 00000001272 15251553505 0007305 0 ustar 00 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; } .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .bypostauthor{ position: relative; } base/_font.scss 0000777 00000002145 15251553505 0007477 0 ustar 00 // Font HK Grotesk @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-Light.otf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-Regular.otf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-Medium.otf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-SemiBold.otf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-Bold.otf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-ExtraBold.otf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "HK Grotesk"; src: url("./assets/libs/fonts/HKGrotesk-Black.otf") format("truetype"); font-weight: 900; font-style: normal; } base/_block.scss 0000777 00000013415 15251553505 0007625 0 ustar 00 /*Block Button*/ .wp-block-button{ margin: 10px 0px; a{ text-transform: uppercase; font-weight: 600; } &.alignleft{ margin-right: 20px; } &.is-style-outline{ .wp-block-button__link{ border-style: dashed; } } &.is-style-squared{ .wp-block-button__link{ border-radius: 5px; } } &.alignright{ margin-left: 20px; } } /*Block Image*/ .wp-block-image, 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; &.has-background-dim{ color: #fff; } } /*Block Gallery*/ .wp-block-gallery{ margin-bottom: 20px; padding-top: 20px; &:not(.has-nested-images).alignleft{ margin-right: 30px; } &:not(.has-nested-images){ margin-bottom: 30px; } } /*Block Category*/ .category-block{ } /*Block Column*/ .wp-block-columns{ blockquote{ padding: 20px 10px 20px 50px; &: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; li{ margin: 5px 0px; a{ position: relative; &:before{ content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } } } /*Block Calendar*/ .wp-block-calendar{ margin-bottom: 30px; } /*Bock categories*/ .wp-block-categories{ list-style-type: none; margin: 0 0 30px 0; padding: 0; li{ margin: 5px 0px; a{ position: relative; &:before{ content: "\f161"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } } /*Block latest comment*/ .wp-block-latest-comments{ padding-left: 0; &.has-avatars{ li{ &:before{ display: none; } } } li{ margin-bottom: 2em; line-height: 1.5em; &:before{ content: "\f151"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } .wp-block-latest-comments__comment-author{ text-decoration: underline; } a{ color: var(--primary); } time{ padding-top: 10px; } } } /*Block search*/ .wp-block-search{ margin-bottom: 30px; .wp-block-search__label{ margin-bottom: 10px; display: block; } &:before{ display: none!important; } .wp-block-search__input{ border-color: $border-field-color; background-color: $background-field; padding-right: 20px!important; padding-left: 20px!important; } .wp-block-search__button{ padding: $padding-btn; background-color: var(--primary); border-color: var(--primary); color: #fff; font-weight: 600; margin-left: 5px; &:hover{ background-color: transparent; color: var(--primary); } } } /*Recent Post*/ .wp-block-latest-posts{ li{ a{ position: relative; &:before{ content: "\f163"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } &.has-dates{ li{ margin-bottom: 15px; } time{ padding-left: 20px; } } } /*Tags*/ .wp-block-tag-cloud{ clear: both; position: relative; &:after{ clear: both; content: ""; display: inline-block; width: 100%; } a{ float: left; margin: 0 10px 10px 0; display: block; font-size: 0.9em !important; @include tag(); } } /*RSS*/ .wp-block-rss{ margin: 0; padding: 0; list-style-type: none; li{ margin-bottom: 5px; a{ &:before{ content: "\f197"; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: middle; margin-right: 0.6180469716em; display: block; float: left; color: var(--text); opacity: 0.5; width: 1em; font-size: 0.9em; line-height: inherit; } } } } .widget_block{ .wp-block-group__inner-container > h2{ font-size: 1.3195em; padding-bottom: 15px; margin-bottom: 15px; } } base/_blog.scss 0000777 00000021042 15251553505 0007451 0 ustar 00 /* Blog General ****************************************************/ article.post-wrap{ margin-bottom: 70px; &.sticky{ background: #f9f9f9; padding: 30px; border-top: 5px solid; border-color: var(--primary); .post-excerpt{ text-align: justify; } } .post-title{ margin: 0px 0px 20px 0px; padding: 0; line-height: 1.3em; font-weight: bold; font-size: 32px; color: var(--heading); -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; word-break: break-word; letter-spacing: -1px; font-feature-settings: 'pnum' on, 'onum' on; &:hover{ color: var(--primary); } } .post-media{ margin-bottom: 20px; img { border-radius: 10px; } } ul.post-meta{ list-style-type: none; margin: 0 0px 25px 0px; padding: 0; display: inline-block; li{ display: inline-block; font-size: 16px; margin: 0 18px 0px 0; color: var(--light); i{ font-size: 0.8em; color: var(--primary); padding-right: 3px; } a{ color: var(--light); &:hover{ color: var(--primary); } } } } .post-excerpt{ & > p{ margin-top: 0px; margin-bottom: 25px; } } a.readmore{ border-radius: 10px; clear: both; background-color: var(--primary); border-color: var(--primary); border: 1px solid; color: #fff; font-size: 1em; text-transform: none; font-weight: 600; box-shadow: none; display: inline-block; @include transaction( all, 0.2s, linear ); &:hover{ color: var(--primary); border-color: var(--primary); background-color: #fff; } } } /* Blog Default ****************************************************/ .blog_default{ .post-title{ font-weight: normal; } .post-excerpt{ font-size: 1em; } .date{ font-size: 1em; } } .layout_1c{ .blog_default{ max-width: 930px; margin: 0 auto; } } /*Blog Grid ***************************************************/ .blog_grid{ display: grid; gap: 25px; grid-template-columns: repeat(3, 1fr); @media( max-width: $desktop - 1 ){ grid-template-columns: repeat(2, 1fr); } @media( max-width: 767px ){ grid-template-columns: repeat(1, 1fr); } article.post-wrap{ .post-media{ margin-bottom: 15px; } .post-title{ font-size: 22px; } .post-excerpt{ font-size: 1em; } ul.post-meta{ margin-bottom: 15px; .date{ font-size: 1em; } } } } .layout_2l, .layout_2r{ .blog_grid{ grid-template-columns: repeat(2, 1fr); @media( max-width: 767px ){ grid-template-columns: repeat(1, 1fr); } } } /* Blog masonry ***************************************************/ .blog_masonry{ margin-left: -15px; margin-right: -15px; article{ width: 33.3%; @media(max-width: 1200px){ width: 50%; } @media( max-width: 767px ){ width: 100%; } } .content{ display: block; margin: 0px 15px; position: relative; min-height: 100px; .post-media{ margin-bottom: 15px; } .post-title{ font-size: 22px; } .post-excerpt{ font-size: 1em; } ul.post-meta{ margin-bottom: 15px; .date{ font-size: 1em; } } a.readmore{ clear: both; background-color: transparent; border-color: var(--primary); border: 1px solid; color: var(--primary); @include transaction( all, 0.2s, linear ); &:hover{ color: #fff; border-color: var(--primary); background-color: var(--primary); } } } } .layout_2l, .layout_2r{ .blog_masonry{ article{ width: 50%; min-height: 200px; @media( max-width: 767px ){ width: 100%; } } } } /* Detail ***************************************************/ .single{ article.post-wrap{ .post-title{ font-size: 42px; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; margin-bottom: 20px; margin-top: 0; word-break: break-word; &:hover{ color: var(--heading); } } .post-content{ margin-bottom: 15px; &:before, &:after{ clear: both; content: ''; display: table; } ul.ova-post-list { list-style-type: none; padding: 0; margin-bottom: 30px; li { margin-bottom: 10px; &:before{ content: "\e90d"; font-family: 'icomoon'; -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.5em; display: block; float: left; color: var(--secondary); font-size: 20px; line-height: inherit; } &::marker { color: var(--secondary); } } } } .post-tags-and-share { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 15px; .post-tags{ clear: both; a{ text-transform: capitalize; margin: 0px 5px 5px 0px; display: inline-block; margin-right: 5px; @include tag; } } .share-social-icons { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 10px; list-style: none; padding: 0 0 0 10px; margin: 0; li { display: inline-block; &:not(:last-child) { margin-right: 10px; } a { @include transaction( all, 0.2s, ease ); display: inline-flex; justify-content: center; align-items: center; background-color: var(--heading); width: 40px; height: 40px; border-radius: 10px; font-family: var(--secondary-font); font-weight: 400; font-size: 16px; line-height: 1.2; color: #fff; &:hover { @include transaction( all, 0.2s, ease ); background-color: var(--primary) !important; color: #fff; } &.ico-facebook { background-color: #506ccf; } &.ico-twitter { background-color: #97D5F0; } &.ico-pinterest { background-color: #D13B3B; } } } } } } &.layout_1c{ #main-content{ max-width: 1000px; margin: 0 auto; } } } /*Page Title ***************************************************/ h1.page-title{ margin-top: 0; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; } .search{ .page-header{ .page-title{ margin-bottom: 60px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; span{ color: var(--primary); } } } } // ova next-pre post .ova-next-pre-post { direction: ltr; margin: 30px 0; padding: 24px 0; border-width: 1px 0px; border-style: solid; border-color: #e8e7e7; &:after{ content: ''; display: block; clear: both; } .pre{ float: left; .num-2 { .title { margin-left: -16px; } } } .next { float: right; .num-2 { .title { margin-right: -16px; } } } .pre, .next { display: flex; width: calc(50% - 25px); @media (max-width: 767px) { width: 50%; } img { width: 76px; height: 76px; border-radius: 10px; display: inline-block; vertical-align: middle; @media (max-width: 767px) { display: none; } } &:hover{ .num-1 { i { color: var(--primary); } } .num-2 { span.text-label { color: var(--primary); } } } .num-1 { margin-right: 5px; i { display: inline-flex; line-height: 1; font-size: 24px; color: var(--text); } } .num-2 { span.text-label { font-size: 14px; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.2px; color: var(--text); font-weight: 600; display: inline-block; margin-bottom: 5px; } .title { font-family: var(--primary-font); display: block; font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--heading); word-break: break-word; @media (max-width: 767px) { display: none; } } } } .pre { padding-right: 10px; } .next { flex-direction: row-reverse; padding-left: 10px; .num-1 { margin: 0px; margin-left: 5px; @media (max-width: 767px) { margin-left: 0px; margin-right: 5px; } } .num-2 { text-align: right; @media (max-width: 767px) { text-align: left; } } } a { display: flex; align-items: flex-start; } } base/_comments.scss 0000777 00000012530 15251553505 0010355 0 ustar 00 /*List Comment*/ #comments{ /*Title Comment*/ .title-comments{ text-transform: uppercase; margin-bottom: 30px; font-size: 1.4em; } /*Fist Level*/ .comment-lists{ list-style-type: none; padding-left: 0; margin-left: 0; /*Children level*/ .children{ list-style-type: none; padding-left: 0; margin-left: 70px; @media(max-width: 767px){ margin-left: 15px; } } /*Item*/ .trackback, .pingback, .comment{ .comment-body{ padding-left: 140px; min-height: 100px; margin-bottom: 40px; @media(max-width: 767px){ padding-left: 0; } .comment-meta{ position: relative; margin-bottom: 10px; .avatar{ position: absolute; left: -140px; top: 5px; border-radius: 50%; width: 100px; height: auto; @media(max-width: 767px){ display: none; } } cite{ font-weight: 600; color: #333; font-style: normal; font-size: 1.1em; a{ font-weight: 600; color: #333; font-style: normal; font-size: 1.1em; } } .comment-date{ time{ font-size: 0.9em; color: #999; font-weight: 500; line-height: 1.4; font-style: italic; } } } .comment-content{ padding-bottom: 40px; border-bottom: 1px solid; border-color: #eee; .comment-text{ p{ margin: 0 0 10px 0; padding: 0; } } .reply{ a{ font-weight: 500; color: var(--primary); &.comment-reply-link{ margin-right: 10px; font-weight: bold; color: var(--primary); position: relative; padding-left: 18px; text-transform: uppercase; font-size: 12px; &:before{ position: absolute; left: 0; top: 50%; margin-top: -7px; content: "\f10f"; font-weight: 600; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; vertical-align: middle; } &:hover{ color: #333; } } &.comment-edit-link{ margin-right: 10px; font-weight: bold; color: var(--primary); position: relative; padding-left: 18px; text-transform: uppercase; font-size: 12px; &:before{ position: absolute; left: 0; top: 50%; margin-top: -7px; content: "\f167"; font-weight: 600; font-family: "ovaicon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; vertical-align: middle; } } } } } #respond{ margin-top: 0; border: 1px solid #eee; border-top: none; border-radius: 0; padding: 22px 25px 25px 25px; } } } .trackback, .pingback { .comment-body { padding-left: 0; } } } } /*Comment Form*/ #respond{ clear: both; margin: 30px 0px; position: relative; .logged-in-as{ padding-bottom: 15px; } #reply-title{ margin-top: 0; margin-bottom: 5px; text-transform: uppercase; font-size: 1.4em; #cancel-comment-reply-link{ float: right; text-align: right; position: relative; color: red; } } #commentform{ display: flex; flex-wrap: wrap; margin: 0 -15px; clear: both; p{ margin: 0; padding: 0 15px; &.logged-in-as{ padding-bottom: 15px; } } label{ font-weight: bold; text-transform: uppercase; margin-bottom: 5px; font-size: 0.9em; display: inherit; } .comment-notes{ flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .comment-form-author, .comment-form-email, .comment-form-url{ flex: 0 0 100%; max-width: 100%; order: 1; margin-bottom: 30px; @media( min-width: 1024px ){ flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } input{ width: 100%; } } .comment-form-comment{ flex: 0 0 100%; max-width: 100%; order: 2; margin-bottom: 30px; textarea{ width: 100%; } } .form-submit{ flex: 0 0 100%; max-width: 100%; order: 3; } .comment-form-cookies-consent{ display: flex; line-height: 1; margin-bottom: 15px; width: 100%; label{ padding-left: 5px; text-transform: inherit; font-weight: 500; } } } } base/_embed.scss 0000777 00000000167 15251553505 0007607 0 ustar 00 embed, iframe, object, video { max-width: 100%; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } base/_pagination.scss 0000777 00000005331 15251553505 0010662 0 ustar 00 /** * Pagination For Blog and WooCommerce */ .woocommerce, nav{ &.woocommerce-pagination, &.pagination{ margin: 60px 0px; } &.woocommerce-pagination ul.page-numbers, .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; li{ display: inline-block; margin: 0px 2px 10px 2px; border: none; padding: 0; float: none; .page-numbers{ border: 1px solid; border-color: #f1f1f1; border-radius: 5px; background: #f1f1f1; padding: 0px 10px 0px 10px; min-width: 54px; text-align: center; font-weight: 600; color: var(--text); line-height: 43px; font-size: 1em; text-shadow: none; @include transaction ( all, 0.3s, linear ); i{ font-size: 0.7em; line-height: 1; &:before{ font-weight: bold!important; } } &:hover, &:focus, &.current{ background-color: var(--primary); color: #fff; } } } } } /** * Page Link */ .page-links { clear: both; margin: 20px 0px 30px 0px; float: left; .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); &:hover, &:focus, &.current{ background-color: var(--primary); border-color: var(--primary); color: #fff; } } & > .page-links-title { border: 0; color: #1a1a1a; height: auto; margin: 0; padding-right: 0.6153846154em; width: auto; } .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; } vendor/_normalize.scss 0000777 00000013771 15251553505 0011123 0 ustar 00 /*! 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; } none.css 0000777 00000000035 15251553505 0006230 0 ustar 00 body {/*Silence is golden.*/}
| ver. 1.6 |
Github
|
.
| PHP 8.1.34 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка