sportstec.co.za
Open in
urlscan Pro
41.77.57.31
Public Scan
Submitted URL: http://sportstec.co.za/wp-content/themes/movedo/css/elements.css?ver=3.5.8
Effective URL: https://sportstec.co.za/wp-content/themes/movedo/css/elements.css?ver=3.5.8
Submission: On May 30 via api from US — Scanned from DE
Effective URL: https://sportstec.co.za/wp-content/themes/movedo/css/elements.css?ver=3.5.8
Submission: On May 30 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/* =========================================================================== */ /* - General - Title - Typed Text - Split Title - Media Box - Message Box - Empty Space - Quote - Divider - Buttons - Arrow Buttons - Slogan - Single Icon - Icon Box - SVG Icons - Social Share - Language Selector - Search - Image Sizes ( square - landscape - portrait ) - Isotope --- Isotope Filters - Gallery - Call Out - Advanced Promo - Socials - Team - DropCap - Pricing Tables - Pie Charts - Progress Bars - Counters - Video - Modal - Map - Carousel & Sliders --- Carousel & Slider Animations --- Content Sliders (Portfolio - Blog - Woo) - Testimonial - Vc Tabs - Vc Accordion - Accordion - Tabs - Single Image - Image Text - Split Content - Double Image Text - Blog Settings --- Blog Meta --- Blog Sticky --- Blog Audio Format --- Blog Quote & Link Format --- Blog Large Media --- Blog Small Media --- Blog Grid --- Blog Shadow Style --- Blog Leader --- Blog Gallery Format --- Blog Carousel - Portfolio Movedo Style - Slider & Carousel Navigations - Countdown - Gutenberg --- Block Quote --- Block Pullquote --- Block Separator --- Block Archives/ Categories / Latest Posts --- Block Gallery - Widget --- Widget Categories --- Widget Archive --- Widget Pages --- Widget Recent Post --- Widget Custom Menu --- Widget Calendar --- Widget RSS --- Widget Tagcloud --- Widget Meta --- Widget Recent Comments --- Latest Portfolio (GRVE WIDGET) --- Widget Contact Info (GRVE WIDGET) --- Widget Latest News (GRVE WIDGET) --- Widget Latest Comments (GRVE WIDGET) --- Widget Instagram Feed (GRVE WIDGET) --- Widget Latest Social (GRVE WIDGET) --- Widget Promote Post (GRVE WIDGET) --- Widget Image Banner (GRVE WIDGET) --- Widget Sticky Widget (GRVE WIDGET) --- Widget Polylang */ /* =========================================================================== */ /* ============================================================================= - General ============================================================================= */ .grve-element { position: relative; z-index: 1; } /* ============================================================================= - Title ============================================================================= */ .grve-title > span, .grve-title.grve-clipping-animation .grve-clipping-wrapper { display: inline-block; vertical-align: top; } .grve-title-line { width: 50px; height: 3px; display: block; clear: both; margin-top: 18px; } .grve-align-center .grve-title-line, .grve-align-center.grve-title-line { margin-left: auto; margin-right: auto; } .grve-align-left .grve-title-line, .grve-align-left.grve-title-line { margin-right: auto; } .grve-align-right .grve-title-line, .grve-align-right.grve-title-line { margin-left: auto; } .grve-title.grve-title-gradient > span, .grve-title.grve-title-gradient .grve-clipping-content > span { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: inline-block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .grve-title-gradient > span, .grve-title-gradient .grve-clipping-content > span { background: transparent !important; } } /* ============================================================================= - Typed Text ============================================================================= */ .grve-typed-text .grve-animated-text { height: 1em; display: inline-block; vertical-align: top; } /* ============================================================================= - Split Title ============================================================================= */ .grve-split-title > span { visibility: hidden; } .grve-split-title > span.grve-show { visibility: visible; } .grve-split-title .grve-char { letter-spacing: normal; } .grve-split-title.grve-split-size-small .grve-char { margin: 0 0.5vw; } .grve-split-title.grve-split-size-medium .grve-char { margin: 0 0.8vw; } .grve-split-title.grve-split-size-large .grve-char { margin: 0 1.3vw; } /* ============================================================================= - Media Box ============================================================================= */ .grve-box .grve-media { margin-bottom: 40px; position: relative; overflow: hidden; } .grve-box .grve-media .grve-box-media-title { position: absolute; bottom: -0.200em; left: -0.100em; margin-bottom: 0; line-height: 1.000em; z-index: 3; color: #ffffff; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .grve-box:hover .grve-media .grve-box-media-title { left: -150%; } .grve-box .grve-box-content .grve-read-more { display: inline-block; } .grve-box .grve-media img { opacity: 0; } .grve-box .grve-media .grve-map img { opacity: 1; } .grve-box .grve-box-content p { margin-bottom: 0px; } .grve-box .grve-box-content .grve-box-title { line-height: 1.400em; margin-bottom: 16px; } .grve-box .grve-box-content p + .grve-read-more { margin-top: 30px; } /* Media Icon */ .grve-media-box-icon { position: absolute; display: inline-block; width: 50px; height: 50px; line-height: 50px; top: -15px; right: -15px; background-color: #333; z-index: 10; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .grve-media-box-icon i { font-size: 26px; line-height: inherit; width: inherit; height: inherit; } /* ============================================================================= - Message Box ============================================================================= */ .grve-message { padding: 25px; position: relative; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; border: 1px solid rgba(0,0,0,0.1); } .grve-message .grve-message-icon { float: left; font-size: 2.250em; line-height: 1.200em; margin-right: 25px; } .grve-message .grve-message-icon.grve-small { font-size: 20px; line-height: 24px; } .grve-message p { margin-bottom: 0; font-size: 0.9em; line-height: 24px; overflow: hidden; } .grve-message .grve-close { position: absolute; z-index: 5; top: 0; right: 0; width: 30px; height: 30px; line-height: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .grve-message .grve-close:after, .grve-message .grve-close:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #ffffff; } .grve-message .grve-close:after { width: 10px; height: 2px; margin-left: -5px; margin-top: -1px; } .grve-message .grve-close:before { width: 2px; height: 10px; margin-left: -1px; margin-top: -5px; } @media only screen and (max-width: 767px) { .grve-message .grve-message-icon { float: none; margin-right: 0; margin-bottom: 30px; display: block; } } /* ============================================================================= - Empty Space ============================================================================= */ .grve-empty-space { margin-bottom: 0; } /* ============================================================================= - Quote ============================================================================= */ blockquote.grve-with-line { padding: 18px 0px 18px 36px; } .grve-quote-line { position: absolute; top: 0; left: 0; width: 3px; height: 100%; } .grve-quote-icon { margin-bottom: 12px; } .grve-quote-icon i.grve-extra-large { font-size: 90px; line-height: 90px; } .grve-quote-icon i.grve-large { font-size: 72px; line-height: 72px; } .grve-quote-icon i.grve-medium { font-size: 48px; line-height: 48px; } .grve-quote-icon i.grve-small { font-size: 32px; line-height: 32px; } /* ============================================================================= - Divider ============================================================================= */ hr { margin-bottom: 30px; display: block; border: none; border-top: 1px solid; } .grve-hr.grve-element, .grve-divider { margin-bottom: 0; display: block; border: none; clear: both; font-size: 0; } .grve-divider { line-height: 1; } /* Line Divider */ .grve-divider .grve-line-divider { border-top: 1px solid; } /* Dashed Divider */ .grve-divider .grve-dashed-line-divider { border-top: 1px dashed; } /* Double Line */ .grve-divider .grve-double-line-divider { height: 5px; border-top: 1px solid; border-bottom: 1px solid; } /* Double Line */ .grve-divider .grve-top-line-divider { height: auto; border-bottom: 1px solid; text-align: right; } /* Custom Divider */ .grve-divider .grve-custom-divider { display: inline-block; vertical-align: middle; clear: both; } /*.grve-divider .grve-custom-divider.grve-align-left { margin-left: 0; margin-right: auto; } .grve-divider .grve-custom-divider.grve-align-center { margin-left: auto; margin-right: auto; } .grve-divider .grve-custom-divider.grve-align-right { margin-left: auto; margin-right: 0; }*/ .grve-divider .grve-divider-backtotop { display: inline-block; cursor: pointer; margin-bottom: 15px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .grve-divider .grve-divider-backtotop:after { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px; position: relative; top: -1px; } /* ============================================================================= - Buttons ============================================================================= */ a.grve-btn, #grve-theme-wrapper button:not(.grve-custom-btn):not(.vc_general):not(.tribe-events-c-subscribe-dropdown__button-text):not(.tribe-events-calendar-month__day-cell--mobile):not(.tribe-events-c-top-bar__datepicker-button):not(.tribe-events-c-nav__next):not(.tribe-events-c-nav__prev), #grve-theme-wrapper button[type="button"]:not(.grve-custom-btn), #grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn), #grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn), #grve-theme-wrapper input[type="button"]:not(.grve-custom-btn), #grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn), #grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn), .woocommerce #grve-theme-wrapper #respond input#submit, .woocommerce #grve-theme-wrapper a.button, .woocommerce #grve-theme-wrapper button.button, .woocommerce #grve-theme-wrapper input.button { display: inline-block; padding: 1.636em 2.545em; line-height: 1.4; position: relative; -webkit-border-radius: 0; border-radius: 0; z-index: 2; vertical-align: top; margin-top: 3px; margin-bottom: 3px; outline: 0; text-align: center; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; word-wrap: break-word; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; position: relative; overflow: hidden; -webkit-transition : color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease; -moz-transition : color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease; -o-transition : color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease; -ms-transition : color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease; transition : color .5s ease, background-color .5s ease, background-size .5s ease, border-color .5s ease; -ms-touch-action: manipulation; touch-action: manipulation; } a.grve-btn.grve-btn-line { border: 1px solid; background-color: transparent; background-image: none; } .grve-fullwidth-btn { width: 100%; } /* Underline Button */ a.grve-btn.grve-btn-underline { padding: 2px 0px 1.000em 0px; border: none; } .grve-btn-bottom-line { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; -webkit-transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } a.grve-btn.grve-btn-underline:hover .grve-btn-bottom-line { width: 100%; } /* Gradient Button */ a.grve-btn.grve-btn-gradient { overflow: visible; color: #ffffff; } a.grve-btn.grve-btn-gradient:before { content: ''; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; padding: 1px; z-index: 1; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition : opacity .5s ease; -moz-transition : opacity .5s ease; -o-transition : opacity .5s ease; -ms-transition : opacity .5s ease; transition : opacity .5s ease; } a.grve-btn.grve-btn-gradient:hover:before { opacity: 0; } a.grve-btn.grve-btn-gradient span { position: relative; z-index: 2; color: #ffffff; } a.grve-btn.grve-btn-gradient:hover span { color: inherit; } /* Button with icon */ a.grve-btn i { display: inline-block; margin-right: 0.923em; padding: 2px; vertical-align: middle; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition : -webkit-transform .3s; -moz-transition : -moz-transform .3s; -ms-transition : -ms-transform .3s; -o-transition : -o-transform .3s; transition : transform .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } a.grve-btn.grve-btn-underline i { margin-left: 0.923em; } a.grve-btn:hover i { -webkit-transform: translate(-10px, 0); -moz-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0); } /* Button Margins */ .grve-align-left .grve-btn { margin-right: 30px; } .grve-align-center .grve-btn { margin-left: 15px; margin-right: 15px; } .grve-align-right .grve-btn { margin-left: 30px; } /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .grve-tablet-align-left .grve-btn { margin-right: 30px; margin-left: auto; } .grve-tablet-align-right .grve-btn { margin-right: auto; margin-left: 30px; } .grve-tablet-align-center .grve-btn { margin-left: 15px; margin-right: 15px; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .grve-tablet-sm-align-left .grve-btn { margin-right: 30px; margin-left: auto; } .grve-tablet-sm-align-right .grve-btn { margin-right: auto; margin-left: 30px; } .grve-tablet-sm-align-center .grve-btn { margin-left: 15px; margin-right: 15px; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 767px) { .grve-mobile-align-left .grve-btn { margin-right: 30px; margin-left: auto; } .grve-mobile-align-right .grve-btn { margin-right: auto; margin-left: 30px; } .grve-mobile-align-center .grve-btn { margin-left: 15px; margin-right: 15px; } } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn { margin: 0; padding: 0 1.538em; line-height: 90px; } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium { line-height: 120px; } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall { line-height: 180px; } /* Fluid Button */ .grve-fluid-button a.grve-btn { width: 100%; margin: 0; } @media only screen and (max-width: 1200px) { #grve-theme-wrapper .grve-fullwidth-btn.grve-btn { line-height: 50px; } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium { line-height: 80px; } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall { line-height: 100px; } } @media only screen and (max-width: 767px) { #grve-theme-wrapper .grve-fullwidth-btn.grve-btn { line-height: 40px; } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium { line-height: 50px; } #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall { line-height: 80px; } } /* ============================================================================= - Arrow Buttons ============================================================================= */ .grve-arrow-btn { } /* ============================================================================= - Slogan ============================================================================= */ .grve-slogan p { margin-bottom: 28px; } .grve-slogan p:last-child { margin-bottom: 0; } /* Layout 01 */ .grve-slogan.grve-layout-1 .grve-slogan-title { margin-bottom: 16px; } /* Layout 02 */ .grve-slogan.grve-layout-2 .grve-slogan-title { margin-bottom: -0.400em; line-height: 1.4; opacity: 0.08; } .grve-slogan.grve-layout-2 .grve-subtitle, .grve-slogan.grve-layout-2 p, .grve-slogan.grve-layout-2 .grve-btn-wrapper { padding: 0 6%; } .grve-slogan-title.grve-title-gradient > span, .grve-slogan-title.grve-title-gradient .grve-clipping-content > span { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: inline-block; } /* ============================================================================= - Single Icon ============================================================================= */ .grve-single-icon .grve-wrapper-icon { border: 1px solid transparent; display: inline-block; } .grve-single-icon .grve-wrapper-icon.grve-outline { border: 1px solid; } /* Icons With Shape */ .grve-single-icon.grve-with-shape .grve-wrapper-icon { width: 2.500em; height: 2.500em; line-height: 2.500em; display: inline-block; text-align: center; } /* Svg with Shape */ .grve-single-icon.grve-with-shape .grve-svg-icon { width: 1.500em; line-height: 1.450em; display: inline-block; vertical-align: 3px; } /* Icons With Out Shape */ .grve-single-icon .grve-no-shape.grve-wrapper-icon { width: 1.000em; height: 1.000em; line-height: 1.000em; display: inline-block; position: relative; } /* Svg without Shape */ .grve-single-icon .grve-no-shape.grve-wrapper-icon .grve-svg-icon { width: 1.000em; } /* Small Icons With Out Shape */ .grve-single-icon.grve-small .grve-no-shape.grve-wrapper-icon, .grve-single-icon.grve-small .grve-image-icon { font-size: 32px; } /* Small Icons With Shape */ .grve-single-icon.grve-small.grve-with-shape .grve-wrapper-icon { font-size: 24px; } /* Medium Icons With Out Shape */ .grve-single-icon.grve-medium .grve-no-shape.grve-wrapper-icon, .grve-single-icon.grve-medium .grve-image-icon { font-size: 48px; } /* Medium Icons With Shape */ .grve-single-icon.grve-medium.grve-with-shape .grve-wrapper-icon { font-size: 32px; } /* Large Icons With Out Shape */ .grve-single-icon.grve-large .grve-no-shape.grve-wrapper-icon, .grve-single-icon.grve-large .grve-image-icon { font-size: 60px; } /* Large Icons With Shape */ .grve-single-icon.grve-large.grve-with-shape .grve-wrapper-icon { font-size: 40px; } /* Extra Large Icons With Out Shape */ .grve-single-icon.grve-extra-large .grve-no-shape.grve-wrapper-icon, .grve-single-icon.grve-extra-large .grve-image-icon { font-size: 90px; } /* Extra Large Icons With Shape */ .grve-single-icon.grve-extra-large.grve-with-shape .grve-wrapper-icon { font-size: 60px; } .grve-single-icon .grve-image-icon img { width: auto; height: 1.000em; display: block; } /* Icon Animation */ .grve-hover-effect .grve-wrapper-icon { position: relative; } .grve-hover-effect .grve-wrapper-icon:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: inherit; top: 0; left: 0; z-index: -1; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: icon_box_animation; -moz-animation-name: icon_box_animation; -o-animation-name: icon_box_animation; animation-name: icon_box_animation; display: none; } .grve-wrapper-icon.grve-circle:after { -webkit-border-radius: 50%; border-radius: 50%; } .grve-wrapper-icon.grve-round:after { -webkit-border-radius: 3px; border-radius: 3px; } .grve-hover-effect .grve-wrapper-icon.grve-outline:after { background-color: transparent; border: 1px solid; border-color: inherit; top: -1px; left: -1px; } @-webkit-keyframes icon_box_animation { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.4); } } @-moz-keyframes icon_box_animation { 0% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(1.4); } } @-o-keyframes icon_box_animation { 0% { opacity: 1; -o-transform: scale(1); } 100% { opacity: 0; -o-transform: scale(1.4); } } @keyframes icon_box_animation { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.4); } } .grve-hover-effect:hover .grve-wrapper-icon:after { display: block; } /* ============================================================================= - Icon Box ============================================================================= */ .grve-box-icon:after { display: table; content: " "; } .grve-box-icon:after { clear: both; } .grve-box-icon.grve-side-icon .grve-box-content { overflow: hidden; position: relative; } .grve-box-icon a, .grve-box-icon a:hover { display: block; clear: both; color: inherit; } .grve-box-icon.grve-advanced-hover { visibility: hidden; } /* Icon Box Sizes */ .grve-box-icon.grve-extra-small .grve-wrapper-icon, .grve-box-icon.grve-extra-small .grve-image-icon, .grve-box-icon.grve-extra-small .grve-box-title-wrapper { font-size: 16px; } .grve-box-icon.grve-small .grve-wrapper-icon, .grve-box-icon.grve-small .grve-image-icon, .grve-box-icon.grve-small .grve-box-title-wrapper { font-size: 24px; } .grve-box-icon.grve-medium .grve-wrapper-icon, .grve-box-icon.grve-medium .grve-image-icon, .grve-box-icon.grve-medium .grve-box-title-wrapper { font-size: 36px; } .grve-box-icon.grve-large .grve-wrapper-icon, .grve-box-icon.grve-large .grve-image-icon, .grve-box-icon.grve-large .grve-box-title-wrapper { font-size: 48px; } .grve-box-icon.grve-extra-large .grve-wrapper-icon, .grve-box-icon.grve-extra-large .grve-image-icon, .grve-box-icon.grve-extra-large .grve-box-title-wrapper { font-size: 90px; } /* Side Icon */ .grve-box-icon.grve-side-icon.grve-align-left .grve-wrapper-icon, .grve-box-icon.grve-side-icon.grve-align-left .grve-image-icon { float: left; margin-right: 10px; line-height: 1.000em; } .grve-box-icon.grve-side-icon.grve-align-right .grve-wrapper-icon, .grve-box-icon.grve-side-icon.grve-align-right .grve-image-icon { float: right; margin-left: 18px; line-height: 1.000em; } /* Top Icon */ .grve-box-icon.grve-top-icon .grve-wrapper-icon, .grve-box-icon.grve-top-icon .grve-image-icon { display: inline-block; vertical-align: top; line-height: 1.000em; margin-bottom: 24px; } .grve-box-icon.grve-top-icon .grve-box-title-wrapper { margin-bottom: 18px; } .grve-box-icon.grve-top-icon .grve-box-title-wrapper:last-child { margin-bottom: 0; } .grve-box-icon.grve-top-icon .grve-box-title-wrapper, .grve-box-icon.grve-top-icon .grve-box-title { height: auto; position: relative; display: inline-block; vertical-align: top; } .grve-box-icon .grve-wrapper-icon i { width: 1.500em; line-height: inherit; text-align: center; display: inline-block; vertical-align: top; font-size: inherit; } /* Icon Box Title */ .grve-box-icon .grve-box-title-wrapper { height: 1.000em; display: table; width: 100%; } .grve-box-icon .grve-box-title { display: table-cell; vertical-align: middle; margin-bottom: 0; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* Icon Box Shape */ .grve-box-icon.grve-with-shape.grve-top-icon .grve-wrapper-icon, .grve-box-icon.grve-with-shape.grve-side-icon .grve-wrapper-icon { width: 2.500em; height: 2.500em; line-height: 2.500em; text-align: center; } .grve-box-icon.grve-with-shape:not(.grve-top-icon) .grve-box-title-wrapper { height: 2.500em; } .grve-box-icon.grve-with-shape .grve-outline { border: 1px solid; } /* Icons Box Image */ .grve-box-icon.grve-top-icon img { height: 2.500em; width: auto; } .grve-box-icon img { width: 2.500em; height: auto; display: block; } /* Icons Box Svg */ .grve-box-icon .grve-wrapper-icon .grve-svg-icon { width: 1.000em; height: 1.000em; } /* ============================================================================= - SVG Icons ============================================================================= */ .grve-svg-icon svg, .grve-svg-icon path { stroke: inherit !important; display: inline-block; vertical-align: top; } /* ============================================================================= - Social Share ============================================================================= */ .grve-element.grve-social ul { margin: 0 auto -8px auto; list-style: none; display: inline-block; } .grve-element.grve-social ul li { display: inline-block; margin: 10px; position: relative; } .grve-element.grve-social ul li a { display: block; width: 2.188em; height: 2.188em; line-height: 2.188em; text-align: center; font-size: 1em; will-change: transform; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .grve-element.grve-social ul li a i { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; padding: 3px; } .grve-element.grve-social ul li a:hover i { -webkit-animation-name: pulse; animation-name: pulse; } .grve-element.grve-social ul li a { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .grve-element.grve-social ul li a.grve-with-shape.grve-outline { border: 1px solid; background-color: transparent; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* Icons With Shape */ .grve-element.grve-social ul li a.grve-with-shape { width: 2.500em; height: 2.500em; line-height: 2.500em; display: inline-block; text-align: center; } /* Icons With Out Shape */ .grve-element.grve-social ul li a.grve-no-shape { width: 1.000em; height: 1.000em; line-height: 1.000em; display: inline-block; text-align: center; } .grve-element.grve-social ul li a.grve-no-shape.grve-social-share-googleplus { width: 1.300em; } /* Small Icons */ .grve-element.grve-social ul li a.grve-small { font-size: 24px; } /* Medium Icons */ .grve-element.grve-social ul li a.grve-medium { font-size: 36px; } /* Large Icons */ .grve-element.grve-social ul li a.grve-large { font-size: 48px; } .grve-element.grve-social.grve-align-left li { margin-left: 0; } .grve-element.grve-social.grve-align-right li { margin-right: 0; } .grve-element.grve-social li a span.grve-like-counter { font-size: 10px; font-weight: bold; line-height: 1.2; background-color: #202020; color: #ffffff; min-width: 30px; text-align: center; padding: 6px 8px; position: absolute; bottom: 180%; left: 50%; -webkit-border-radius: 3px; border-radius: 3px; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grve-element.grve-social li a span.grve-like-counter:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #202020; position: absolute; top: 100%; left: 50%; margin-left: -6px; } .grve-element.grve-social li a:hover span.grve-like-counter { bottom: 120%; visibility: visible; opacity: 1; } /* ============================================================================= - Language Selector ============================================================================= */ .grve-language-element ul { display: inline-block; vertical-align: top; list-style: none; margin: 0; } .grve-language-element ul li { display: inline-block; } .grve-language-element ul li a { display: block; padding: 0px 20px; line-height: 40px; margin: 10px; border: 2px solid; -webkit-border-radius: 50px; border-radius: 50px; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* ============================================================================= - Search ============================================================================= */ .grve-search-element .grve-search { max-width: 100%; position: relative; text-align: center; } .grve-search-element .grve-search input[type='text'] { background: none; padding: 0 20px; border: none; line-height: 1.2 !important; height: auto; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 4; display: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .grve-search-element .grve-search .grve-search-input-wrapper { position: relative; } .grve-search-element .grve-search .grve-search-placeholder { padding: 0 20px; border: none; line-height: 1.2; text-align: center; position: relative; z-index: 6; color: inherit; } .grve-search-element .grve-search .grve-search-placeholder:hover { cursor: text; } /* ============================================================================= - Image Sizes ( square - landscape - portrait ) ============================================================================= */ .grve-image-square img { width: 100%; height: auto; max-width: none; } .grve-isotope:not(.grve-isotope-column-1) .grve-image-landscape img { width: 100%; height: auto; max-width: none; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .grve-isotope:not(.grve-isotope-column-1) .grve-image-portrait img { width: auto; height: 100%; max-width: none; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* ============================================================================= - Isotope ============================================================================= */ .grve-isotope-container { opacity: 0; } .grve-isotope.grve-with-gap .grve-isotope-item { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } /* Full width with gaps */ .grve-section.grve-fullwidth .grve-isotope.grve-with-gap { padding: 0 40px; } /* Animated Istope */ .grve-isotope-item-inner.grve-fade-in, .grve-isotope-item-inner.grve-fade-in-up, .grve-isotope-item-inner.grve-fade-in-down, .grve-isotope-item-inner.grve-fade-in-left, .grve-isotope-item-inner.grve-fade-in-right, .grve-isotope-item-inner.grve-zoom-in { opacity: 0; -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -ms-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; } html.ie9 .grve-isotope-item-inner.grve-fade-in, html.ie9 .grve-isotope-item-inner.grve-fade-in-up, html.ie9 .grve-isotope-item-inner.grve-fade-in-down, html.ie9 .grve-isotope-item-inner.grve-fade-in-left, html.ie9 .grve-isotope-item-inner.grve-fade-in-right, html.ie9 .grve-isotope-item-inner.grve-zoom-in { opacity: 1; } /* ============================================================================= --- Isotope Filters ============================================================================= */ .grve-filter { margin-bottom: 60px; } .grve-filter ul { margin: 0; list-style: none; -webkit-touch-callout: none; -webkit-user-select : none; -khtml-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } .grve-filter ul li { display: inline-block; font-size: 13px; cursor: pointer; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .grve-section.grve-fullwidth .grve-isotope:not(.grve-with-gap) .grve-filter { padding-left: 40px; padding-right: 40px; } /* Simply Style */ .grve-filter.grve-filter-style-simple ul li { opacity: 0.5; } .grve-filter.grve-filter-style-simple ul li:after { content: '/'; margin: 0 0.455em; opacity: 0.5; } .grve-filter.grve-filter-style-simple ul li:last-child:after { display: none; } .grve-filter.grve-filter-style-simple ul li:hover, .grve-filter.grve-filter-style-simple ul li.selected { opacity: 1; } /* Button Style */ .grve-filter.grve-filter-style-button ul li { line-height: 40px; } .grve-filter.grve-filter-style-button.grve-align-center ul li { margin: 0px 10px; } .grve-filter.grve-filter-style-button.grve-align-left ul li { margin: 0px 20px 0px 0px; } .grve-filter.grve-filter-style-button.grve-align-right ul li { margin: 0px 0px 0px 20px; } .grve-filter.grve-filter-style-button ul li.selected { background-color: #000000; color: #ffffff; padding: 0px 20px; } .grve-filter.grve-filter-style-button.grve-filter-shape-round ul li.selected { -webkit-border-radius: 3px; border-radius: 3px; } .grve-filter.grve-filter-style-button.grve-filter-shape-extra-round ul li.selected { -webkit-border-radius: 50px; border-radius: 50px; } /* Classic Style */ .grve-filter.grve-filter-style-classic ul li:hover, .grve-filter.grve-filter-style-classic ul li.selected { opacity: 1; } .grve-filter.grve-filter-style-classic ul li { margin-right: 18px; opacity: 0.5; } .grve-filter.grve-filter-style-classic ul li:last-child { margin-right: 0; } /* ============================================================================= - Gallery ============================================================================= */ .grve-gallery-item > a { position: relative; display: block; overflow: hidden; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .grve-gallery-item figure .grve-title { margin-bottom: 3px; } .grve-gallery-item figure .grve-caption { margin-bottom: 0; font-size: 14px; } /* Style 1 & 3 */ .grve-gallery-item figure.grve-hover-style-1 figcaption, .grve-gallery-item figure.grve-hover-style-3 figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 20px; z-index: 3; } .grve-gallery-item figure.grve-hover-style-1 .grve-gallery-content, .grve-gallery-item figure.grve-hover-style-3 .grve-gallery-content { position: absolute; left: 20px; bottom: 20px; } .grve-gallery-item figure.grve-hover-style-1 .grve-title:last-child, .grve-gallery-item figure.grve-hover-style-3 .grve-title:last-child { margin-bottom: 0; } /* Style 2 */ .grve-gallery-item figure.grve-hover-style-2 .grve-gallery-content { text-align: center; margin-top: 30px; } .grve-gallery-item figure.grve-hover-style-2 .grve-title { margin-bottom: 0.3em; -webkit-transition : color .3s; -moz-transition : color .3s; -ms-transition : color .3s; -o-transition : color .3s; transition : color .3s; } .grve-gallery-item figure.grve-hover-style-2 .grve-title:last-child { margin-bottom: 0; } /* Animation Hover Style 1 */ .grve-gallery-item figure.grve-hover-style-1 .grve-title, .grve-gallery-item figure.grve-hover-style-1 .grve-caption { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition : -webkit-transform .2s, opacity .2s; -moz-transition : -moz-transform .2s, opacity .2s; -ms-transition : -ms-transform .2s, opacity .2s; -o-transition : -o-transform .2s, opacity .2s; transition : transform .2s, opacity .2s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .grve-gallery-item figure.grve-hover-style-1.hover .grve-title, .grve-gallery-item figure.grve-hover-style-1.hover .grve-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .grve-gallery-item figure.grve-hover-style-1.hover .grve-caption { opacity: 0.7; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } /* Animation Hover Style 3 */ .grve-gallery-item figure.grve-hover-style-3 .grve-title, .grve-gallery-item figure.grve-hover-style-3 .grve-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition : -webkit-transform .2s, opacity .2s; -moz-transition : -moz-transform .2s, opacity .2s; -ms-transition : -ms-transform .2s, opacity .2s; -o-transition : -o-transform .2s, opacity .2s; transition : transform .2s, opacity .2s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .grve-gallery-item figure.grve-hover-style-3.hover .grve-title, .grve-gallery-item figure.grve-hover-style-3.hover .grve-caption { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .grve-gallery-item figure.grve-hover-style-3 .grve-caption { opacity: 0.7; } /* ============================================================================= - Call Out ============================================================================= */ .grve-callout.grve-btn-right { position: relative; display: table; } .grve-callout.grve-btn-right .grve-callout-wrapper { display: table-cell; vertical-align: middle; width: 100%; padding-right: 30px; } .grve-callout.grve-btn-right .grve-button-wrapper { display: table-cell; vertical-align: middle; width: 100%; max-width: 25%; text-align: right; white-space: nowrap; } .grve-callout.grve-btn-bottom .grve-button-wrapper { margin: 30px 0 0 0; } .grve-callout .grve-callout-content { margin-bottom: 0; } .grve-callout .grve-callout-content + p { margin-top: 0.45em; } /* ============================================================================= - Advanced Promo ============================================================================= */ .grve-section.grve-pointer-cursor { cursor: pointer; overflow: hidden; -webkit-transition : padding .3s; -moz-transition : padding .3s; -ms-transition : padding .3s; -o-transition : padding .3s; transition : padding .3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .grve-expandable-info .grve-expandable-info-space { height: 30px; } .grve-expandable-info img { display: inline-block; vertical-align: top; } .grve-expandable-info .grve-expandable-info-content { display: none; opacity: 0; -webkit-transition : opacity .5s, -webkit-transform .3s; -moz-transition : opacity .5s, -moz-transform .3s; -ms-transition : opacity .5s, -ms-transform .3s; -o-transition : opacity .5s, -o-transform .3s; transition : opacity .5s, transform .3s; -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -ms-transform: translate(0, 200px); -o-transform: translate(0, 200px); transform: translate(0, 200px); -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .grve-expandable-info .grve-expandable-info-content.show { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* ============================================================================= - Socials ============================================================================= */ ul.grve-socials { margin: 0; list-style: none; } ul.grve-socials li { display: inline-block; margin: 5px; } ul.grve-socials li a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* Tooltip */ ul.grve-socials li a .grve-tooltip { font-size: 10px; font-weight: bold; line-height: 1.2; background-color: #202020; color: #ffffff; min-width: 30px; text-align: center; padding: 6px 8px; position: absolute; bottom: 180%; left: 50%; -webkit-border-radius: 3px; border-radius: 3px; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-backface-visibility: hidden; -webkit-transition: all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } ul.grve-socials li a .grve-tooltip:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #202020; position: absolute; top: 100%; left: 50%; margin-left: -6px; } ul.grve-socials li a:hover .grve-tooltip { bottom: 120%; visibility: visible; opacity: 1; } /* ============================================================================= - Team ============================================================================= */ .grve-team .grve-team-identity { line-height: 1.4; } .grve-team .grve-team-identity + .grve-team-name { line-height: 1.4; margin-top: 3px; } .grve-team .grve-team-name { line-height: 1.4; margin-bottom: 0; } .grve-team .grve-team-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; } /* Layout 01 */ .grve-team.grve-layout-1 figure { position: relative; margin-bottom: 30px; } .grve-team.grve-layout-1 figcaption { position: absolute; left: 0; bottom: 30px; width: 100%; } .grve-team.grve-layout-1 .grve-team-social { list-style: none; margin: 0; word-spacing: -0.26em; } .grve-team.grve-layout-1 .grve-team-social li { display: inline-block; margin: 10px; -webkit-transform: translateY(250%); -moz-transform: translateY(250%); -ms-transform: translateY(250%); -o-transform: translateY(250%); transform: translateY(250%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grve-team.grve-layout-1 .hover .grve-team-social li { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); z-index: 5; position: relative; } .grve-team.grve-layout-1 .hover .grve-team-social li:nth-child(2) { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .grve-team.grve-layout-1 .hover .grve-team-social li:nth-child(3) { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .grve-team.grve-layout-1 .hover .grve-team-social li:nth-child(4) { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .grve-team.grve-layout-1 .grve-team-social li a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 16px; position: relative; z-index: 3; color: #DCDCDC; background-color: #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* Layout 02 */ .grve-team.grve-layout-2:before, .grve-team.grve-layout-2:after { display: table; content: " "; } .grve-team.grve-layout-2:after { clear: both; } .grve-team.grve-layout-2 .grve-team-name { line-height: 1.4; margin-bottom: 13px; } .grve-team.grve-layout-2 .grve-team-description { width: 40%; position: absolute; padding: 3%; top: 35%; z-index: 4; } .grve-team.grve-layout-2 .grve-team-social { list-style: none; margin: 0; word-spacing: -0.26em; position: absolute; top: 0; } .grve-team.grve-layout-2 .grve-team-social li { margin-bottom: 10px; } .grve-team.grve-layout-2 .grve-team-social li a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 12px; position: relative; z-index: 3; color: inherit; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* Responsive Socials */ .grve-team.grve-layout-2 .grve-responsive-team-socials { word-spacing: -0.26em; position: static; margin: 0 !important; display: none; } .grve-team.grve-layout-2 .grve-responsive-team-socials li { display: inline-block; margin: 0px 10px 0px 0px; } .grve-team.grve-layout-2 .grve-responsive-team-socials li a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 12px; position: relative; z-index: 3; color: inherit; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grve-team.grve-layout-2 figure { position: relative; float: none; } .grve-team.grve-layout-2 figure img { width: auto; max-width: 100%; } /* Align Left */ .grve-team.grve-layout-2.grve-align-left figure { position: relative; float: right; margin-right: 30%; } .grve-team.grve-layout-2.grve-align-left .grve-team-description { right: 0; } .grve-team.grve-layout-2.grve-align-left .grve-team-social { left: 70%; margin-left: 20px; } /* Align Right */ .grve-team.grve-layout-2.grve-align-right figure { position: relative; float: left; margin-left: 30%; } .grve-team.grve-layout-2.grve-align-right .grve-team-description { left: 0; } .grve-team.grve-layout-2.grve-align-right .grve-team-social { right: 70%; margin-right: 20px; } @media only screen and (max-width: 767px) { .grve-team.grve-layout-2.grve-align-right figure, .grve-team.grve-layout-2.grve-align-left figure { float: none; margin-right: 0; margin-left: 0; } .grve-team.grve-layout-2 .grve-team-social { display: none; } .grve-team.grve-layout-2 figure img { max-width: none; width: 100%; display: block; } .grve-team.grve-layout-2 .grve-team-description { position: static; width: 100%; padding: 30px; } .grve-team.grve-layout-2 .grve-responsive-team-socials { display: block; } } /* ============================================================================= - DropCap ============================================================================= */ .grve-dropcap.grve-element span { float: left; font-size: 3.889em; padding: 0px 18px 0px 0px; margin-bottom: 0; } .grve-dropcap span.grve-style-2 { font-size: 2.222em; line-height: 1.625em; width: 1.600em; height: 1.600em; text-align: center; margin-right: 0.375em; padding: 0; color: #ffffff; } /* ============================================================================= - Pricing Tables ============================================================================= */ #grve-theme-wrapper .grve-pricing-table { padding: 17%; -webkit-border-radius: 6px; border-radius: 6px; } .grve-pricing-table ul { list-style: none; margin: 0 0 10% 0; } .grve-pricing-table ul li { line-height: 30px; position: relative; } .grve-pricing-table ul li:first-child { padding-top: 0; } .grve-pricing-table .grve-pricing-title { margin-bottom: 6px; } .grve-pricing-table .grve-pricing-header, .grve-pricing-table .grve-price { margin-bottom: 30px; } .grve-pricing-table .grve-price span, .grve-pricing-table .grve-price .grve-interval { display: inline-block; vertical-align: middle; } .grve-pricing-table .grve-btn { margin: 30px 0px 0px 0px; } #grve-theme-wrapper .grve-pricing-table.grve-bg-white { color: rgba(0,0,0,0.30); background-color: #ffffff; } #grve-theme-wrapper .grve-pricing-table.grve-bg-black { color: rgba(255,255,255,0.60); background-color: #000000; } /* Shadows */ #grve-theme-wrapper .grve-pricing-table.grve-shadow-small { -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); } /* ============================================================================= - Pie Charts ============================================================================= */ .grve-pie-chart { text-align: center; } .grve-chart-number { position: relative; } .grve-chart-number canvas { position: absolute; top: 0; left: 0; } .grve-chart-number { font-size: 24px; font-weight: 500; text-align: center; margin: 0 auto 18px auto; } .grve-pie-chart.grve-small .grve-chart-number { font-size: 18px; } .grve-pie-chart.grve-large .grve-chart-number { font-size: 32px; } .grve-chart-number:last-child { margin-bottom: 0; } .grve-pie-chart .grve-counter{ float: none; margin: 0; } .grve-pie-chart .grve-title { display: block; margin-bottom: 12px; } /* ============================================================================= - Progress Bars ============================================================================= */ .grve-progress-bars.grve-line-round .grve-bar { -webkit-border-radius: 200px; border-radius: 200px; } .grve-progress-bar { margin-bottom: 20px; } .grve-bar-line { width: 0px; height: 35px; } /* Style 1 */ .grve-progress-bars.grve-style-1 .grve-bar { display:block; overflow: hidden; z-index: 1; background-color: rgba(0, 0, 0, 0.1); } .grve-progress-bars.grve-style-1 .grve-bar-title { position: absolute; top: 50%; left: 0px; line-height: 1; color: #fff !important; margin-left: 30px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .grve-progress-bars.grve-style-1 .grve-percentage { position: absolute; top: 50%; left: 0px; line-height: 1; color: #fff; margin-left: -50px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } /* Style 2 */ .grve-progress-bars.grve-style-2 .grve-bar { display:block; z-index: 1; margin-top: 6px; background-color: rgba(0, 0, 0, 0.1); } .grve-progress-bars.grve-style-2 .grve-percentage { float: right; } .grve-progress-bars.grve-line-round.grve-style-2 .grve-bar-line { -webkit-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; } /* ============================================================================= - Counters ============================================================================= */ .grve-counter .grve-counter-icon { margin-bottom: 12px; } .grve-counter .grve-counter-icon i.grve-extra-large, .grve-counter .grve-counter-icon.grve-extra-large { font-size: 90px; line-height: 90px; } .grve-counter .grve-counter-icon i.grve-large, .grve-counter .grve-counter-icon.grve-large { font-size: 72px; line-height: 72px; } .grve-counter .grve-counter-icon i.grve-medium, .grve-counter .grve-counter-icon.grve-medium { font-size: 48px; line-height: 48px; } .grve-counter .grve-counter-icon i.grve-small, .grve-counter .grve-counter-icon.grve-small { font-size: 32px; line-height: 32px; } .grve-counter .grve-counter-icon .grve-svg-icon, .grve-counter .grve-counter-icon img { display: inline-block; width: auto; height: 1.000em; } .grve-counter .grve-counter-item { margin-bottom: 6px; line-height: 1.2; } .grve-counter .grve-counter-title { margin-bottom: 0; } /* ============================================================================= - Video ============================================================================= */ .grve-embed-video { max-width: 100% !important; height: auto !important; } /* ============================================================================= - Modal ============================================================================= */ .grve-modal-dialog { margin: 20px auto; padding: 40px 40px; position:relative; } .grve-modal-dialog.grve-content-small { max-width: 400px; } .grve-modal-dialog.grve-content-medium { max-width: 600px; } .grve-modal-dialog.grve-content-large { max-width: 1170px; } /* ============================================================================= - Map ============================================================================= */ .grve-marker-pulse-dot, .grve-marker-dot { width: 20px; height: 20px; left: -9px; top: -5px; position: relative; } .grve-marker-dot .grve-dot { width: 16px; height: 16px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 2px; top: 2px; } .grve-marker-pulse-dot .grve-dot { width: 16px; height: 16px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 2px; top: 2px; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-iteration-count: infinite; } .grve-marker-pulse-dot .grve-first-pulse { width: 180px; pointer-events: none; height: 180px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: -80px; top: -80px; opacity: 0; -webkit-animation: pulse_marker_anim cubic-bezier(0,.55,.55,1) 2.2s; animation: pulse_marker_anim cubic-bezier(0,.55,.55,1) 2.2s; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-delay: 0.9s; animation-iteration-count: infinite; } .grve-marker-pulse-dot .grve-second-pulse { width: 140px; height: 140px; pointer-events: none; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: -60px; top: -60px; opacity: 0; -webkit-animation: pulse_marker_anim cubic-bezier(0,.55,.55,1) 2.2s; animation: pulse_marker_anim cubic-bezier(0,.55,.55,1) 2.2s; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-delay: 1.1s; animation-iteration-count: infinite; } @-webkit-keyframes pulse_marker_anim { 0%{ opacity: 0; transform: scale(0.00) } 1%{ opacity: 0.6 } 15%{ opacity: 0.2 } 70%{ transform: scale(1); opacity: 0 } } @keyframes pulse_marker_anim { 0%{ opacity: 0; transform: scale(0.00) } 1%{ opacity: 0.6 } 15%{ opacity: 0.2 } 70%{ transform: scale(1); opacity: 0 } } /* ============================================================================= - Carousel & Sliders ============================================================================= */ /* Feature Slider */ #grve-feature-slider .grve-slider-item { position: absolute; } #grve-feature-slider .grve-slider-item:first-child { position: relative; } #grve-feature-slider.owl-loaded .grve-slider-item { position: relative; } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } #grve-feature-section .owl-carousel { z-index: auto; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .grve-parallax-wrapper .grve-slider-item-wrapper.active { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .grve-slider-item-wrapper { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } /* Slider Element */ .grve-slider { visibility: hidden; } .grve-slider-element img { margin: 0 auto; display: block; } /* Carousel */ .grve-carousel-element { visibility: hidden; } .grve-carousel-item-wrapper { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .grve-carousel-item { position: relative; z-index: 1; -webkit-transform: translate3d(0px, 0px, 0px); } .grve-carousel .owl-dots { margin-top: 30px; text-align: center; } /* ============================================================================= --- Carousel & Slider Animations ============================================================================= */ .owl-carousel .active{ z-index: 3; } .owl-carousel .owl-animated-out { z-index: 10 !important; } /* fade */ .carousel-fade-out { -webkit-animation: carousel_fadeOut .5s both; -moz-animation: carousel_fadeOut .5s both; animation: carousel_fadeOut .5s both; } .carousel-fade-in { -webkit-animation: carousel_fadeIn .5s both; -moz-animation: carousel_fadeIn .5s both; animation: carousel_fadeIn .5s both; } /* backSlide */ .carousel-backSlide-out { -webkit-animation: carousel_backSlideOut 1s both; -moz-animation: carousel_backSlideOut 1s both; animation: carousel_backSlideOut 1s both; } .carousel-backSlide-in { -webkit-animation: carousel_backSlideIn 1s both; -moz-animation: carousel_backSlideIn 1s both; animation: carousel_backSlideIn 1s both; } /* goDown */ .carousel-goDown-out { -webkit-animation: carousel_scaleToFade .7s both; -moz-animation: carousel_scaleToFade .7s both; animation: carousel_scaleToFade .7s both; } .carousel-goDown-in { -webkit-animation: carousel_goDown .6s both; -moz-animation: carousel_goDown .6s both; animation: carousel_goDown .6s both; } /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes carousel_fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes carousel_fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes carousel_fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes carousel_fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes carousel_fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes carousel_fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes carousel_backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes carousel_backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes carousel_backSlideOut { 25% { opacity: .5; transform: translateZ(-500px) scale(.8); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%) scale(.8); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%) scale(.8); } } @-webkit-keyframes carousel_backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%) scale(.8); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) scale(.8); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) scale(1); } } @-moz-keyframes carousel_backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%) scale(.8); } 75% { opacity: .5; -moz-transform: translateZ(-500px) scale(.8); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0) scale(1); } } @keyframes carousel_backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%) scale(.8); } 75% { opacity: .5; transform: translateZ(-500px) scale(.8); } 100% { opacity: 1; transform: translateZ(0) translateX(0) scale(1); } } @-webkit-keyframes carousel_scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes carousel_scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes carousel_scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes carousel_goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes carousel_goDown { from { -moz-transform: translateY(-100%); } } @keyframes carousel_goDown { from { transform: translateY(-100%); } } /* ============================================================================= --- Content Sliders (Portfolio - Blog - Woo) ============================================================================= */ .grve-content-slider .grve-media { width: 70%; } .grve-content-slider .grve-slider-content { width: 40%; position: absolute; top: 25%; right: 0; padding: 3%; z-index: 3; margin-right: 40px; } .grve-content-slider .grve-title { line-height: 1.4; margin-bottom: 16px; } .grve-content-slider.grve-blog-slider .grve-title { margin-bottom: 6px; } .grve-content-slider.grve-blog-slider .grve-post-meta { margin-bottom: 12px; } .grve-content-slider .grve-read-more { margin-top: 30px; display: inline-block; vertical-align: top; } .grve-content-slider .owl-controls { display: none; } .grve-content-slider .grve-slide-counter { margin: 0; list-style: none; position: absolute; top: 0; left: -40px; z-index: 9; } .grve-content-slider .grve-slide-counter li { width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; position: relative; cursor: pointer; } .grve-content-slider .grve-slide-counter li:after { content: ''; width: 80px; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid; display: none; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide_couter_animation; -moz-animation-name: slide_couter_animation; -o-animation-name: slide_couter_animation; animation-name: slide_couter_animation; } .grve-content-slider .grve-slide-counter li.active:after { display: block; } @-webkit-keyframes slide_couter_animation { 0% { width: 0; opacity: 0; } 100% { width: 80px; opacity: 1; } } @-moz-keyframes slide_couter_animation { 0% { width: 0; opacity: 0; } 100% { width: 80px; opacity: 1; } } @-o-keyframes slide_couter_animation { 0% { width: 0; opacity: 0; } 100% { width: 80px; opacity: 1; } } @keyframes slide_couter_animation { 0% { width: 0; opacity: 0; } 100% { width: 80px; opacity: 1; } } @media only screen and (max-width: 767px) { .grve-content-slider .grve-media { width: 100%; } .grve-content-slider .grve-media img { width: 100%; } #grve-theme-wrapper .grve-slider.grve-content-slider .grve-slider-content { position: static; width: 100%; padding: 30px; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); } .grve-slider.grve-content-slider .owl-controls { display: inline-block; position: relative; bottom: 0; margin-top: 30px; } .grve-slider.grve-layout-2 .grve-carousel-navigation { display: none; } } /* ============================================================================= - Testimonial ============================================================================= */ .grve-testimonial-item-wrapper { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .grve-testimonial-element { display: inline-block; width: 100%; position: relative; z-index: 1; -webkit-transform: translate3d(0px, 0px, 0px); } .grve-testimonial-element p { margin-bottom: 20px; } .grve-testimonial-element .grve-identity { opacity: 0.6; } /* Layout 01 */ .grve-testimonial.grve-layout-1 .grve-testimonial-thumb img { width: 100px; margin-bottom: 30px; margin-right: auto; margin-left: auto; -webkit-border-radius: 50px; border-radius: 50px; } .grve-testimonial.grve-layout-1.grve-align-left .grve-testimonial-thumb img { margin-left: 0; } .grve-testimonial.grve-layout-1.grve-align-right .grve-testimonial-thumb img { margin-right: 0; } .grve-testimonial.grve-layout-1 .grve-testimonial-content { margin-bottom: 30px; } /* Layout 02 */ .grve-testimonial.grve-layout-2 .grve-testimonial-thumb { float: right; margin-right: 30%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .grve-testimonial.grve-layout-2 .grve-testimonial-thumb { float: none; } } .grve-testimonial.grve-layout-2 .grve-testimonial-thumb img { display: block; } .grve-testimonial.grve-layout-2 .grve-testimonial-icon { position: absolute; top: 50%; right: 40%; margin-top: -30px; margin-right: 10px; font-size: 24px; z-index: 4; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-border-radius: 100px; border-radius: 100px; } .grve-testimonial.grve-layout-2 .grve-testimonial-content { width: 40%; position: absolute; top: 25%; right: 0; padding: 8%; z-index: 3; margin-right: 40px; } .grve-testimonial.grve-layout-2 .owl-controls { display: inline-block; position: absolute; top: 40%; right: 0; margin-left: 30px; z-index: 2; } .grve-testimonial.grve-layout-2 .owl-controls .owl-dot { display: block; } .grve-testimonial.grve-layout-2 .owl-controls .owl-dot span { margin: 10px; } @media only screen and (max-width: 767px) { .grve-testimonial.grve-layout-2 .grve-testimonial-thumb { float: none; margin-right: 0; } .grve-testimonial.grve-layout-2 .grve-testimonial-thumb img { max-width: none; width: 100%; } #grve-theme-wrapper .grve-testimonial.grve-layout-2 .grve-testimonial-content { position: static; padding: 30px; width: 100%; margin: 0; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); } .grve-testimonial-icon { display: none; } .grve-testimonial.grve-layout-2 .owl-controls { display: inline-block; position: relative; top: 0; right: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0; z-index: 2; margin-top: 30px; } .grve-testimonial.grve-layout-2 .owl-controls .owl-dot { display: inline-block; } } /* Layout 03 */ #grve-theme-wrapper .grve-testimonial.grve-layout-3, #grve-theme-wrapper .grve-testimonial.grve-layout-3 .grve-isotope, #grve-theme-wrapper .grve-testimonial.grve-layout-3 .grve-isotope-container { overflow: visible; } .grve-testimonial.grve-layout-3 .grve-testimonial-element.grve-bg-white, .grve-testimonial.grve-layout-3 .grve-testimonial-element.grve-bg-black { padding: 8%; } .grve-testimonial.grve-layout-3 .grve-testimonial-element.grve-bg-none { margin-bottom: 30px; } .grve-testimonial.grve-layout-3 .grve-testimonial-author { display: table; width: 100%; padding-top: 24px; position: relative; } .grve-testimonial.grve-layout-3 .grve-testimonial-author:after { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; border-top: 1px solid; opacity: 0.4; } .grve-testimonial.grve-layout-3 .grve-testimonial-thumb { display: table-cell; width: 40px; } .grve-testimonial.grve-layout-3 .grve-testimonial-thumb img { width: 40px; margin-bottom: 0; display: block; -webkit-border-radius: 50px; border-radius: 50px; } .grve-testimonial.grve-layout-3 .grve-testimonial-name { display: table-cell; vertical-align: middle; } .grve-testimonial.grve-layout-3 .grve-testimonial-thumb + .grve-testimonial-name { padding-left: 15px; } /* Styling Pagination */ .owl-controls .owl-dot { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-controls .owl-dot span { display: block; opacity: 0.3; width: 8px; height: 8px; margin: 0 8px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; background-color: #000000; border: 4px solid; } .owl-controls .owl-dot.active span, .owl-controls .owl-dot:hover span { opacity: 1; background-color: transparent !important; border: 1px solid; } /* ============================================================================= - Owl Carousel ============================================================================= */ /* ============================================================================= - Vc Tabs ============================================================================= */ #grve-main-content .vc_tta.vc_general .vc_tta-tab > a { border: none; padding: 14px 0; margin-right: 20px; } #grve-main-content .vc_tta.vc_general .vc_tta-tab:last-child > a { margin-right: 0; } #grve-main-content .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container, #grve-main-content .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list { overflow: visible; } #grve-main-content .vc_tta.vc_general .vc_tta-tab.vc_active > a:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 100%; margin-top: -10px; display: block; } .vc_tta-tabs-position-top .vc_tta-tabs-list { text-align: center; } #grve-main-content .vc_tta.vc_tta-tabs-position-top.vc_general .vc_tta-panel-body { padding: 14px 0; } #grve-main-content .vc_tta.vc_tta-tabs-position-left.vc_general .vc_tta-panel-body { padding: 8px 14px; } /* ============================================================================= - Vc Accordion ============================================================================= */ .vc_tta-panel .vc_tta-controls-icon { opacity: 0.5; } .vc_tta-panel.vc_active .vc_tta-controls-icon { opacity: 1; } #grve-theme-wrapper .vc_tta.vc_general .vc_tta-panel-title { line-height: 1.5em; } .vc_tta.vc_general .vc_tta-panel-title { background-color: #ffffff; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); } #grve-theme-wrapper .vc_tta.vc_general .vc_tta-panel-title > a { padding-top: 20px; padding-bottom: 20px; color: #000000; } /* ============================================================================= - Accordion ============================================================================= */ .grve-accordion-wrapper { list-style: none; margin: 0; } .grve-accordion-wrapper > li { position: relative; margin-bottom: 8px; } .grve-accordion-wrapper > li .grve-title-wrapper { line-height: 1.4em; } .grve-accordion-wrapper > li:last-child { margin-bottom: 0; } .grve-accordion .grve-accordion-wrapper.grve-style-1 .grve-accordion-content { padding: 30px; } .grve-accordion .grve-accordion-wrapper.grve-style-2 .grve-accordion-content { padding: 10px 20px; } .grve-accordion .grve-accordion-content { display: none; } .grve-accordion .grve-accordion-content.active { display: block; } .grve-accordion .active > .grve-accordion-content { display: block; } .grve-title-wrapper { position: relative; cursor: pointer; } .grve-accordion-wrapper.grve-style-1 .grve-title-wrapper { padding: 20px 40px; background-color: #fff; color: #000000; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); } .grve-accordion-wrapper.grve-style-2 .grve-title-wrapper { padding: 0px 20px; } .grve-accordion .grve-title { position: relative; margin-bottom: 0; line-height: 1.4em; display: inline-block; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; color: inherit; } .grve-accordion-wrapper.grve-style-1 .grve-accordion-arrow.grve-position-left { left: 15px; } .grve-accordion-wrapper.grve-style-1 .grve-accordion-arrow.grve-position-right { right: 15px; } .grve-accordion-wrapper.grve-style-2 .grve-accordion-arrow.grve-position-left { left: 0; } .grve-accordion-wrapper.grve-style-2 .grve-accordion-arrow.grve-position-right { right: 0; } .grve-accordion-arrow { position: absolute; top: 50%; height: 20px; margin-top: -10px; z-index: 2; color: inherit; opacity: 0.4; } .grve-accordion .active .grve-accordion-arrow { opacity: 0.7; } .grve-accordion-arrow i { display: block; text-align: center; line-height: 20px; } .grve-accordion .grve-accordion-triangle.grve-position-right { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .grve-accordion .active .grve-accordion-triangle { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .grve-accordion .active .grve-accordion-plus { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .grve-accordion .active .grve-accordion-chevron { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .grve-accordion-icon { color: inherit; margin-right: 10px; } .grve-accordion-icon.grve-position-right { margin-left: 10px; margin-right: 0; } /* ============================================================================= - Tabs ============================================================================= */ .grve-tabs-title .grve-tab-title { cursor: pointer; padding: 14px 0; margin: 0 10px; position: relative; display: inline-block; line-height: 1.4em; text-align: center; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .grve-tabs-title .grve-tab-title .grve-title { position: relative; } .grve-tabs-title .grve-tab-icon { margin-bottom: 18px; } .grve-tabs-title .grve-tab-title.active { cursor: default; } .grve-tabs-title .grve-tab-title.active .grve-title:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -5px; display: block; } .grve-tabs-wrapper { overflow: hidden; margin-top: 12px; } .grve-tab-content { display: none; visibility: hidden; height: 0; overflow: hidden; } .grve-tab-content .grve-element { margin-top: 0px; } .grve-element .grve-tab-content p { margin-top: 0px; } .grve-tab-content.active { display: block; visibility: visible; height: auto; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: tab_animation; -moz-animation-name: tab_animation; -o-animation-name: tab_animation; animation-name: tab_animation; } @-webkit-keyframes tab_animation { from { opacity: 0; } 50% { opacity: 1; } } @keyframes tab_animation { from { opacity: 0; } 50% { opacity: 1; } } /* Vertical Tabs */ .grve-vertical-tab .grve-tabs-title { display: block; } .grve-vertical-tab .grve-tab-title { display: block; text-align: inherit; } .grve-vertical-tab .grve-tabs-title.grve-position-left { float: left; padding-right: 30px; } .grve-vertical-tab .grve-tabs-title.grve-position-right { float: right; padding-left: 30px; } /* Tabs title width */ .grve-vertical-tab .grve-tabs-title.grve-width-xs{ width: 10%; min-width: 50px; } .grve-vertical-tab .grve-tabs-title.grve-width-sm { width: 20%; min-width: 120px; } .grve-vertical-tab .grve-tabs-title.grve-width-md { width: 30%; min-width: 120px; } .grve-vertical-tab .grve-tabs-title.grve-width-lg { width: 50%; min-width: 120px; } .grve-vertical-tab .grve-tabs-title.grve-width-xl { width: 70%; min-width: 120px; } .grve-vertical-tab .grve-tabs-title li { float: none; margin-right: 0; padding: 0; text-align: left; margin-bottom: 18px; } .grve-tabs-title .grve-tab-icon { margin-bottom: 0; margin-right: 10px; display: inline-block; vertical-align: middle; } .grve-tab-icon.grve-position-right { margin-left: 10px; margin-right: 0; } .grve-tabs-title .grve-title { display: inline-block; vertical-align: middle; margin-bottom: 0; line-height: 1.400em; } .grve-tab-section .grve-tab-title { display: none; text-align: center; position: relative; cursor: pointer; padding: 20px 40px; background-color: #fff; margin-bottom: 8px; color: #000000; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); } .grve-tab-section .grve-tab-title .grve-title { color: #000000 !important; } .grve-tab-section:last-child .grve-tab-title { margin-bottom: 0; } .grve-tab-section .grve-tab-title .grve-title { display: inline-block; line-height: 1.400em; } .grve-tab-section .grve-tab-title .grve-tab-icon { float: left; margin-right: 10px; } @media only screen and (max-width: 767px) { .grve-horizontal-tab .grve-tabs-title, .grve-vertical-tab .grve-tabs-title { display: none; } .grve-tab-section .grve-tab-title { display: block; } .grve-vertical-tab .grve-tab-content { margin-top: 30px; } .grve-tab-content { margin-bottom: 30px; } .grve-tab-section:last-child .grve-tab-content { margin-bottom: 0; } .grve-tabs-wrapper { overflow: visible; } } /* ============================================================================= - Single Image ============================================================================= */ .grve-image img { opacity: 0; } img.grve-full-image, .grve-full-image img { width: 100%; } .grve-image-auto-width img { width: auto; } .grve-image.grve-align-left img, img.grve-align-left { float:left; margin: 0px; z-index: 1; } .grve-image.grve-align-right img, img.grve-align-right { float:right; margin: 0px; z-index: 1; } .grve-image.grve-align-center img, img.grve-align-center { display: block; margin: 0px auto; z-index: 1; } .grve-image { position: relative; } .grve-image-wrapper { position: relative; display: inline-block; position: relative; vertical-align: top; overflow: hidden; } .grve-image.grve-hover-item .grve-image-wrapper { display: block; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .grve-image .grve-image-wrapper { display: block; } } /* Video Link */ .grve-media a.grve-video-popup { display:block; } .grve-media .grve-icon-video { position: absolute; width: 62px; height: 62px; left: 50%; top: 50%; margin-top: -31px; margin-left: -31px; z-index: 5; background-color: rgba(0,0,0,0.7); -webkit-border-radius: 50%; border-radius: 50%; } a:hover .grve-icon-video { background-color: rgba(0,0,0,0.7); } .grve-image:not(.grve-full-image).grve-clipping-animation .grve-clipping-wrapper { display: inline-block; vertical-align: top; } /* Image Expan Size */ #grve-theme-wrapper .grve-image.grve-full-image img { float: none; width: 100%; } .grve-image.grve-image-space-100 .grve-image-wrapper, .grve-image.grve-clipping-animation .grve-image-wrapper { width: 100%; display: block; } .grve-image.grve-image-space-125:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-image-space-125.grve-clipping-animation .grve-clipping-wrapper { width: 125%; display: block; } .grve-image.grve-align-center.grve-image-space-125:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-center.grve-image-space-125.grve-clipping-animation .grve-clipping-wrapper, .grve-align-center .grve-image.grve-align-inherit.grve-image-space-125 .grve-image-wrapper { margin-left: -12.5% } .grve-image.grve-align-right.grve-image-space-125:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-right.grve-image-space-125.grve-clipping-animation .grve-clipping-wrapper, .grve-align-right .grve-image.grve-align-inherit.grve-image-space-125 .grve-image-wrapper { margin-left: -25% } .grve-image.grve-image-space-150:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-image-space-150.grve-clipping-animation .grve-clipping-wrapper { width: 150%; display: block; } .grve-image.grve-align-center.grve-image-space-150:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-center.grve-image-space-150.grve-clipping-animation .grve-clipping-wrapper, .grve-align-center .grve-image.grve-align-inherit.grve-image-space-150 .grve-image-wrapper { margin-left: -25% } .grve-image.grve-align-right.grve-image-space-150:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-right.grve-image-space-150.grve-clipping-animation .grve-clipping-wrapper, .grve-align-right .grve-image.grve-align-inherit.grve-image-space-150 .grve-image-wrapper { margin-left: -50% } .grve-image.grve-image-space-175:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-image-space-175.grve-clipping-animation .grve-clipping-wrapper { width: 175%; display: block; } .grve-image.grve-align-center.grve-image-space-175:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-center.grve-image-space-175.grve-clipping-animation .grve-clipping-wrapper, .grve-align-center .grve-image.grve-align-inherit.grve-image-space-175 .grve-image-wrapper { margin-left: -37.5% } .grve-image.grve-align-right.grve-image-space-175:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-right.grve-image-space-175.grve-clipping-animation .grve-clipping-wrapper, .grve-align-right .grve-image.grve-align-inherit.grve-image-space-175 .grve-image-wrapper { margin-left: -75% } .grve-image.grve-image-space-200:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-image-space-200.grve-clipping-animation .grve-clipping-wrapper { width: 200%; display: block; } .grve-image.grve-align-center.grve-image-space-200:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-center.grve-image-space-200.grve-clipping-animation .grve-clipping-wrapper, .grve-align-center .grve-image.grve-align-inherit.grve-image-space-200 .grve-image-wrapper { margin-left: -50% } .grve-image.grve-align-right.grve-image-space-200:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-right.grve-image-space-200.grve-clipping-animation .grve-clipping-wrapper, .grve-align-right .grve-image.grve-align-inherit.grve-image-space-200 .grve-image-wrapper { margin-left: -100% } .grve-image.grve-image-space-225:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-image-space-225.grve-clipping-animation .grve-clipping-wrapper { width: 225%; display: block; } .grve-image.grve-align-center.grve-image-space-225:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-center.grve-image-space-225.grve-clipping-animation .grve-clipping-wrapper, .grve-align-center .grve-image.grve-align-inherit.grve-image-space-225 .grve-image-wrapper { margin-left: -62.5% } .grve-image.grve-align-right.grve-image-space-225:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-right.grve-image-space-225.grve-clipping-animation .grve-clipping-wrapper, .grve-align-right .grve-image.grve-align-inherit.grve-image-space-225 .grve-image-wrapper { margin-left: -125% } .grve-image.grve-image-space-250:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-image-space-250.grve-clipping-animation .grve-clipping-wrapper { width: 250%; display: block; } .grve-image.grve-align-center.grve-image-space-250:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-center.grve-image-space-250.grve-clipping-animation .grve-clipping-wrapper, .grve-align-center .grve-image.grve-align-inherit.grve-image-space-250 .grve-image-wrapper { margin-left: -75% } .grve-image.grve-align-right.grve-image-space-250:not(.grve-clipping-animation) .grve-image-wrapper, .grve-image.grve-align-right.grve-image-space-250.grve-clipping-animation .grve-clipping-wrapper, .grve-align-right .grve-image.grve-align-inherit.grve-image-space-250 .grve-image-wrapper { margin-left: -150% } @media only screen and (max-width: 1200px) { #grve-theme-wrapper .grve-tablet-column-1 .grve-image.grve-full-image:not(.grve-clipping-animation) .grve-image-wrapper, #grve-theme-wrapper .grve-tablet-column-1 .grve-image.grve-full-image.grve-clipping-animation .grve-clipping-wrapper { width: 100%; margin-left: auto; } } @media only screen and (max-width: 959px) { #grve-theme-wrapper .grve-tablet-sm-column-1 .grve-image.grve-full-image:not(.grve-clipping-animation) .grve-image-wrapper, #grve-theme-wrapper .grve-tablet-sm-column-1 .grve-image.grve-full-image.grve-clipping-animation .grve-clipping-wrapper { width: 100%; margin-left: auto; } } @media only screen and (max-width: 767px) { #grve-theme-wrapper .grve-image.grve-full-image:not(.grve-clipping-animation) .grve-image-wrapper, #grve-theme-wrapper .grve-image.grve-full-image.grve-clipping-animation .grve-clipping-wrapper { width: 100%; margin-left: auto; } } /* ============================================================================= - Image Text ============================================================================= */ .grve-image-text:before, .grve-image-text:after { display: table; content: " "; } .grve-image-text:after { clear: both; } .grve-image-text .grve-image img { display: block; } .grve-image-text .grve-video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } .grve-image-text .grve-title { line-height: 1.4; margin-bottom: 16px; } /* Layout 01 */ .grve-image-text.grve-layout-1 img { width: 100%; } .grve-image-text.grve-layout-1 { visibility: hidden; } .grve-image-text.grve-layout-1 .grve-image, .grve-image-text.grve-layout-1 .grve-content { width: 50%; } .grve-section.grve-fullwidth .grve-image-text.grve-layout-1 .grve-content { padding-left: 8%; padding-right: 8%; } .grve-image-text.grve-layout-1 .grve-content.grve-position-right { padding-left: 8%; } .grve-image-text.grve-layout-1 .grve-content.grve-position-left { padding-right: 8%; } /* Layout 02 */ .grve-image-text.grve-layout-2 { position: relative; } .grve-image-text.grve-layout-2 .grve-image { position: relative; z-index: 2; } .grve-image-text.grve-layout-2 .grve-content { width: 40%; position: absolute; top: 25%; z-index: 3; padding: 3%; } /* Align Left */ .grve-image-text.grve-layout-2.grve-align-left .grve-image { margin-right: 30%; float: right; } .grve-image-text.grve-layout-2.grve-align-left .grve-content { right: 0; } /* Align Right */ .grve-image-text.grve-layout-2.grve-align-right .grve-image { margin-left: 30%; float: left; } .grve-image-text.grve-layout-2.grve-align-right .grve-content { left: 0; } @media only screen and (max-width: 767px) { .grve-image-text.grve-layout-1 .grve-image { margin-bottom: 30px; } .grve-image-text.grve-layout-1 .grve-image, .grve-image-text.grve-layout-1 .grve-content { width: auto; float: none; text-align: left; } .grve-image-text.grve-layout-1 .grve-content.grve-position-right { padding-left: 0; } .grve-image-text.grve-layout-1 .grve-content.grve-position-left { padding-right: 0; } .grve-section.grve-fullwidth .grve-image-text.grve-layout-1 .grve-content { padding-left: 30px; padding-right: 30px; } .grve-flexible-carousel .grve-image-text.grve-layout-1 .grve-content { margin-bottom: 30px; } .grve-image-text.grve-layout-1 .grve-content { padding-top: 0 !important; padding-bottom: 0 !important; } .grve-image-text .grve-content { margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { #grve-body .grve-image-text.grve-layout-2 .grve-image { width: 100%; float: none; margin-right: 0; margin-left: 0; } .grve-image-text.grve-layout-2 .grve-content { width: auto; position: static; padding: 30px; } .grve-image-text.grve-layout-2 .grve-content.grve-position-left { left: 15px; right: 15px; } .grve-image-text.grve-layout-2 .grve-content { margin-bottom: 30px; } } /* ============================================================================= - Split Content ============================================================================= */ .grve-split-content .grve-split-wrapper { position: absolute; top: 0; width: 50%; height: 100%; overflow: hidden; z-index: 2; } .grve-split-content .grve-title { margin-bottom: 0; } .grve-split-content .grve-wrapper-inner { position: absolute; top: 50%; width: 200%; z-index: 3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .grve-split-content .grve-content { position: absolute; top: 100%; padding: 60px; } .grve-split-content .grve-media-wrapper .grve-responsive-content { display: none; } .grve-section.grve-fullwidth .grve-split-content .grve-content { max-width: 25%; } /* Slider */ .grve-split-content .grve-slit-content-slider, .grve-split-content .owl-stage-outer, .grve-split-content .owl-carousel .owl-stage, .grve-split-content .grve-slider-item-wrapper { width: 100%; height: 100%; z-index: 0; } .grve-split-content .grve-slider-item-wrapper.cloned .grve-bg-image { opacity: 1; } .grve-split-content .grve-slider-dots { position: absolute; top: auto; bottom: 60px; } /* Align */ .grve-split-content.grve-media-left .grve-media-wrapper { left: 0; } .grve-split-content.grve-media-left .grve-content-wrapper { right: 0; } .grve-split-content.grve-media-left .grve-content-wrapper .grve-wrapper-inner { left: 0; } .grve-split-content.grve-media-left .grve-media-wrapper .grve-wrapper-inner { left: 100%; } .grve-split-content.grve-media-left .grve-content { right: 50%; text-align: left; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .grve-split-content.grve-media-left .grve-slider-dots { right: auto; left: 60px; } .grve-split-content.grve-media-right .grve-media-wrapper { right: 0; } .grve-split-content.grve-media-right .grve-content-wrapper { left: 0; } .grve-split-content.grve-media-right .grve-content-wrapper .grve-wrapper-inner { left: 100%; } .grve-split-content.grve-media-right .grve-media-wrapper .grve-wrapper-inner { left: 0; } .grve-split-content.grve-media-right .grve-content { left: 50%; text-align: right; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .grve-split-content.grve-media-right .grve-slider-dots { right: 60px; left: auto; } /* Sizes */ .grve-split-content.grve-fullscreen-size { height: 100vh; } .grve-split-content.grve-large-size { height: 80vh; } .grve-split-content.grve-medium-size { height: 60vh; } .grve-split-content.grve-small-size { height: 50vh; } @media only screen and (max-width: 1320px) { .grve-section.grve-fullwidth .grve-split-content .grve-content { max-width: 100%; } } @media only screen and (max-width: 1023px) { .grve-split-content .grve-content-wrapper { display: none; } .grve-split-content .grve-split-wrapper { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; } .grve-split-content .grve-wrapper-inner { position: absolute; top: 50%; left: 0 !important; width: 100%; padding: 30px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .grve-split-content .grve-media-wrapper .grve-content { display: block; position: relative; left: auto; right: auto; text-align: center; padding: 0; margin-top: 30px; max-width: none !important; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } /* ============================================================================= - Double Image Text ============================================================================= */ .grve-double-image-text { position: relative; } .grve-double-image-text:before, .grve-double-image-text:after { display: table; content: " "; } .grve-double-image-text:after { clear: both; } .grve-double-image-text .grve-image img { display: block; } .grve-double-image-text .grve-video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } .grve-double-image-text .grve-title { line-height: 1.4; margin-bottom: 16px; } .grve-double-image-text .grve-image.grve-first-image { position: relative; z-index: 2; } .grve-double-image-text .grve-image.grve-second-image { max-width: 150%; position: relative; top: 60px; } .grve-double-image-text .grve-content { width: 40%; position: absolute; top: 2%; z-index: 3; padding: 3%; } /* Align Left */ .grve-double-image-text.grve-align-left .grve-image.grve-first-image { float: right; margin-right: 40%; } .grve-double-image-text.grve-align-left .grve-image.grve-second-image { margin-left: -50%; } .grve-double-image-text.grve-align-left .grve-content { right: 0; } /* Align Right */ .grve-double-image-text.grve-align-right .grve-image.grve-first-image { float: left; margin-left: 40%; } .grve-double-image-text.grve-align-right .grve-image.grve-second-image { margin-right: -50%; } .grve-double-image-text.grve-align-right .grve-content { left: 0; } @media only screen and (max-width: 767px) { .grve-double-image-text.grve-align-left .grve-image.grve-first-image, .grve-double-image-text.grve-align-right .grve-image.grve-first-image { float: none; margin-right: 0; margin-left: 0; } .grve-double-image-text .grve-image img { width: 100%; max-width: none; } .grve-double-image-text .grve-content { position: static; width: 100%; padding: 0; margin-top: 30px; text-align: left; } .grve-double-image-text.grve-align-right .grve-image.grve-second-image, .grve-double-image-text.grve-align-left .grve-image.grve-second-image { position: static; margin-right: 0; margin-left: 0; margin-top: 30px; } } /* ============================================================================= - Blog Settings ============================================================================= */ .grve-blog-columns .grve-media img, .grve-blog-small .grve-media img, .grve-blog .grve-slider-element img { width: 100%; } .grve-blog .grve-media, .grve-blog .grve-blog-item-inner { position: relative; } .grve-blog .grve-item-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; } .grve-blog .grve-media img { display: block; } .grve-blog .grve-post-title { margin-bottom: 18px; } .grve-read-more, .more-link { color: inherit; } .grve-read-more, .more-link, .grve-post-title { -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* ============================================================================= --- Blog Meta ============================================================================= */ .grve-title-meta-content { line-height: 1.636em; } .grve-post-meta { display: inline-block; vertical-align: top; margin: 0 0 6px 0; list-style: none; line-height: 14px; font-size: 12px; } .grve-post-meta:before, .grve-post-meta:after { display: table; content: " "; } .grve-post-meta:after { clear: both; } .grve-post-meta li { float: left; vertical-align: middle; text-transform: capitalize; font-size: 11px; } .grve-post-meta li:after { content: '/'; opacity: 0.3; margin: 0 5px; } .grve-post-meta li:last-child:after { display: none; } /* Categories */ .grve-post-content-wrapper .grve-categories { vertical-align: top; margin: 0 0 6px 0; list-style: none; line-height: 14px; font-size: 11px; } .grve-post-content-wrapper .grve-categories li { display: inline-block; } .grve-post-content-wrapper .grve-categories li:after { content: ','; opacity: 0.3; } .grve-post-content-wrapper .grve-categories li:last-child:after { display: none; } /* ============================================================================= --- Blog Sticky ============================================================================= */ /* ============================================================================= --- Blog Style 2 ============================================================================= */ .grve-blog .grve-blog-item.grve-style-2 .grve-blog-item-inner { position: relative; text-align: center; } .grve-blog .grve-blog-item.grve-style-2 .grve-media { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .grve-blog .grve-blog-item.grve-style-2 .grve-post-content-wrapper { display: table; width: 100%; height: inherit; padding: 12%; } .grve-blog .grve-blog-item.grve-style-2 .grve-post-content { display: table-cell; vertical-align: middle; position: relative; z-index: 4; color: #ffffff; } .grve-blog .grve-blog-item.grve-style-2 .grve-post-title, .grve-blog .grve-blog-item.grve-style-2 .grve-categories li a { color: #ffffff; } .grve-blog .grve-blog-item.grve-style-2:not(.format-quote):not(.format-link) .grve-post-title { margin-bottom: 0; } .grve-blog .grve-blog-item.grve-style-2 p { opacity: 0.7; } .grve-blog .grve-blog-item.grve-style-2:not(.format-quote):not(.format-link) p, .grve-blog .grve-blog-item.grve-style-2 .grve-read-more { display: none; } /* ============================================================================= --- Blog Audio Format ============================================================================= */ #grve-theme-wrapper .wp-audio-shortcode button[type="button"] { background-color: transparent !important; padding: 0; margin-top: 6px; margin-bottom: 0; } /* ============================================================================= --- Blog Quote & Link Format ============================================================================= */ .grve-blog .grve-blog-item.format-quote a.grve-post-link, .grve-blog .grve-blog-item.format-link a.grve-post-link { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 6; } .grve-post-icon { display: block; vertical-align: top; width: 60px; height: 60px; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 26px; border: 2px solid rgba(255,255,255,0.4); color: #ffffff; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .grve-post-icon:hover { color: #ffffff; } .grve-post-icon:hover .grve-icon-video { color: #ffffff; background-color: transparent; } .grve-blog .grve-blog-item:hover .grve-post-icon { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .grve-post-icon i { font-size: 30px; line-height: 56px; } .grve-post-icon .grve-animated-circle { position: absolute; top: -2px; left: -2px; } .grve-animated-circle { stroke-dasharray: 360; stroke-dashoffset: -182; -webkit-transition : all .5s; -moz-transition : all .5s; -ms-transition : all .5s; -o-transition : all .5s; transition : all .5s; } #grve-single-link a:hover .grve-animated-circle, #grve-single-quote .grve-animated-circle, .grve-blog .grve-blog-item:hover .grve-animated-circle { stroke-dashoffset: 0; } .grve-blog .grve-blog-item.format-link .grve-post-url, .grve-blog .grve-blog-item.format-quote .grve-quote-writer { margin-top: 30px; line-height: 16px; font-size: 12px; } .grve-blog-columns .grve-blog-item.format-link .grve-post-url { overflow: hidden; text-overflow: ellipsis; max-width: 200px; white-space: nowrap; margin-left: auto; margin-right: auto; } /* Single */ #grve-single-quote .grve-post-content, #grve-single-link .grve-post-content { position: relative; z-index: 5; display: block; padding: 17%; text-align: center; color: #ffffff; } /* ============================================================================= --- Blog Large Media ============================================================================= */ .grve-blog-large .grve-blog-item { margin-bottom: 60px; } .grve-blog-large .grve-blog-item:last-child { margin-bottom: 0; } .grve-blog-large .grve-blog-item .grve-post-content { padding: 5% 12%; } @media only screen and (max-width: 767px) { .grve-blog-large .grve-blog-item .grve-post-content { padding: 5% 0; } } .grve-blog-large .grve-blog-item:last-child .grve-post-content { padding-bottom: 0; } /* ============================================================================= --- Blog Small Media ============================================================================= */ .grve-blog-small .grve-blog-item { margin-bottom: 60px; display: block; } .grve-blog-small .grve-blog-item-inner { word-spacing: -0.26em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .grve-blog-small .grve-blog-item:not(.grve-style-2) .grve-media, .grve-blog-small .grve-blog-item:not(.grve-style-2) .grve-post-content-wrapper { width: 50%; } .grve-blog-small .grve-post-content-wrapper { padding-left: 30px; word-spacing: normal; } @media only screen and (max-width: 767px) { .grve-blog-small .grve-blog-item-inner { display: block; } .grve-blog-small .grve-blog-item:not(.grve-style-2) .grve-media, .grve-blog-small .grve-blog-item:not(.grve-style-2) .grve-post-content-wrapper { width: 100%; } .grve-blog-small .grve-post-content-wrapper { padding-left: 0; margin-top: 30px; word-spacing: normal; } } /* ============================================================================= --- Blog Grid ============================================================================= */ .grve-blog-columns .grve-blog-item:not(.grve-style-2) .grve-media { margin-bottom: 36px; } /* Layout 02 */ .grve-blog-columns.grve-layout-2 .grve-blog-item-inner { position: relative; } .grve-blog-columns.grve-layout-2 .grve-media { margin-bottom: 0; } .grve-blog-columns.grve-layout-2 .grve-post-url { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .grve-blog-columns.grve-layout-2 .grve-post-url:after { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ' '; display: block; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; opacity: 1; z-index: 1; -webkit-border-radius: inherit; border-radius: inherit; background: linear-gradient(to top, rgba(0,0,0, 0.4) 0%, rgba(0,0, 0, 0.2) 25%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(to top, rgba(0,0,0, 0.4) 0%, rgba(0,0, 0, 0.2) 25%, rgba(0,0,0,0) 100%); } .grve-blog-columns.grve-layout-2 .grve-post-content { position: absolute; left: 0; top: auto; right: 0; bottom: 0; z-index: 5; padding: 10%; color: #ffffff; } /* Masonry Style 02 */ .grve-blog-masonry .grve-blog-item.grve-style-2 .grve-post-content-wrapper { height: 500px; } /* ============================================================================= --- Blog Shadow Style ============================================================================= */ .grve-blog-columns.grve-with-shadow .grve-blog-item .grve-blog-item-inner { background-color: #ffffff; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); } .grve-blog-columns.grve-with-shadow .grve-blog-item { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .grve-blog-columns.grve-with-shadow .grve-blog-item:hover .grve-blog-item-inner { -webkit-box-shadow: 0px 8px 35px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 8px 35px 0px rgba(0,0,0,0.13); box-shadow: 0px 8px 35px 0px rgba(0,0,0,0.13); } .grve-blog-columns.grve-with-shadow .grve-blog-item:not(.grve-style-2) .grve-media { margin-bottom: 0; } .grve-blog-columns.grve-with-shadow .grve-blog-item:not(.grve-style-2) .grve-post-content-wrapper { padding: 36px; } /* ============================================================================= --- Blog Leader ============================================================================= */ .grve-blog-leader:before, .grve-blog-leader:after { display: table; content: " "; } .grve-blog-leader:after { clear: both; } .grve-blog-leader .grve-media img { width: 100%; height: auto; max-width: none; display: block; opacity: 0; } .grve-blog-leader .grve-post-content .grve-post-header, .grve-blog-leader .grve-post-content p, .grve-blog-leader .grve-post-content .grve-post-meta-wrapper { position: relative; z-index: 5; } .grve-blog-leader .grve-post-leader .grve-post-title, .grve-blog-leader .grve-post-list .grve-post-title { line-height: 1.400em; margin-bottom: 6px; } .grve-blog-leader .grve-post-list .grve-blog-item { margin-bottom: 30px; } .grve-blog-leader .grve-post-list .grve-blog-item:last-child { margin-bottom: 0; } .grve-blog-leader .grve-post-list .grve-post-content p { text-overflow: ellipsis; overflow: hidden; max-height: 3.143em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .grve-blog-leader .grve-post-meta-wrapper { border-bottom: none; padding: 15px 0 0 0; margin-top: 0; } /* Layout 1 */ .grve-blog-leader.grve-layout-1 { margin-left: -15px; margin-right: -15px; } .grve-blog-leader.grve-layout-1 .grve-post-leader, .grve-blog-leader.grve-layout-1 .grve-post-list { float: left; width: 50%; padding-left: 15px; padding-right: 15px; } .grve-blog-leader.grve-layout-1 .grve-post-list .grve-blog-item-inner { display: table; width: 100%; height: 100%; table-layout: fixed; position: relative; z-index: 5; } .grve-blog-leader.grve-layout-1 .grve-post-leader .grve-media { margin-bottom: 30px; } .grve-blog-leader.grve-layout-1 .grve-post-list .grve-media { display: table-cell; width: 50%; padding-right: 20px; vertical-align: middle; } .rtl .grve-blog-leader.grve-layout-1 .grve-post-list .grve-media { padding-right: 0; padding-left: 20px; } .grve-blog-leader.grve-layout-1 .grve-post-list .grve-media + .grve-post-content { display: table-cell; width: 50%; vertical-align: middle; } /* Movedo Style Layout 1 */ .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-content { padding: 8%; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-media { margin-bottom: 0; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-blog-item { display: table; width: 100%; height: 100%; position: relative; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-blog-item-inner { display: table-cell; vertical-align: middle; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader { visibility: hidden; } /* Leader Post Only */ .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader.grve-post-leader-only { float: none; position: relative; width: 100%; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-content { padding: 17%; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-date, .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-title, .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader p, .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-meta li { color: #ffffff; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader.grve-with-primary-bg .grve-post-title:hover { color: #ffffff !important; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader.grve-with-primary-bg .grve-post-title:after { background-color: #ffffff !important; } .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-meta li { opacity: 0.8; } #grve-theme-wrapper .grve-blog-leader.grve-layout-1.grve-movedo-style .grve-post-leader .grve-post-meta-wrapper { position: absolute; bottom: 0; padding: 15px; left: 0; width: 100%; color: #ffffff; } /* With Side Header or sidebar */ .grve-boxed #grve-theme-wrapper.grve-header-side .grve-blog-leader.grve-layout-1, #grve-theme-wrapper .grve-right-sidebar .grve-blog-leader.grve-layout-1, #grve-theme-wrapper .grve-left-sidebar .grve-blog-leader.grve-layout-1 { margin-left: 0; margin-right: 0; } .grve-boxed #grve-theme-wrapper.grve-header-side .grve-blog-leader.grve-layout-1 .grve-post-leader, .grve-boxed #grve-theme-wrapper.grve-header-side .grve-blog-leader.grve-layout-1 .grve-post-list, #grve-theme-wrapper .grve-right-sidebar .grve-blog-leader.grve-layout-1 .grve-post-leader, #grve-theme-wrapper .grve-right-sidebar .grve-blog-leader.grve-layout-1 .grve-post-list, #grve-theme-wrapper .grve-left-sidebar .grve-blog-leader.grve-layout-1 .grve-post-leader, #grve-theme-wrapper .grve-left-sidebar .grve-blog-leader.grve-layout-1 .grve-post-list { float: none; width: 100%; margin: 0 0 30px 0; padding: 0; position: relative; } @media only screen and (max-width: 1023px) { #grve-theme-wrapper .grve-blog-leader.grve-layout-1 { margin-left: 0; margin-right: 0; } #grve-theme-wrapper .grve-blog-leader.grve-layout-1 .grve-post-leader, #grve-theme-wrapper .grve-blog-leader.grve-layout-1 .grve-post-list { float: none; width: 100%; margin: 0 0 30px 0; padding: 0; position: relative; } } @media only screen and (max-width: 767px) { #grve-theme-wrapper .grve-blog-leader.grve-layout-1 .grve-post-list .grve-post-content .grve-post-title { margin-bottom: 0; } #grve-theme-wrapper .grve-blog-leader.grve-layout-1 .grve-post-list .grve-post-content .grve-post-title:after, #grve-theme-wrapper .grve-blog-leader.grve-layout-1 .grve-post-list .grve-post-content p, #grve-theme-wrapper .grve-blog-leader.grve-layout-1 .grve-post-list .grve-post-content .grve-post-meta-wrapper { display: none; } } /* ============================================================================= --- Blog Gallery Format ============================================================================= */ ul.grve-post-gallery { list-style: none; display: block; vertical-align: top; } ul.grve-post-gallery li { float: left; } ul.grve-post-gallery li img { max-width: none; width: 100%; } ul.grve-post-gallery li a { display: block; overflow: hidden; } /* ============================================================================= --- Blog Carousel ============================================================================= */ .grve-blog-carousel .grve-post-item { position: relative; } .grve-blog-carousel .grve-post-item .grve-media img { width: 100%; } .grve-carousel-style-1 .grve-blog-carousel .grve-media { margin-bottom: 36px; } .grve-carousel-style-2 .grve-blog-carousel .grve-post-content-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; } .grve-carousel-style-2 .grve-blog-carousel .grve-post-content { display: table; width: 100%; height: 100%; } .grve-carousel-style-2 .grve-blog-carousel .grve-post-container { display: table-cell; vertical-align: middle; padding: 0 5%; -webkit-transition : all .4s; -moz-transition : all .4s; -ms-transition : all .4s; -o-transition : all .4s; transition : all .4s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .grve-carousel-style-2 .grve-blog-carousel .grve-carousel-item:hover .grve-post-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .grve-carousel-style-2 .grve-blog-carousel .grve-post-date { line-height: 2.000em; margin-bottom: 5px; } .grve-carousel-style-2 .grve-blog-carousel ul.grve-post-meta { display: inline-block; opacity: 0; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } .grve-carousel-style-2 .grve-blog-carousel .grve-carousel-item:hover ul.grve-post-meta { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .grve-carousel-style-2 .grve-blog-carousel .grve-post-meta li { opacity: 1; } /* ============================================================================= - Portfolio Custom Overview ============================================================================= */ .grve-portfolio-item.grve-bg-overview .grve-content { position: absolute; padding: 30px; top: 50%; left: 0; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .grve-portfolio-item.grve-bg-overview .grve-title, .grve-portfolio-item.grve-bg-overview .grve-description { opacity: 1; -webkit-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -moz-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -ms-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -o-transition : all 0.3s cubic-bezier(.05,.8,.5,1); transition : all 0.3s cubic-bezier(.05,.8,.5,1); } .grve-portfolio-item.grve-bg-overview .hover .grve-title, .grve-portfolio-item.grve-bg-overview .hover .grve-description { opacity: 0; -webkit-transform: translateY(-120px); -moz-transform: translateY(-120px); -ms-transform: translateY(-120px); -o-transform: translateY(-120px); transform: translateY(-120px); } .grve-portfolio-item.grve-bg-overview .hover .grve-description { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .grve-portfolio-item.grve-bg-overview .grve-media img { opacity: 0.05 !important; -webkit-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -moz-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -ms-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -o-transition : all 0.3s cubic-bezier(.05,.8,.5,1); transition : all 0.3s cubic-bezier(.05,.8,.5,1); } .grve-portfolio-item.grve-bg-overview .grve-media.hover img { opacity: 1 !important; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } /* ============================================================================= - Portfolio Movedo Style ============================================================================= */ .grve-portfolio-movedo-style .grve-portfolio-item { position: relative; margin-bottom: 20%; z-index: 4; } .grve-portfolio-movedo-style .grve-portfolio-item:last-child { margin-bottom: 0; } .grve-portfolio-movedo-style .grve-portfolio-item:before, .grve-portfolio-movedo-style .grve-portfolio-item:after { display: table; content: " "; } .grve-portfolio-movedo-style .grve-portfolio-item:after { clear: both; } .grve-portfolio-movedo-style { position: relative; } .grve-item-url { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .grve-portfolio-movedo-style:after { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; border-left: 1px dashed; opacity: 0.4; z-index: 3; } .grve-portfolio-movedo-style .grve-title { line-height: 1.4; margin-bottom: 16px; } @media only screen and (max-width: 1900px) { .grve-portfolio-movedo-style.grve-loop-mode .grve-media img { max-height: 650px; } } /* Align Left */ .grve-portfolio-movedo-style .grve-media { position: relative; float: right; margin-right: 30%; } .grve-portfolio-movedo-style .grve-media img { display: block; max-width: 100%; width: auto; } .grve-portfolio-movedo-style .grve-content { position: absolute; width: 40%; padding: 3%; top: 50%; right: 0; z-index: 5; } .grve-portfolio-movedo-style .grve-description { margin-bottom: 30px; } /* Align Right */ .grve-portfolio-movedo-style .grve-portfolio-item:nth-child(2n) .grve-media { float: left; margin-right: auto; margin-left: 30%; } .grve-portfolio-movedo-style .grve-portfolio-item:nth-child(2n) .grve-media img { margin: 0 auto 0 0; } .grve-portfolio-movedo-style .grve-portfolio-item:nth-child(2n) .grve-content { right: auto; left: 0; } /* LikesCounter */ .grve-portfolio-movedo-style .grve-portfolio-item .grve-like-counter { position: absolute; top: 40%; left: 70%; margin-left: 30px; opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .grve-portfolio-movedo-style .grve-portfolio-item:nth-child(2n) .grve-like-counter { left: auto; right: 70%; margin-right: 30px; } .grve-portfolio-movedo-style .grve-portfolio-item.active .grve-like-counter { opacity: 1; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .grve-portfolio-movedo-style .grve-portfolio-item .grve-like-counter i { font-size: 32px; margin-bottom: 6px; padding: 2px; display: inline-block; vertical-align: middle; opacity: 0.3; -webkit-animation: like_counter_animation 1.5s infinite; -moz-animation: like_counter_animation 1.5s infinite; -o-animation: like_counter_animation 1.5s infinite; animation: like_counter_animation 1.5s infinite; } .grve-portfolio-movedo-style .grve-portfolio-item .grve-like-counter span { display: inline-block; vertical-align: middle; opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .grve-portfolio-movedo-style .grve-portfolio-item.active .grve-like-counter span { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } @media only screen and (max-width: 767px) { .grve-portfolio-movedo-style .grve-media, .grve-portfolio-movedo-style .grve-portfolio-item:nth-child(2n) .grve-media { float: none; width: 100%; margin-right: 0; margin-left: 0; } .grve-portfolio-movedo-style .grve-media img { max-width: none; width: 100%; } .grve-portfolio-movedo-style .grve-content { position: static; width: 100%; padding: 30px; } } /* ============================================================================= - Slider & Carousel Navigations ============================================================================= */ .grve-carousel-buttons div { font-size: 24px; cursor: pointer; width: 60px; height: 60px; line-height: 60px; display: inline-block; vertical-align: middle; text-align: center; position: absolute; top: 50%; z-index: 10; font-size: 24px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .grve-carousel-buttons div i { font-size: inherit; line-height: inherit; } .grve-carousel-buttons .grve-carousel-prev { left: 0; } .grve-carousel-buttons .grve-carousel-next { right: 0; } /* Navigation Colors */ .grve-light .grve-carousel-buttons div { color: #ffffff; opacity: 0.6; } .grve-default .grve-carousel-buttons div, .grve-dark .grve-carousel-buttons div { color: #000000; opacity: 0.3; } /* Navigation Hover */ .grve-carousel-buttons div:hover { opacity: 1; } /* Carousel Info */ .grve-carousel-info-wrapper { margin-bottom: 30px; position: relative; } .grve-carousel-info .grve-title { line-height: 1.4; margin-bottom: 6px; } .grve-carousel-info .grve-title:last-child { margin-bottom: 0; } .grve-section.grve-fullwidth .grve-carousel-info-wrapper { padding: 0 15px; } .grve-carousel-info-wrapper:before, .grve-carousel-info-wrapper:after { display: table; content: " "; } .grve-carousel-info-wrapper:after { clear: both; } /* Carousel Layout 1 */ .grve-section:not(.grve-fullwidth) .grve-carousel .grve-carousel-buttons .grve-carousel-prev { left: -60px; } .grve-section:not(.grve-fullwidth) .grve-carousel .grve-carousel-buttons .grve-carousel-next { right: -60px; } /* Carousel Layout 2 */ .grve-carousel.grve-layout-2 .grve-carousel-buttons div { position: static; width: 30px; height: 30px; line-height: 30px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* Align Left */ .grve-carousel.grve-layout-2 .grve-align-left .grve-carousel-info { float: left; max-width: 50%; } .grve-carousel.grve-layout-2 .grve-align-left .grve-carousel-navigation { float: left; position: absolute; top: 50%; right: 0; } /* Align Right */ .grve-carousel.grve-layout-2 .grve-align-right .grve-carousel-info { float: right; } .grve-carousel.grve-layout-2 .grve-align-right .grve-carousel-navigation { float: left; position: absolute; top: 50%; left: 0; } /* Align center */ .grve-carousel.grve-layout-2 .grve-align-center .grve-carousel-info { float: none; max-width: 100%; } .grve-carousel.grve-layout-2 .grve-align-center .grve-carousel-navigation { float: none; } .grve-carousel.grve-layout-2 .grve-align-center .grve-carousel-info + .grve-carousel-navigation { margin-top: 30px; } /* Slider Layout 2 */ .grve-slider.grve-layout-2 .grve-carousel-navigation { position: absolute; z-index: 6; zoom: 1; cursor: pointer; text-align: center; top: 10%; right: 0; margin-right: 40px; } .grve-slider.grve-layout-2 .grve-carousel-buttons div { position: static; width: 30px; height: 30px; line-height: 30px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* Slider Pagination */ #grve-feature-section .owl-controls, .grve-slider .owl-controls { position: absolute; bottom: 2%; left: 50%; z-index: 10; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .grve-slider.grve-slider-content-below .owl-controls { bottom: inherit; } #grve-feature-section .owl-controls.grve-light, .grve-slider .grve-light .owl-controls { color: #ffffff; } /* ============================================================================= - Countdown ============================================================================= */ .grve-countdown { text-align: center; } .grve-countdown .grve-countdown-item { display: inline-block; position: relative; text-align: center; margin-bottom: 0; padding: 0 3%; } .grve-countdown .grve-countdown-item .grve-number { min-width: 1.667em; } .grve-countdown .grve-countdown-item .grve-number { margin: 0; } @media only screen and (max-width: 767px) { .grve-countdown .grve-countdown-item { display: block; margin-bottom: 30px; padding: 0; } .grve-countdown .grve-countdown-item:last-child { margin-bottom: 0; } } /* Style 01 */ .grve-countdown.grve-style-1 .grve-countdown-item:before { content: ''; position: absolute; top: 0; right: 0; border-right: 1px solid; width: 1px; height: 100%; opacity: 0.2; } @media only screen and (max-width: 767px) { .grve-countdown.grve-style-1 .grve-countdown-item { margin-bottom: 10px; padding-bottom: 10px; } .grve-countdown.grve-style-1 .grve-countdown-item:before { content: ''; position: absolute; top: auto; bottom: 0; border-right: none; border-top: 1px solid; width: 100%; height: 1px; } } .grve-countdown.grve-style-1 .grve-countdown-item:last-child:before { display: none; } .grve-countdown.grve-style-1 .grve-countdown-item span { display: block; margin-top: 5px; } /* Style 02 */ .grve-countdown.grve-style-2 .grve-countdown-item .grve-number { display: inline-block; vertical-align: middle; } .grve-countdown.grve-style-2 .grve-countdown-item span { display: inline-block; vertical-align: middle; margin-left: 5px; } /* Style 03 */ .grve-countdown.grve-style-3 .grve-countdown-item { margin: 0 3px; padding: 15px 30px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); background-color: #ffffff; } .grve-countdown.grve-style-3 .grve-countdown-item span { display: block; margin-top: 5px; } /* ============================================================================= - Gutenberg ============================================================================= */ /* ============================================================================= --- Block Quote ============================================================================= */ .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { content: ''; width: 0; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 18px; } .wp-block-quote cite, .wp-block-quote footer { font-size: 13px; font-style: italic; letter-spacing: inherit; } /* ============================================================================= --- Block Pullquote ============================================================================= */ .wp-block-pullquote { border: none; } blockquote.wp-block-pullquote:before, .wp-block-pullquote blockquote:before { content: ''; width:0; } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; margin-bottom: 30px; } blockquote.wp-block-pullquote, .wp-block-pullquote blockquote { opacity: 1; } .wp-block-pullquote p { font-size: 28px; line-height: 1.6; } blockquote.wp-block-pullquote.is-style-solid-color p, .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } blockquote.wp-block-pullquote.alignleft p, blockquote.wp-block-pullquote.alignright p, .wp-block-pullquote.alignleft blockquote p, .wp-block-pullquote.alignright blockquote p { font-size: 20px; } .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: 13px; font-style: italic; letter-spacing: inherit; } /* ============================================================================= --- Block Separator ============================================================================= */ .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } /* ============================================================================= --- Block Archives/ Categories / Latest Posts ============================================================================= */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { margin: 0 0 28px 0; list-style: none; } .wp-block-archives li, .wp-block-categories li, .wp-block-latest-posts li { margin-bottom: 6px; text-align: left; overflow: hidden; } .wp-block-archives, li ul, .wp-block-categories li ul, .wp-block-latest-posts li ul { padding-left: 10px; } .wp-block-archives li:last-child, .wp-block-categories li:last-child, .wp-block-latest-posts li:last-child { margin-bottom: 0; padding-bottom: 0; } /* ============================================================================= --- Block Gallery ============================================================================= */ .wp-block-gallery { margin: 0 0 28px 0; } /* ============================================================================= - Widget ============================================================================= */ .widget, .widgets { font-size: 13px; line-height: 1.846em; margin-bottom: 3.846em; } .widget:last-child, .widgets:last-child { margin-bottom: 0; } .grve-widget-title { margin-bottom: 20px; } /* Widget in vc column */ #grve-content-area .wpb_content_element { margin-bottom: 40px; } #grve-content-area .wpb_content_element .widget, #grve-content-area .wpb_content_element .widgets, #grve-content-area .wpb_content_element:last-child { margin-bottom: 0; } .grve-widget .grve-media { overflow: hidden; } /* ============================================================================= --- Widget Categories ============================================================================= */ .widget.widget_categories label { display: none; } .widget.widget_categories ul { margin: 0; list-style: none; } .widget.widget_categories li { margin-bottom: 18px; border-color: inherit; text-align: right; overflow: hidden; } .widget.widget_categories li ul { padding-left: 10px; margin-top: 18px; border-color: inherit; } .widget.widget_categories li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_categories li a { float: left; color: inherit; } /* ============================================================================= --- Widget Archive ============================================================================= */ .widget.widget_archive label { display: none; } .widget.widget_archive ul { margin: 0; list-style: none; } .widget.widget_archive li { margin-bottom: 18px; border-color: inherit; text-align: right; overflow: hidden; } .widget.widget_archive li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_archive li a { float: left; color: inherit; } /* ============================================================================= --- Widget Pages ============================================================================= */ .widget.widget_pages ul { margin: 0; list-style: none; } .widget.widget_pages li { margin-bottom: 18px; border-color: inherit; } .widget.widget_pages li ul { padding-left: 10px; margin-top: 18px; border-color: inherit; } .widget.widget_pages li ul li { margin-bottom: 10px; padding-bottom: 10px; } .widget.widget_pages li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_pages li a { color: inherit; } /* ============================================================================= --- Widget Recent Post ============================================================================= */ .widget.widget_recent_entries ul { margin: 0; list-style: none; } .widget.widget_recent_entries li { margin-bottom: 18px; } .widget.widget_recent_entries li:last-child { margin-bottom: 0; } .widget.widget_recent_entries li span.post-date { display: block; line-height: 2em; margin-bottom: 0; opacity: 0.5; } .widget.widget_recent_entries li a { color: inherit; line-height: 1.571em; } /* ============================================================================= --- Widget Custom Menu ============================================================================= */ .widget.widget_nav_menu ul { margin: 0; list-style: none; } .widget.widget_nav_menu li { margin-bottom: 18px; border-color: inherit; } .widget.widget_nav_menu li ul { padding-left: 10px; margin-top: 18px; border-color: inherit; } .widget.widget_nav_menu li ul li { margin-bottom: 10px; padding-bottom: 10px; } .widget.widget_nav_menu li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_nav_menu li a { color: inherit; } /* ============================================================================= --- Widget Calendar ============================================================================= */ .widget.widget_calendar { position: relative; } .widget.widget_calendar table, .widget.widget_calendar thead, .widget.widget_calendar tbody, .widget.widget_calendar tfoot, .widget.widget_calendar tr, .widget.widget_calendar td, .widget.widget_calendar th { border-color: inherit !important; } .widget.widget_calendar table { width: 100%; border-collapse:collapse; } .widget.widget_calendar a { color: inherit; } .widget.widget_calendar table tbody td { padding: 4px; font-size: 11px; } .widget.widget_calendar table th { text-align: center; padding: 10px 0; width: 14.28%; } .widget.widget_calendar caption { margin-bottom: 10px; text-align: left; } /* ============================================================================= --- Widget RSS ============================================================================= */ .widget.widget_rss ul { margin: 0; list-style: none; } .widget.widget_rss li { margin-bottom: 20px; border-color: inherit; } .widget.widget_rss li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget .rss-date { display: block; margin-bottom: 5px; } .widget.widget_rss .grve-widget-title img { display: inline-block; margin-top: -3px; margin-right: 5px; } .widget.widget_rss a.rsswidget { color: inherit; } .widget.widget_rss .rss-date, .widget.widget_rss cite { opacity: 0.5; } /* ============================================================================= --- Widget Tagcloud ============================================================================= */ .widget.widget_tag_cloud .tagcloud { font-size: 0; border-color: inherit; } /* ============================================================================= --- Widget Meta ============================================================================= */ .widget.widget_meta ul { margin: 0; list-style: none; } .widget.widget_meta li { margin-bottom: 18px; border-color: inherit; } .widget.widget_meta li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_meta li a { color: inherit; } /* ============================================================================= --- Widget Recent Comments ============================================================================= */ .widget.widget_recent_comments ul { margin: 0; list-style: none; } .widget.widget_recent_comments li { margin-bottom: 18px; border-color: inherit; } .widget.widget_recent_comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget.widget_recent_comments li a { color: inherit; } /* ============================================================================= --- Latest Portfolio (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-latest-portfolio ul { margin: 0; list-style: none; margin: -0.231em; position: relative; } .grve-widget.grve-latest-portfolio ul:before, .grve-widget.grve-latest-portfolio ul:after { display: table; content: " "; } .grve-widget.grve-latest-portfolio ul:after { clear: both; } .grve-widget.grve-latest-portfolio ul li { float: left; width: 25%; max-width: 90px; } .grve-widget.grve-latest-portfolio ul li a { display: block; padding: 0.231em; } .grve-widget.grve-latest-portfolio li .grve-bg-wrapper .grve-bg-image { -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .grve-widget.grve-latest-portfolio ul li img { display: none; } /* ============================================================================= --- Widget Contact Info (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-contact-info ul { margin: 0; list-style: none; } .grve-widget.grve-contact-info li { margin-bottom: 18px; border-color: inherit; } .grve-widget.grve-contact-info li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .grve-widget.grve-contact-info li i { margin-right: 20px; float: left; line-height: inherit; opacity: 0.5; } .grve-widget.grve-contact-info li .grve-info-content { overflow: hidden; } .grve-widget.grve-contact-info li a { color: inherit; } /* ============================================================================= --- Widget Latest News (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-latest-news ul { margin: 0; list-style: none; } .grve-widget.grve-latest-news li { margin-bottom: 18px; display: table; width: 100%; } .grve-widget.grve-latest-news li:last-child { margin-bottom: 0; } .grve-widget.grve-latest-news li .grve-post-thumb { display: table-cell; vertical-align: middle; width: 60px; height: 60px; min-width: 60px; } .grve-widget.grve-latest-news li a.grve-title { line-height: 1.714em; display: block; text-overflow: ellipsis; overflow:hidden; max-height: 3.428em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: inherit; } .grve-widget.grve-latest-news li img { display: none; } .grve-widget.grve-latest-news li .grve-bg-wrapper .grve-bg-image { -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .grve-widget.grve-latest-news li .grve-news-content { display: table-cell; vertical-align: middle; } .grve-widget.grve-latest-news li a.grve-post-thumb + .grve-news-content { padding-left: 20px; } .grve-widget.grve-latest-news .grve-latest-news-date { font-size: 12px; line-height: 14px; margin-bottom: 0; opacity: 0.5; } /* ============================================================================= --- Widget Latest Comments (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-comments ul { margin: 0; list-style: none; } .grve-widget.grve-comments li { margin-bottom: 18px; border-color: inherit; } .grve-widget.grve-comments li img { -webkit-border-radius: 50px; border-radius: 50px; float: left; } .grve-widget.grve-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .grve-widget.grve-comments li a.grve-title { display: block; line-height: 1.571em; } .grve-widget.grve-comments li a { color: inherit; } .grve-widget.grve-comments li .grve-comment-content { overflow: hidden; vertical-align: middle; } .grve-widget.grve-comments li img + .grve-comment-content { padding-left: 20px; } .grve-widget.grve-comments .grve-comment-date { line-height: 2em; margin-bottom: 0; opacity: 0.5; } /* ============================================================================= --- Widget Instagram Feed (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-instagram-feed { overflow: hidden; position: relative; z-index: 2; } .grve-widget.grve-instagram-feed ul { margin: 0; list-style: none; overflow: hidden; margin: -2px; } .grve-widget.grve-instagram-feed li { padding: 2px; position: relative; float: left; width: 33.33333333%; max-width: 150px; min-width: 50px; } .grve-widget.grve-instagram-feed li a { display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 3; width: 100%; height: 100%; background-color: #000000; -webkit-border-radius: inherit; border-radius: inherit; opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .grve-widget.grve-instagram-feed li a:hover { opacity: 0.6; } .grve-widget.grve-instagram-feed li img { display: none; } .grve-widget.grve-instagram-feed li .grve-bg-wrapper, .grve-widget.grve-instagram-feed li .grve-bg-image { -webkit-border-radius: inherit; border-radius: inherit; } .grve-widget.grve-instagram-feed li .grve-item-wrapper { position: relative; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } /* ============================================================================= --- Widget Latest Social (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-social { overflow: hidden; } .grve-widget.grve-social ul { margin: 0; list-style: none; font-size: 0; } .grve-widget.grve-social li { font-size: 13px; display: inline-block; margin: 0px 10px 10px 0; } .grve-widget.grve-social li a { display: inline-block; width: inherit; height: inherit; line-height: inherit; text-align: center; font-size: 16px; color: inherit; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .grve-widget.grve-social li a.grve-outline { border: 1px solid; border-color: inherit; } /* Small Size */ .grve-widget.grve-social li a.grve-small { font-size: 1.125em; } .grve-widget.grve-social li a.grve-small.grve-outline, .grve-widget.grve-social li a.grve-small.grve-simple { width: 2.188em; height: 2.188em; line-height: 2.188em; font-size: 1em; } /* Medium Size */ .grve-widget.grve-social li a.grve-medium { font-size: 1.500em; } .grve-widget.grve-social li a.grve-medium.grve-outline, .grve-widget.grve-social li a.grve-medium.grve-simple { width: 2.778em; height: 2.778em; line-height: 2.778em; font-size: 1.125em; } /* Large Size */ .grve-widget.grve-social li a.grve-large { font-size: 2.000em; } .grve-widget.grve-social li a.grve-large.grve-outline, .grve-widget.grve-social li a.grve-large.grve-simple { width: 3.500em; height: 3.500em; line-height: 3.500em; font-size: 1.250em; } /* ============================================================================= --- Widget Promote Post (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-promote-post a.grve-post-link { position: relative; display: block; } .grve-promote-content { color: #ffffff; position: absolute; bottom: 0; top: auto; left: 0; width: 100%; padding: 7%; z-index: 6; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } .grve-widget.grve-promote-post .grve-post-meta-wrapper { position: absolute; bottom: 0; top: auto; left: 0; z-index: 6; padding: 7%; border: none; -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); } .grve-widget.grve-promote-post .hover .grve-post-meta-wrapper { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .grve-widget.grve-promote-post .grve-post-meta-wrapper li { opacity: 1; color: #ffffff; } .grve-promote-content .grve-promote-date { -webkit-transition : all .2s ease-in-out; -moz-transition : all .2s ease-in-out; -ms-transition : all .2s ease-in-out; -o-transition : all .2s ease-in-out; transition : all .2s ease-in-out; } .hover .grve-promote-content { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .hover .grve-promote-content .grve-promote-date { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); opacity: 0; } /* ============================================================================= --- Widget Image Banner (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-image-banner img { display: block; max-width: none; width: 100%; } .grve-widget .grve-image-banner-content { margin-top: 30px; } /* ============================================================================= --- Widget Sticky Widget (GRVE WIDGET) ============================================================================= */ .grve-widget.grve-sticky-widget { margin-bottom: 0; } /* ============================================================================= --- Widget Polylang ============================================================================= */ .grve-widget.widget_polylang ul { margin: 0; list-style: none; } .grve-widget.widget_polylang ul li { margin-bottom: 10px; } .grve-widget.widget_polylang ul li img{ margin-top: -2px; margin-right: 5px; }